Astra

Halftone Reveal

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

Halftone Reveal, a Astra 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 Astra 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.