The TextShine component sweeps a coloured highlight across your text on a loop, drawing the eye without demanding a click.
Add it with the CLI, open it in v0, or copy the source into your project.
Adds the component and installs its dependencies for you.
npx shadcn@latest add https://uibeats.com/r/text-shine.jsonEverything Text Shine accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
| text (required) | string | No default | Text to be displayed |
| shineColor | string | '#FFD700' | Colour of the highlight that sweeps across the text |
| baseColor | string | 'var(--foreground)' | Colour of the text itself. Defaults to the theme foreground so it stays legible in both themes |
| duration | number | 5 | Seconds for one sweep |
| className | string | '' | Additional CSS classes for styling |
Required.