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

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Liquid Lines

# Liquid Lines

Interactive Hero

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

![Liquid Lines preview image 1](https://framer.elliotli.dev/og/component/liquid-lines/1dd2e9db6da050ce/1600x1200.jpg)

## Summary

Interactive Hero

## Description

Ripple Field reacts to everything — move your cursor and waves spread across the horizontal 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:** 🌑 Night · 🔮 Cosmic · 💚 Matrix · 🔥 Ember · 🌌 Aurora · ☁️ Cloud · 🌸 Petal · ✨ Gold · ◼ Graphite · ◻ Chalk

**Fully customizable:**

Line spacing 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 · #10611

## Details

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

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove