---
title: "Pattern reveal grid — Free Framer component · Best of Framer"
description: "Free Framer component · by Michael Stevanus Hartono · Backgrounds. Meet Pattern reveal grid, an interactive dot grid pattern with color reveal animations with 6 unique animations…"
canonical: "https://framer.elliotli.dev/component/pattern-reveal-grid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Pattern reveal grid

# Pattern reveal grid

hover & click effect

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

![Pattern reveal grid preview image 1](https://framer.elliotli.dev/og/component/pattern-reveal-grid/7e5f4f13c2174be3/1600x1200.jpg)

## Summary

Meet Pattern reveal grid, an interactive dot grid pattern with color reveal animations with 6 unique animations and customizable colors.

## Description

Meet Pattern reveal grid, an interactive dot grid pattern with color reveal animations with 6 unique animations and customizable colors.

Try the click mode on mobile breakpoint with this link 👉 [https://favorable-party-525958.framer.app/](https://favorable-party-525958.framer.app/)

### Properties

1.  Background color
    
2.  Default dot color
    
3.  Active color, supports 1 - 10 colors to make a gradient
    
4.  Interaction mode, on hover or on click
    
5.  Dot size
    
6.  Dot spacing
    
7.  Animations: Circular, Rectangular, Wave, Ripple, Spiral, Diamond
    
8.  Animation speed
    
9.  Hover radius
    
10.  Pulse effect on, off toggle
     

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

-   All · #7066

## Details

- **Author**: Michael Stevanus Hartono
- **Published**: 2026-04-08
- **Updated**: 2026-04-07
- **Added**: 2026-03-26
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background