---
title: "Dot Matrix Wave — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Edi Priatama · Backgrounds. Best Animated Background"
canonical: "https://framer.elliotli.dev/component/dot-matrix-wave"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Dot Matrix Wave

# Dot Matrix Wave

Dot Wave Background Effect

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

![Dot Matrix Wave preview image 1](https://framer.elliotli.dev/og/component/dot-matrix-wave/c7a6b41ba4a90e74/1600x1200.jpg)

## Summary

Best Animated Background

## Description

Create dynamic animated dot wave backgrounds with customizable grid spacing, dot size, animation speed, and color. The component generates smooth ripple-like motion across a matrix of dots, making it ideal for futuristic interfaces, hero sections, loading screens, and interactive backgrounds. Easily adjust the visual density and wave intensity to match a wide variety of modern design styles.

**Customize Options**

-   **Dot Color** – Changes the color of every dot in the matrix to match your brand or interface theme.
    
-   **Grid Spacing** – Controls the distance between dots, allowing you to create either a dense or more spacious grid layout.
    
-   **Max Radius** – Adjusts the maximum size each dot reaches during the wave animation, making the effect more subtle or more pronounced.
    
-   **Animation Speed** – Controls how quickly the ripple waves travel across the dot matrix, from slow ambient motion to energetic animations.
    

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

-   All · #3193

## Details

- **Author**: Edi Priatama
- **Price**: $3.00
- **Published**: 2026-07-30
- **Updated**: 2026-11-01
- **Added**: 2026-07-30
- **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