All products

MotionCraft

Status: Live

The CSS animation studio.

Category
Developer tools
Platforms
Web
Since
2026
Domain
motioncraft.bahukhandi-labs.com

Getting started

Architecture

A dependency-free engine with a UI bolted on top.

The animation engine under src/lib is dependency-free and UI-agnostic. Because everything animatable shares one NodeBase shape, adding a new node kind or a new animatable property requires no changes to the timeline, the inspector or the generator.

text
types.ts       Document model — elements and groups share NodeBase
easing.ts      Cubic-bezier solver + physics easings, with a needsBaking flag
engine.ts      Sampling, interpolation, group-tree queries, recursive bbox
properties.ts  Property registry + composite CSS builders
cssgen.ts      @keyframes generation, variable bindings, markup emission
exporters.ts   The 11 output formats — a plain array, trivially extensible
presets.ts     60+ presets as declarative stop lists