About Motion Curves

Motion Curves is a tool for designers and developers to draw animation curves by hand and get production-ready code out the other side.

What it does

Drag the handles in the Curves panel to shape an easing curve, drop in your own SVG to preview the motion, and copy the generated CSS, GSAP, React, SwiftUI, or raw cubic-bezier values from the Code panel. No accounts, no setup — just open it and start drawing.

Why we built it

Good motion is hard to describe in words and even harder to hand off. Motion Curves bridges the gap between the feel of an animation and the code that produces it, so the curve a designer draws is exactly the curve that ships.

Get in touch

Have an idea or found a bug? We'd love to hear it — use the feedback form any time.