Striped Text
Animated diagonal stripes flow through the letters.
CSS
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Angle45deg
Speed4s
Color 1
Color 2
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | ReactNode | — | The text to stripe. |
colors | string[] | brand spectrum | Colors to stripe through. |
angle | number | 45 | Stripe angle in degrees. |
speed | number | 4 | Seconds for one full cycle. |
className | string | — | Extra classes. |