Text Hover Effect
Text that reveals a cursor-following gradient and stroke animation on hover.
Install
Use Open-UI CLI or Shadcn CLI to install the component.
Open-UI CLI
Shadcn CLI
Usage
| Prop | Default | Description | Type |
|---|---|---|---|
| text | — | The text to display. Revealed with cursor-following gradient and stroke animation on hover. | string |
| duration | 0 | Duration (s) for the radial mask to follow the cursor. Use 0 for instant follow. Default: 0. | number |
| className | — | Optional CSS class for the root SVG container (e.g. width, height, margin). | string |
| textClassName | — | Optional CSS class merged into all text elements (e.g. font size, font family, stroke). | string |