Motion Studio — Powerful animation editing tools for Motion and CSS

Get Motion+

Motion+

Get Motion+

Motion Studio

Motion Studio

Edit animations directly in-editor with a suite of visual and AI editing tools for Motion and CSS.

Get started

Edit

Easing

Spring

Duration

Duration

Bounce

Use visual duration

Export

Motion

{
  duration: 0.3,
  ease: [0.3, 0.05, 0.45, 1]
}

')" class="framer-1xwslnt" aria-hidden="true">

CSS

0.3s cubic-bezier(0.3, 0.05, 0.45, 1)

')" class="framer-10imvgm" aria-hidden="true">

URL

https://motion.dev/studio

')" class="framer-11rv4v8" aria-hidden="true">

Preview

More in 2026

Easings

Springs

Timelines

Developer SDK

Direct-to-code

Subscribe to the Motion newsletter to stay in the loop.

Motion is supported by the best in the industry.

')" class="framer-1qukyc1" aria-hidden="true">

')" class="framer-1rx9e7d" aria-hidden="true">

animations.dev

')" class="framer-w1blbg" aria-hidden="true">

')" class="framer-kydpsc" aria-hidden="true">

')" class="framer-1o7mnup" aria-hidden="true">

Latest version:

12.35.2

Motion+

Latest version:

12.35.2

Motion+