About
About EasingLab
Shape an easing curve, see the motion, copy the code — free and client-side.
EasingLab pairs a draggable cubic-bezier() editor with a live preview that animates a real element
along your curve beside a linear one, then exports the exact curve as a CSS transition, @keyframes, a
Framer Motion ease array, or a Web Animations call. Curves follow the CSS Easing spec; the X stays in 0–1 and the Y
can overshoot for springy motion. Standard cubic-bezier only — true physics springs need a library's spring config.