Glitch Text

Text 6

About

An animated glitch text effect with configurable color schemes, intensity, and size for headings and hero titles.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Glitch Text to your project and fits it to your theme.

Code

How Glitch Text is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import GlitchText from "@/components/ui/glitch-text";

export default function GlitchTextDemo() {
  return (
    <div className="flex min-h-[400px] w-full items-center justify-center bg-background">
      <GlitchText text="Glitch Text" size="xl" glitchIntensity="medium" />
    </div>
  );
}