---
title: "Grid Dots BG — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Edi Priatama · Backgrounds. animated dot-grid background"
canonical: "https://framer.elliotli.dev/component/grid-dots-bg"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Grid Dots BG

# Grid Dots BG

animated dot-grid background

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

![Grid Dots BG preview image 1](https://framer.elliotli.dev/og/component/grid-dots-bg/c4ec098b8d09911f/1600x1200.jpg)

## Summary

animated dot-grid background

## Description

animated dot-grid background featuring flowing wave motion and dynamic pulse effects, creating a modern, futuristic, and visually engaging atmosphere. Ideal for hero sections, landing pages, or clean tech-inspired interfaces.

### Key Features

-   **Dynamic Dot Grid**
    
    Adjustable density from minimal to highly detailed layouts
    
-   **Wave Motion Effect**
    
    Dots shift vertically using sinusoidal movement, creating a topographic feel
    
-   **Pulse Interaction System**
    
    Multiple pulse sources generate ripple-like energy waves across the grid
    

### Customization Controls

-   **Background Color** → base canvas color
    
-   **Line Color** → dot color
    
-   **Dot Size** → size of each point
    
-   **Density** → grid spacing / number of dots
    
-   **Wave Height** → vertical motion intensity
    
-   **Speed** → animation speed
    
-   **Pulse Points** → number of pulse sources
    
-   **Pulse Intensity** → strength of ripple effect
    
-   **Center Fade** → fade radius toward center
    
-   **Section Height** → size of top/bottom masked areas
    

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

-   All · #3974

## Details

- **Author**: Edi Priatama
- **Price**: $5.00
- **Published**: 2026-05-12
- **Updated**: 2026-05-22
- **Added**: 2026-05-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