Components
Loading preview...
Interactive text component with smooth physics-based animations and hover-triggered scrambling effects. Features elegant grayscale styling with cyberpunk-inspired text decoding animations.
npx shadcn@latest add https://21st.dev/r/xubohuah/text-glitch-effectimport { TextGlitch } from "@/components/ui/text-glitch-effect";
export default function DemoOne() {
return (
<main className="h-screen overflow-hidden">
<div className="container">
<TextGlitch text="TEXT FLOW" hoverText="DYNAMIC TEXT" delay={0} />
<TextGlitch text="HOVER ME" hoverText="FIND ME" href="https://lab.xubh.top/" delay={0.2} />
</div>
</main>
)
}