Shimmer Text
Text with a moving light sweep clipped to the glyphs, with adjustable speed and color.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ShimmerTextProps
Also accepts all props of React.ComponentProps<"span">
| Prop | Type | Default | Description |
|---|---|---|---|
| speed | number | 2.4 | Seconds per sweep |
| shimmerColor | string | — | Color of the light sweep. Defaults to a theme-aware highlight |
| spread | number | 18 | Width of the sweep as a percentage of the text |
Install
$ npx shadcn@latest add https://chromotion.dev/r/shimmer-text.json