Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.


Docs
Hyper Text

Hyper Text

A hyper changing text animation as you hover.

HYPER TEXT

Installation

npx shadcn@latest add "https://magicui.design/r/hyper-text"

Props

PropTypeDescriptionDefault
classNamestringThe class name to be applied to the component
durationnumberThe duration for which the animation runs.80
textstringText to animate""
framerPropsVariantsAn object containing framer-motion animation props
animateOnLoadbooleanPlay animation on loadtrue