SiteMotion & Animation · Motion editors
Web tool that takes pasted SVG markup and generates CSS keyframes animating stroke-dashoffset and fill for draw-on effects.
Why it’s a gem
Solves the fiddly stroke-dash math in one paste; no install, no dependency.
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.
Browser-based timeline editor for building CSS keyframe animations visually and exporting the generated stylesheet.
Vector animation editor with a state-machine runtime, so animations respond to app state and input rather than replaying linearly.