---
title: "Liquid Grid — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Maini Da Costa · Backgrounds. Interactive Hero"
canonical: "https://framer.elliotli.dev/component/liquid-grid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Liquid Grid

# Liquid Grid

Interactive Hero

[View on Framer](https://framer.com/marketplace/components/liquid-grid/?via=elliot-li)

![Liquid Grid preview image 1](https://framer.elliotli.dev/og/component/liquid-grid/77257fdfdc9fc5cf/1600x1200.jpg)

## Summary

Interactive Hero

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10631

## Details

- **Author**: Maini Da Costa
- **Price**: $10.00
- **Published**: 2026-03-13
- **Updated**: 2026-05-26
- **Added**: 2026-03-09
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background