Skip to content

component

Ripple background

By Anamika Yadav

Details

Summary

Interactive ripple background with

Description

A full-bleed grid of vertical lines that ripples with organic, noise-based motion and bends toward your cursor or finger. Comes with a built-in headline and description, so it works as a ready-made hero — drag it into any Framer project, no setup required. Features - Seamless cursor-reactive line animation - Editable headline and description overlay - Adjustable line color and background color - Adjustable line spacing / density - Optional cursor-following dot, with adjustable size - Plug and play — zero configuration needed - Lightweight and responsive across all screen sizes Property Controls Colors — line color, background color, text color Motion — line spacing, pointer visibility, pointer size Content — title, description, horizontal and vertical alignment, padding, gap Use Cases Hero backgrounds · Landing pages · Portfolios · Agency sites · SaaS homepages · Product launches · Interactive sections

Introduction

Interactive ripple background with

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200124988/148/228/309/79/15
  • All · #2259