MotionCraft

Live

The CSS animation studio.

FAQ

Questions worth answering.

If yours is not here, ask directly — a person replies.

Does my work leave the browser?
No. There is no backend and no account. Scenes autosave to localStorage on your own machine, which is also why there is nothing to sign up for.
Which formats can it export?
Eleven: CSS, SCSS, Tailwind, React, Vue, Svelte, Angular, styled-components, Emotion, Web Components, and standalone HTML. The exporters are a plain array in the source, so adding another is a small change.
Who owns what I make with it?
You do. MotionCraft is MIT licensed, and that licence covers the source code — not the animations you create and export with it.
Is the exported CSS actually production-ready?
That is the whole point. Output is plain CSS keyframes with no runtime dependency, physics easings are baked into real keyframes rather than requiring a JavaScript library, and the device preview runs the generated stylesheet rather than a simulation of it.