component
Pixel Filter
By Prem Shandilya

Details
- Prem ShandilyaAuthor
- componentType
- $12.00Price
- 2026-08-14Published
- 2026-09-10Updated
- 2026-08-14Added
- BackgroundsCategories
Summary
Pixel Filter lays a grid of blocks over your photo and sizes every one of them from the light underneath it.
Description
Pixel Filter: tone mapped pixel blocks over any image Pixel Filter lays a grid of blocks over your photo and sizes every one of them from the light underneath it. The picture stays a real image and the blocks are drawn live on top, so nothing is baked in and nothing is flattened. What you get 7 presets: Mosaic · Ember · Ink · Grid · Bloom · Lattice · Chroma 8 block shapes: Square · Rounded · Circle · Diamond · Ring · Cross · Triangle · Hexagon A Variation dial that runs from a flat mosaic to a full halftone 4 coverage bands: Full range · Highlights · Midtones · Shadows, with threshold and softness to feather the edge Colour taken from the photo itself, pure white, or any colour you pick 5 blend modes: Normal · Screen · Add · Multiply · Overlay 8 motions: Shimmer · Pulse · Wave · Scan · Rain · Sparkle · Flicker, plus None Background blur that softens the photo while the blocks keep the detail it loses Pixel size, fill, bloom, contrast and opacity, all live Cover, contain or fill, with the block grid always in register with the photo A control panel on the artwork itself, so visitors can try the effect without leaving your page Every preset value stays editable. Presets set starting points and never lock a control Pauses off screen, respects reduced motion, and paints a crisp static frame in the editor Drop it behind a hero, inside a card, or across a full-bleed banner. What's included: Remix link to the Component. Free updates. The remix link always carries the latest version Email support: support@premshandilya.com License: Single-user license. Use Pixel Filter in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted. Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn't work as shown, email me and I'll fix it fast.
Introduction
Light becoming blocks
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1926