React Bits

CRT Warp

Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.

CRT Warp, a React Bits component

Use CRT Warp 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/CRTWarp-TS-TW
How to install React Bits components

Related components

  • Aero Shards

    A GPU-driven wind sculpture of folded foil shards that responds to the pointer.

  • Faulty Terminal

    Terminal CRT scanline squares effect with flicker + noise.

  • Galaxy

    Parallax realistic starfield with pointer interactions.