Dot Matrix Wave

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.