Droplet Reveal

Scroll or click to open a droplet

A droplet sits inline in your headline, wobbling like real water. Scroll — or click it — and it swells open, the image eases out of its zoom, and the outline squares off into a full-bleed frame with your words still on top. It is real curve geometry, not a rounded rectangle, so it holds its teardrop shape while small and never looks squashed on the way out. Three text lines, each styled separately. Controls for image, zoom, typography, colours, droplet size, tip, wobble, scroll length and click. Responsive, keyboard accessible, respects reduced motion.

Scroll or click to open a droplet