---
title: "Interactive 3D Dots — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Edi Priatama · Backgrounds. interactive dot grid background"
canonical: "https://framer.elliotli.dev/component/interactive-3d-dots"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Interactive 3D Dots

# Interactive 3D Dots

interactive dot grid background

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

![Interactive 3D Dots preview image 1](https://framer.elliotli.dev/og/component/interactive-3d-dots/7ea52b05e5fe9231/1600x1200.jpg)

## Summary

interactive dot grid background

## Description

Interactive3D Dots creates an interactive dot grid background. The dots subtly shift with mouse movement to create a parallax effect, while dots within the cursor's area become brighter and slightly larger, producing an interactive reveal effect. The component is suitable for modern hero sections, portfolios, technology websites, and interactive backgrounds.

Customize Options

-   **Dot Color** – Changes the color of the grid dots.
    
-   **Grid Gap** – Controls the spacing between each dot, creating a denser or more open grid.
    
-   **Base Dot Size** – Adjusts the default size of each dot.
    
-   **Parallax Str.** – Controls how strongly the grid moves in response to mouse movement.
    
-   **Reveal Radius** – Sets the area around the cursor where dots become brighter and larger.
    

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

-   All · #2855

## Details

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