---
title: "Mono Pixel Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Sha · Backgrounds. A clean, pixel reveal entrance for pages"
canonical: "https://framer.elliotli.dev/component/mono-pixel-reveal"
---

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

# Mono Pixel Reveal

A clean, pixel reveal entrance for pages

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

![Mono Pixel Reveal preview image 1](https://framer.elliotli.dev/og/component/mono-pixel-reveal/745985ab51570fdb/1600x1200.jpg)

## Summary

A clean, pixel reveal entrance for pages

## Description

### The Details

-   **Pick your pattern:** Set the reveal to start from the center, the edges, or a random scatter.
    
-   **Sizing:** Go from bold, chunky blocks to a fine mesh with controls.
    
-   **Auto-Invert:** Toggle "Auto-Invert" to let pixels react to the colors.
    
-   **Perfect Fit:** The grid automatically resizes to fill any screen size perfectly.
    
-   **Design Friendly:** Hide the effect on your canvas so it doesn’t get in your way while you work.
    

### Component Controls

-   **Origin:** Choose where the animation starts (Center, Random, and so on).
    
-   **Pixel Size:** Set the density of your grid.
    
-   **Reveal Time:** Control how fast the entire screen clears.
    
-   **Smoothness:** Tweak how "soft" the pixels feel as they vanish.
    
-   **Delay:** Set a wait time before the animation begins.
    
-   **Colors:** Match the background and pixels to your brand.
    

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

-   All · #2046

## Details

- **Author**: Sha
- **Published**: 2026-04-21
- **Updated**: 2026-04-21
- **Added**: 2026-04-03
- **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