Liquid Grid

Interactive Hero

Ripple Field reacts to everything — move your cursor and waves spread across the grid lines, click for a stronger burst, and scroll triggers ripples automatically as the section comes into view. The faster you move, the wilder the waves.

10 built-in presets: 📐 Blueprint · 📄 Paper · ⬜ Grid · 🌸 Rose · ✨ Gold · 🌑 Night · 🔮 Cosmic · 💚 Matrix · 🔥 Ember · ◼ Graphite

Fully customizable:

Cell size and line width

Wave height and wave life

Idle animation speed

Scroll ripple on/off

Custom colors (line color, wave glow, background)

Works anywhere in Framer — drop it on a full page background or isolate it to a specific section or hero. Responsive by default.