component
BlobDither
By Yashraj Vaghela
Details
- Yashraj VaghelaAuthor
- componentType
- $10.00Price
- 2026-05-27Published
- 2026-05-27Updated
- 2026-05-16Added
- EffectsCategories
Summary
Dither effect where your cursor roams.
Description
An interactive image component that reveals a dithered, halftone version of your photo wherever your cursor moves. The reveal zone follows your mouse with a spring-physics lag, and its edges morph organically using simplex noise, so it never looks like a perfect circle. Fully customizable from the Framer canvas: control the zone size, dot size, blob edge detail, animation speed, and cursor spring feel. Works with any image and renders at full device pixel ratio for crisp output on retina screens. What's included: Organic blob-shaped dither reveals tied to the cursor position Spring-physics cursor follows with adjustable damping and stiffness Animated blob edges driven by simplex noise 8×8 Bayer matrix ordered dithering Retina / high-DPR display support Clean canvas preview in the Framer editor 7 property controls — no code needed to customize Best for: portfolios, agency sites, editorial layouts, and anywhere you want an image to feel tactile and alive.
Introduction
Dither effect where your cursor roams.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #7672