Color Cycle Text
Each character independently cycles through the brand palette.
CSS
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Duration4s
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | The text to animate. |
duration | number | 4 | Seconds for one full cycle per character. |
className | string | — | Extra classes. |