Overview

See your
motion in code

Motion Curves gives designers and developers
a shared playground to perfect UI animations
and streamline the handoff process.

Draw your curve

Preview motion

View
code
Curves
Scale
Layer 1
Doc
Zoom Duration
Preview
Custom SVG
Code

Your Curves

Curve shortcuts

Maintain previous property value
Shift + Click/Drag
Delete keyframe
Drag off canvas
Undo
Ctrl/Cmd + Z
Share curve
Shift + S

Sign In

Forgot Password?
or

Don't have an account? Sign Up

Custom SVG

Save Preset

Delete Preset?

Are you sure you want to delete this preset? This action cannot be undone.

View Mode

You’re in view mode, meaning you’re viewing a shared link. To create your own motion curve, sign up for a free account

motioncurves.dev