Motion Curves — Turn SVG Animations into AI Prompts & CSS

View mode

About

Layer 1

Scale

Scale

Translate X

Translate Y

Translate Z

Rotate X

Rotate Y

Rotate Z

Opacity

Camera

Off

mm

Curves

Zoom Duration

Custom SVG

Custom SVG

Set Anchor

Layers

Layers

Preview

Prompt

/* Notes This is my notes section */ ----

Create a free account to save your curve data for later.

Motion Curves is a visual animation tool that lets you paste an SVG, shape its motion with intuitive bezier curve controls, and instantly generate a prompt or CSS code for any LLM. Turn your animation vision into code-ready motion in seconds.

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

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