component
Ripple background
By Anamika Yadav
Details
- Anamika YadavAuthor
- componentType
- 2026-06-17Published
- 2026-07-06Updated
- 2026-06-17Added
- BackgroundsCategories
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.
- All · #2259