Gradient Text
A living gradient that pans across the letters.
CSS
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Speed8s
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | ReactNode | — | Text to fill with the gradient. |
colors | string[] | brand spectrum | Gradient stops, left to right (CSS colors). |
speed | number | 8 | Animation duration in seconds. |
className | string | — | Extra classes (size, weight, …). |