Motion — Design tool
frameindex.page
size1120 × auto
devicedesktop
100%
▦ grid
✱ live
hero
1120 × 640
◇ v3.2 · timeline just got faster

The motion design tool that runs inside the browser.

Design, prototype, and export production-ready animations on a canvas that opens where your team already works. No local install, no plugin rot.

Free forever for personal projects. No credit card.
Frame 08 · looping24 fps · 4.2 s
layer / hero
Title
y: 0 → 24
layer / hero
Subtitle
opacity: 0 → 1
layer / hero
CTA button
scale: 0.94 → 1
layer / hero
Backdrop
blur: 12 → 0
features
6 items
01 · canvas

Canvas that scales

Zoom to 12,800%, pan with two fingers, snap to any grid or none.

02 · timeline

Timeline you can read

Every layer, every keyframe, every easing curve on one lane.

03 · code

Export to any runtime

React, SwiftUI, Lottie, After Effects, Rive, Framer Motion.

04 · collab

Multiplayer, no lag

Cursor presence, comments, threads, live scrubbing.

05 · vars

Design tokens native

Reference colors, sizes, and durations by variable. Update once, everywhere.

06 · versions

Every change, forever

Branch, review, merge. Motion is version control aware, not a snapshot dumper.

timeline-preview
6 tracks
timeline / hero-intro4.2 s · 24 fps
0.0s0.5s1.0s1.5s2.0s2.5s3.0s3.5s4.0s
◇ title
◇ subtitle
◇ cta
◆ backdrop
◇ decor.a
◇ decor.b
pricing
3 tiers
01 · personal
$0
per month, forever
  • Unlimited files
  • All exports
  • 2 collaborators
Start free
02 · team
$14
per seat, per month
  • Unlimited collaborators
  • Branches, review
  • Design tokens
  • Priority render
Try Team free
03 · org
Custom
SSO, DPA, dedicated
  • SSO, SCIM
  • Audit logs
  • Named support
Contact sales
cta
1120 × 260

Open a canvas in the next tab.

No install. No account required to start. Ships to production in the same file.

Or press M anywhere to open a fresh file.
saved · 2 min agox: 428 y: 92z: 100%
2 onlinemain
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon
© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon© BrowserMoon