React Bits

Dither

Retro dithered waves with Bayer, halftone, line and noise patterns, palettes and cursor trails.

Dither, a React Bits component

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

Related components

  • Faulty Terminal

    A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.

  • Floating Lines

    Ribbons of fine glowing lines that drift in waves, part around the cursor and curl when clicked.

  • Galaxy

    Endless flight through a twinkling starfield with warp jumps, cursor repulsion and star palettes.