Liquid Dots

Interactive Hero

Liquid Dots brings real-time fluid ripple effects to any Framer project. Drag it anywhere — full page, hero section, or any container — and it just works. No setup, no dependencies. What's included: Ripple Field reacts to everything — move your cursor and waves spread across the grid, click for a stronger burst, and scroll triggers ripples automatically as the section comes into view. The faster you move, the wilder the waves. 13 built-in presets: 🌑 Night · 🔮 Cosmic · 💚 Matrix · 🔥 Ember · 🌌 Aurora · ☁️ Cloud · 🌸 Petal · ✨ Gold · ❄️ Snow · 🌿 Mint · ◼ Graphite · ◻ Chalk · ⬜ Grid · 🎨 Custom 7 shape styles: ● Circle · ■ Square · ◆ Diamond · ▲ Triangle · ✚ Cross · — Line H · | Line V Fully customizable: Shape size and spacing Wave height and wave life Idle animation speed Scroll ripple on/off Custom colors (highlight, 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.

Interactive Hero