Playful & interactive

EasingExplorer

Draggable cubic-bezier editor with live preview, presets and a copyable CSS snippet. The interactive companion to JuiceLab.

default / the site's spring

Drag the handles (or focus them and use arrow keys, shift for coarse steps). The ball replays with every change; the y axis allows overshoot above 1.

cubic-bezier(0.34, 1.56, 0.64, 1)

gsap: ease: "back.out(1.7)" ≈

Overshoot at y=1.56 is what makes it feel springy.

custom initial curve

Start from a different shape — here a hard ease-in for a heavy, reluctant exit.

cubic-bezier(0.34, 1.56, 0.64, 1)

gsap: ease: "back.out(1.7)" ≈