Pulse Wave Text
A brightness wave sweeps left to right through the text in a loop.
CSS
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Wave color
Duration3s
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | ReactNode | — | The text to animate. |
color | string | "var(--brand-2)" | Glow color of the wave crest. |
duration | number | 3 | Seconds for one full wave cycle. |
className | string | — | Extra classes. |