Motion graphics
with code
An open-source motion design tool, inspired by tools like Manim to help developers and educators create stunning animations — all from your browser.
Best of Both Worlds
Some things are easier with a mouse. Write animations in TypeScript with your favorite IDE; use a web-based editor to sync them with audio.
Powered by Vite, a real-time preview of your animation automatically updates upon any changes.
Everything you need to create
A complete toolkit for motion designers and creative developers. From vector shapes to 3D scenes, all driven by code.
Flexbox Layouts
Responsive arrangements, no manual math
Lay out scenes with a familiar flexbox model. Align, distribute, and stack nodes with rows, columns, gaps, and wrapping — and watch everything reflow as your content animates.
Animate with Code
Your animations, written in TypeScript
Describe motion the way you describe logic. Compose animations in TypeScript with full type-safety, reuse components, and let Vite hot-reload every change into a live preview.
Texture & Type Animation
Bring text and surfaces to life
Animate text and apply rich textures with per-character control. Fill type and shapes with gradients, images, and patterns, then animate them for striking typographic motion.
Custom SkSL Effects
GPU shaders for any node
Write custom shader effects in SkSL and apply them to any node. From vignettes and ripples to chromatic aberration, build GPU-accelerated visuals that animate in real time.
Support the project today
MotionScript is open source and thrives on community contributions. Whether you're fixing bugs, adding features, or improving docs — every contribution matters.