An animated text shimmer effect for loading states and AI responses.
Processing your request...
Analyzing data with custom styling
Installation
Copy the Source Code
Copy and paste the following code into your project:
Examples
Demo
Fast shimmer with wide spread Slow shimmer with narrow spread
Heading with shimmer effect
Props
TextShimmer
| Prop | Type | Default | Description |
|---|---|---|---|
children | Snippet | - | Shimmering text content. |
as | keyof HTMLElementTagNameMap | "span" | HTML element rendered by the component. |
duration | number | 4 | Animation duration in seconds. |
spread | number | 20 | Spread of the shimmer highlight. |
class | string | - | Additional CSS classes for the shimmer text. |