FREE · FRAMER COMPONENT

Wave Divider

A living wave edge between sections. Drawn in real pixels, so wider screens get more waves, never a stretched one. Face it up or down, pick a colour, stack up to three layers.

Facing up

The colour fills below the wave, so it melts straight into the section underneath. Below, the same component faces down and hangs from this section instead.

PRO · INTERACTIVE

Wave Divider Pro

Move your cursor over the water. The waves turn and roll toward it, swelling up underneath. Switch it to ripple away, tune the pull, lift and reach, and colour each of the three layers.

Hover the waves above

Touch works too: drag a finger across the divider on your phone.

Create a free website with Framer, the website builder loved by startups, designers and agencies.