Atelier UI

Search components…

Search components…

Shimmer Text

Text with a moving light sweep clipped to the glyphs, with adjustable speed and color.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

ShimmerTextProps

Also accepts all props of React.ComponentProps<"span">

PropTypeDefaultDescription
speednumber2.4Seconds per sweep
shimmerColorstring—Color of the light sweep. Defaults to a theme-aware highlight
spreadnumber18Width of the sweep as a percentage of the text

Install

$ npx shadcn@latest add https://chromotion.dev/r/shimmer-text.json

More like this