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.
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
Edi Priatama
