Getting started
Introduction
Compose on the canvas, refine on the timeline, export code.
MotionCraft is a browser-based CSS animation studio. You lay elements out on an infinite canvas, animate their properties on a keyframe timeline, and export the result as production-ready code in whichever format your project uses.
There is no account and no server. The app is a static single-page build, and your scenes autosave to localStorage.
- / — the landing page
- /studio — the editor
- ⌘K — fuzzy-search layers, presets, properties, commands and export formats
- ⌘Z / ⌘⇧Z — undo and redo, snapshot-based