We are live on DevHunt: tool of the week contest

check it out

Glitch Text

Text component with a high-fidelity RGB glitch animation.

Preview

Interactive Preview
TikTokTikTokTikTok

Installation

Usage

tsx
import { GlitchText } from "@/components/ui/glitch-text"

export default function Demo() {
  return <GlitchText text="SYSTEM ERROR" className="text-6xl" />
}

Dependencies

framer-motion

Props

PropTypeDefault
textstring-