React Bits

Glitch Text

RGB split and distortion glitch effect with jitter effects.

Glitch Text, a React Bits component

Use Glitch Text in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/GlitchText-TS-TW
How to install React Bits components

Related components

  • Scrambled Text

    Detects cursor position and applies a distortion effect to text.

  • Scroll Velocity

    Text marquee animatio - speed and distortion scale with user's scroll velocity.

  • Split Flap Text

    Mechanical split-flap departure board that clacks through to each new phrase.