SiteMotion & Animation · Motion editors
Browser-based timeline editor for building CSS keyframe animations visually and exporting the generated stylesheet.
Why it’s a gem
Old-school one-page keyframe editor that still beats hand-writing @keyframes blocks.
Web tool that takes pasted SVG markup and generates CSS keyframes animating stroke-dashoffset and fill for draw-on effects.
Browser motion design editor with editable keyframes, easing curves, anchors, text stagger and multi-artboard canvas, exporting MP4, SVG and Lottie.
Parametric motion studio with a few hundred components driven by sliders instead of timelines or keyframes, updating in real time.
Visual sequencer and keyframe editor that animates any JS object, including three.js scenes, with a Studio UI overlay.
Vector animation editor with a state-machine runtime, so animations respond to app state and input rather than replaying linearly.