Lumo Dither Lens

An image hidden under an ordered dither pattern. Around the cursor it emerges as a halftone circle, while the rest stays tinted: a tactile, print-inspired reveal for hero images and cards.

What you can change

• Image — The picture under the dither

• Title / Subtitle — Copy over the image

• Cell — Dither cell, in px (6)

• Radius — Reveal radius as a share of the shorter side (0.35)

• Softness — How gradual the edge of the circle is (0.15)

• Tint — Colour of the hidden cells

• Always on — Reveal everything, no pointer needed (off)

• Text — Copy colour

Good to know

• Every option lives in the properties panel; no code needed.

• Respects reduced motion: visitors who ask for less motion get a calm static version.

• Responsive: no horizontal scroll at phone, tablet or desktop widths.

• WebGL shader with a CSS fallback, so it still looks right where WebGL is unavailable.

• Installs from one link; its shared Hero Kit helpers come with it.

• Licence: Framer's single-use commercial licence (one project).