Shimmer

Animated text shimmer effect with configurable duration, spread, and element type — built from components/ai-elements/shimmer.

Basic

Default shimmer, large heading, and custom duration/spread combinations.

This text has a shimmer effect

Slower shimmer with wider spread

Shimmer animations from fast (1s) to very slow (6s).

Fast (1 second)

Loading quickly...

Default (2 seconds)

Loading at normal speed...

Slow (4 seconds)

Loading slowly...

Very Slow (6 seconds)

Loading very slowly...

Shimmer rendered as different HTML elements (p, h2, span, div).

As paragraph (default)

This is rendered as a paragraph

As heading

As span (inline)

Processing your request with AI magic...

As div with custom styling

Custom styled shimmer text