Browse components
Shiny Text
A soft highlight sweeps across the text on a loop.
Shiny text effect
Installation
npx shadcn@latest add @glint-ui/shiny-textFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/shiny-text.json
Usage
import { ShinyText } from "@/components/ui/shiny-text";
<ShinyText text="Shiny text effect" speed={3} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "Shiny text effect" | Text to render. |
| speed | number | 3 | Seconds per sweep. |
| color | string | "#8a8a8a" | Base text color. |
| shineColor | string | "#ffffff" | Highlight color. |
| className | string | — | Extra classes for the root element. |