Interactive 3D Dots

Show Preview
Interactive 3D Dots
Interactive 3D Dots

About Interactive 3D Dots

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.

From Edi Priatama

Multi Image Warp
Spiral Layers
Globe sphere
Neon Grid

Related Components

silhouet animated BG
3d Interactive Stars
ASCII Hero
ElasticGridPro