---
title: "Pixel Filter — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Prem Shandilya · Backgrounds. Pixel Filter lays a grid of blocks over your photo and sizes every one of them from the light underneath it."
canonical: "https://framer.elliotli.dev/component/pixel-filter"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Pixel Filter

# Pixel Filter

Light becoming blocks

[View on Framer](https://framer.com/marketplace/components/pixel-filter/?via=elliot-li)

![Pixel Filter preview image 1](https://framer.elliotli.dev/og/component/pixel-filter/493cc777b8cc9296/1600x1200.jpg)

## 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](mailto: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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4065

## Details

- **Author**: Prem Shandilya
- **Price**: $12.00
- **Published**: 2026-08-14
- **Updated**: 2026-09-10
- **Added**: 2026-08-14
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background