Magnetic Text
Each letter is pulled toward the cursor like iron filings to a magnet.
pointer
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Text
Pull14px
Radius150px
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text* | string | — | The text to animate. |
pull | number | 14 | Maximum pixel displacement toward the cursor. |
radius | number | 150 | Radius of magnetic influence. |
className | string | — | Extra classes. |