HOVER ME!
Installation
npx shadcn@latest add "https://magicui.design/r/hyper-text"Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | string | - | Text content to animate |
className | string | - | The class name to be applied to the component |
duration | number | 800 | Duration of the animation in milliseconds |
delay | number | 0 | Delay before animation starts (in ms) |
as | React.ElementType | "div" | Component to render as |
startOnView | boolean | false | Start animation when component is in view |
animateOnHover | boolean | true | Enable hover animation |
characterSet | string[] | A-Z | Custom character set for scramble effect |