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.

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

Animated Dots/line Grid Background