React Bits

Halftone Reveal

A halftone print of an image whose dots swell into the real photo under the cursor.

Halftone Reveal, a React Bits component

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

Related components

  • Cursor Grid

    A crisp grid whose cells light up and fade behind the cursor, with grid styles, tiles and click pulses.

  • Dither Veil

    A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.

  • Image Trail

    Cursor-based image trail with several built-in variants.