Ripple background

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