Contour Grid BG

Contour Grid BG is a modern animated canvas component that generates a fluid, topographic-style grid with dynamic wave motion and interactive pulse effects. Inspired by contour maps and terrain visualization, it creates a visually rich background using either dots or lines that move organically over time. Perfect for Hero sections, AI / SaaS landing page, and Futuristic UI backgrounds.

Customize Options :

• Background Color – Set the base canvas color

• Line / Dot Color – Main visual color of the grid

• Grid Type – Choose between Dots or Lines

• Density – Controls spacing between grid elements

• Dot Size (dots mode only) – Adjust size of each particle

• Line Width (lines mode only) – Thickness of grid lines

• Wave Height – Controls how strong the wave distortion is

• Speed – Defines animation movement speed

• Pulse point – Number of active pulse points

• Pulse Intensity – Strength of ripple effect across the grid