Motion graphics
with code

Open Source · Free Forever

An open-source motion design tool, inspired by tools like Manim to help developers and educations create stunning animations — all from your browser.

Features

Everything you need to create

A complete toolkit for motion designers and creative developers. From vector shapes to 3D scenes, all driven by code.

Design

Shape & Figma Blends

Seamless design integration

Import designs directly from Figma, blend shapes with easing curves, and create complex vector animations with an intuitive node-based editor.

Layer-based compositing with blend modes
Bezier path editing and morphing
Figma plugin for direct import/export
∫02πsin⁡(t)e−t/2 dt=25(1−e−π)\int_0^{2\pi} \sin(t) e^{-t/2} \, dt = \frac{2}{5} \left(1 - e^{-\pi}\right)
Typography

Rich Text & LaTeX

Beautiful mathematical animations

Animate rich text with per-character control, render LaTeX equations in real-time, and create stunning typographic compositions with full CSS styling support.

Per-character and per-word animation control
Real-time LaTeX rendering and animation
Custom font loading and text effects
3D

Three.js Visuals

Full 3D scene support

Embed Three.js scenes directly in your compositions. Create stunning 3D animations with real-time lighting, physics, and post-processing effects.

Full Three.js scene graph integration
Real-time lighting and shadow support
Post-processing pipeline with custom shaders
Documentation

Learn at your own pace

Comprehensive docs, interactive examples, and a welcoming community to help you build amazing things.

Getting Started

Set up your first project in under 5 minutes

API Reference

Complete documentation for every module and function

Examples & Tutorials

Learn by building real-world motion graphics projects

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.

Star on GitHub