INTERACTIVE LEARNING
From idea to finished video.
Explore each editor step visually. Pick a stage, see what changes on the canvas, then try it in the real editor.
scene_01 · preview1 / 3
PROPERTY
Opacity 0%
X 0
Circle · Timeline0:00
GUIDED PATHS
What would you like to make?
5 min
01 / 03
Make your first animation
Add a shape, set its entrance, and see it move on the timeline.
Open lesson8 min
02 / 03
Animate with keyframes
Control how a property changes and refine its timing.
Open lesson4 min
03 / 03
Render a video
Choose output quality, run Native Manim, and download an MP4.
Open lessonKNOWLEDGE LIBRARY
Explore every guide
Search by task or topic. Each article has interactive steps to follow.
46 guides
Tutorials
4 topicsYour first scenePlace a shape, animate it, and watch it play — the smallest possible loop.Rendering your first videoTurn the scene you just built into an actual MP4 file.Animating a geometric proofBuild a Pythagorean-theorem-style proof using shapes, labels, and keyframes.Drawing your own shape in the Canvas studioDraw a freehand shape, edit its points, and animate it point by point.
How-to guides
22 topicsKeyframe any propertyThree ways to animate a value over time — pick the one that fits how you work.Use record (auto-keyframe) modeTurn on ● record and animate just by changing values at the playhead.Animate one symbol in a formulaMove, morph, or draw attention to a single term instead of the whole equation.Share a scene with a linkSend a live, interactive scene and choose exactly what viewers can do with it.Speed-ramp an animationCapCut-style speed curves: make motion accelerate and decelerate inside one event.Align and distribute objectsLine up edges and space multiple objects evenly.Build a step-by-step equation derivationMorph an equation through algebraic steps with TransformMatchingTex.Reveal an aligned derivation, line by lineStack several equation lines with every "=" aligned, and reveal them one at a time.Plot a function and shade the area under itGraph y = f(x), add Riemann rectangles, and slide a tangent line.Animate a linear transformationApply a 2×2 or 3×3 matrix to a shape or a grid.Work in 3DAdd 3D objects, orbit the camera, and keyframe a camera move.Import an SVG and animate its pointsBring in vector artwork as editable, animatable paths.Simulate rigid-body physicsDrop objects, bake a simulation, and let it drive the render.Generate a scene with AIDescribe a video in plain language and get a starting scene.Export a single frame as an imageSave any moment as a PNG, JPG, or WebP — your choice of shape and size, up to 4K.Use the command paletteSearch and run any editor action with Ctrl+K.Fine-tune motion in the Graph EditorSee a property's whole animation as one curve and drag it into shape.Animate with timeline channelsAdd multiple keyframes, edit interpolation, and shape a motion curve.Import a custom TTF fontUse a TrueType font for text, branding, and multilingual lessons.Save and reopen projectsName, save, find, reopen, share, and delete cloud projects.Link one object's property to anotherMake a shape follow, match, or track another object every frame.Sync animations to a voiceoverMark up a narration track's waveform and snap animation events to exactly the right word.
Reference
15 topicsObject typesEvery object type, its fields, and what it compiles to in Manim.AnimationsEvery animation, transform, and keyframeable property.Panels and featuresEvery panel in the editor and what it's for.Canvas toolsSelect, pan, orbit, camera, pencil, and measure — how each one behaves.Tools and More menusEdit history, Compare versions, code view, Live Parameter, and the rest.Keyboard shortcutsThe full shortcut list.Scene settingsRender settings, camera, lights, and physics simulation fields.Render formats and qualityResolutions, frame rates, and output formats.Desktop Render AgentInstall, connect, and troubleshoot local Native Manim rendering.Semantic equationsStructured math styling and its current feature-flag boundary.Account and subscriptionsSign-in, plan access, billing history, and cancellation.Admin workspaceStaff-only operations, users, billing records, activity, and delegated roles.Platform feature mapFind each workspace, editor tool, and account feature in one place.Team workspaceChat, shared tasks, and presence for teams on the Team plan.Complete field referenceEvery object type, every field, every animation, every setting — the whole schema in one place.
Explanation
5 topicsHow your project becomes Manim PythonThe compiler's model: objects, timelines, and clustering.Editor scene vs. the Canvas studioWhy they're separate workspaces and how objects move between them.How keyframes and time workThe mental model behind property animation, easing, and record mode.Why the preview isn't always exactly the renderWhere the live canvas approximates, and why the render is the source of truth.What kinds of videos you can (and can't) makeAn honest map of the studio's range today.