Free Math Animation Maker
Create beautiful animated math explanations in your browser. Drag in shapes, equations, and function plots, then animate them on a timeline. No coding, no installs. Manim power, GeoGebra precision, point-and-click simple.
Objects
Layers
Parameters (sliders)
radius = 50 * a). (v1 preview, bindings coming soon)Properties
What you can build
Step-by-step equations
Animate the solution to any algebra problem, line by line. Perfect for tutorials, homework help, or classroom demos.
Function plots and graphs
Plot any expression in x on coordinate axes. Watch curves draw themselves with the "Write" animation.
Geometric proofs
Pythagoras, similar triangles, circle theorems: drag in shapes, label them, and animate the reveal.
How it works
- 1. Add objects
Drag shapes, equations, or function plots onto the canvas. - 2. Animate
Select an object, click "+ Animate," pick from FadeIn, Move, Transform, Write. - 3. Preview
Hit play to see your animation in real time. Drag the timeline to scrub. - 4. Export
Download as WebM/MP4 video or save the project as JSON.
Why this beats coding Manim
Manim is incredible; it's the engine behind 3Blue1Brown's videos. But it requires Python, command-line skills, and hours of trial-and-error per scene. This tool gives you the core animation primitives (Create, FadeIn, Transform, Write, Indicate) in a visual editor that anyone with math knowledge can use immediately.
Built for teachers, students, content creators, and anyone who's ever wanted to show a mathematical idea instead of just describing it.
Objects and animations you can combine
Every scene is built from objects and animations arranged on a timeline. Objects are the things you see: text and LaTeX equations rendered with KaTeX, geometric shapes like circles, rectangles and polygons, arrows and lines, coordinate axes, and function plots that graph any expression in x. You position them by dragging on the canvas or by typing exact coordinates in the properties panel, so a diagram can be as loose or as precise as your lesson requires. Parameters let you define a value once (an angle, a coefficient, a radius) and reuse it across several objects, so tweaking one number updates the whole scene at once.
Animations are what bring those objects to life over time. Assign an object a start time and a duration, then pick an effect: FadeIn to reveal it, Write to draw an equation or curve stroke by stroke, Move, Rotate, and Scale for motion, Transform to morph one object or colour into another, and Indicate to draw the eye to a key step. Easing controls such as ease-in-out make the motion feel natural rather than robotic. Because everything sits on a scrubable timeline, you can preview instantly, nudge the timing of a single step, and layer effects so several things happen at once, exactly the choreography that makes a proof or derivation click.
Exporting your animation
When a scene is ready, the export dialog renders it frame by frame in your browser and records the canvas to a video file (WebM everywhere, and MP4 where your browser supports it) at the frame rate and bitrate you choose. You can also save the whole project as a JSON file and re-import it later to keep editing, or share it with a colleague. The recording uses your browser's built-in MediaRecorder, so rendering happens locally on your machine with no upload and no account required. Higher frame rates and bitrates produce smoother, sharper video at the cost of a larger file and a slightly longer render.
Frequently Asked Questions
Do I need to install anything or know how to code?
No. The whole editor runs in your browser with no installs, no Python, and no command line. You build animations by dragging objects onto the canvas and adding effects from a menu, so any maths knowledge is enough to get started.
How is this different from Manim?
Manim is a Python library that produces gorgeous animations but requires coding and a local setup. This tool offers the same core animation primitives (Create, FadeIn, Transform, Write, Move, Indicate) through a visual, point-and-click timeline, trading some of Manim's programmatic depth for immediacy and a much gentler learning curve.
What kinds of objects can I animate?
Text and LaTeX equations rendered with KaTeX, shapes such as circles, rectangles and polygons, arrows and lines, coordinate axes, and function plots of any expression in x. You can reposition anything on the canvas and reuse shared values through parameters.
What video formats can I export to?
Animations export as WebM in every supported browser, and as MP4 where your browser can encode it. You choose the frame rate and bitrate, and you can also save the project as a JSON file to re-import and keep editing later.
Is my work uploaded anywhere?
No. Rendering and video recording use your browser's built-in canvas and MediaRecorder, so everything happens locally on your device. No account is required and nothing is sent to a server.
Can I animate equations line by line for a tutorial?
Yes. Add each equation or step as its own object, then stagger their start times on the timeline using FadeIn or Write. This reveals a derivation one line at a time, which is ideal for lessons, homework walkthroughs, and classroom demos.