Ripple Text
Letters undulate away from the cursor like ripples on water.
pointer
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Radius100px
Amplitude14px
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | The text to animate. |
radius | number | 100 | Radius of the ripple wave in px. |
amplitude | number | 14 | Maximum vertical displacement of letters. |
className | string | — | Extra classes. |