Astra

Glitch Text

RGB split and distortion glitch effect with jitter effects.

Glitch Text, a Astra 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 Astra 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.