Ripple Grid

RippleGrid is an interactive grid component that turns a simple layout into a dynamic, responsive surface. Each interaction triggers ripples that propagate across cells, with multiple styles like circular, star, diamond, or hexagon patterns, and options for center or per-cell triggering.

You can customize grid size, spacing, colors, ripple speed and behavior, plus optional audio feedback, or let it run on its own with auto-play modes such as center pulses, random waves, and corner sequences. Designed for smooth performance in Framer, RippleGrid is ideal for hero sections, interactive backgrounds, visual accents, and experimental interfaces.