All products
MotionCraft
Status: LiveThe CSS animation studio.
- Category
- Developer tools
- Platforms
- Web
- Since
- 2026
- Domain
- motioncraft.bahukhandi-labs.com
Design production-ready CSS animations visually. A Figma-style canvas to compose on, an After Effects-style timeline to refine on, and one-click export to eleven formats. Free, local, no login — scenes never leave your browser.
A canvas that behaves like a design tool
Infinite pan and zoom, marquee and multi-select, drag, resize and rotate handles, smart snapping guides, and Figma-style group drilling — one click selects the group, the next selects the member inside it.
A timeline that behaves like a motion tool
Per-property tracks, keyframe diamonds, a draggable playhead, loop, speed and frame stepping. Groups appear as parent rows with their members nested beneath them.
Groups that are themselves animatable
A group has its own base properties and keyframe tracks, and its transform-origin is computed from the bounding box of everything inside it. Groups nest to any depth and export as nested markup, so transforms cascade exactly as they did on the canvas.
At a glance
- 11
- Export formats
- 60+
- Animation presets
- None
- Backend
Built with
- React
- TypeScript
- Vite
- Tailwind CSS
- Zustand
- Immer
Documentation
Elsewhere in the lab
Built on the same foundation.
Kiln
Reproducible dev environments that start instantly.
- Category
- Developer tools
- Platforms
- macOS · Linux · CLI
Learn morekiln