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

Large Heading

Slower shimmer with wider spread

Durations

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...

Elements

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

As paragraph (default)

This is rendered as a paragraph

As heading

Large Heading with Shimmer

As span (inline)

Processing your request with AI magic...

As div with custom styling

Custom styled shimmer text