A text component that scrambles letters before revealing the final text on hover or load.
| Prop | Type | Default |
|---|---|---|
textThe text content to be animated. | string | — |
durationTotal animation duration in milliseconds. | number | 800 |
animateOnLoadWhether to start the animation automatically on mount. | boolean | true |
classNameAdditional CSS classes for styling. | string | — |
Click on the icon in the top right of the example preview to view the source code for specific variants.
This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.
import { HyperText } from "@/components/ui/hyper-text"