See it in other styles

A style sets the colours and fonts. These are made for this playbook; any other style works too.

All styles

Math Animation

A math or science idea goes in, a calm animated explainer in the style of 3Blue1Brown comes out.

Free to run16:9New project

A narrated video where equations morph, graphs draw themselves and shapes rearrange until the idea clicks. It's for teachers, students and anyone explaining something technical. What makes it good: one clear insight, shown as a picture before the formula, with the voice paced to every move.

By Moritz Kremb · Inspired by 3Blue1Brown

Use this playbook

With FrameJam installed, paste this into your agent and replace the part in brackets with what the video is about and your files:

Make a video with the FrameJam playbook "Math Animation" (id: math-animation). Call get_playbook("math-animation") and follow it. [Add more context here]

You bring

  • The idea you want to explain: a proof, a formula, a concept
  • Optional: notes, a textbook page or a script
  • Optional: your own voice recording

You get

A 1–5 min 16:9 animated explainer at 1080p60 with narration

What you need

  • Starter Manim projectIncluded
  • Manim, Python 3 and ffmpegFree
  • A narration voiceFreeYour own recording, Kokoro (runs locally), macOS say
  • LaTeX for typeset equationsOptionalFree
  • Background musicOptionalFree tierYouTube Audio Library, ElevenLabs Music, Suno

Starts a new project.

What your agent does

  1. Find the one idea the video should make click
  2. Plan the picture that proves it and review it as a storyboard
  3. Write the narration and make the voice
  4. Animate each scene, paced to the voice
  5. Join the scenes and add the voice and music
  6. Review each version in FrameJam until it's right

How it works

Make a 3Blue1Brown math animation for any proof, formula or concept: a calm, narrated explainer where equations morph, graphs draw themselves and the picture comes before the formula.

You bring the idea you want to explain, and optionally notes, a textbook page, a script or your own voice recording. Your agent narrows it down to the one sentence the viewer should believe at the end.

It plans the picture that proves it, then writes the narration as short lines, one beat of animation each. The voice comes from your recording or Kokoro, a free voice that runs on your computer.

Each scene is built in Manim, the open-source library 3Blue1Brown's Grant Sanderson wrote, from a starter project with the palette, helpers and narration timing already set up. Every object appears or moves as it's named, and earlier steps dim instead of vanishing. If you want, the key frame of each scene opens in FrameJam as a storyboard first.

A script renders every scene at 1080p60, joins them, places each line on its cue and mixes the audio. That's the whole 3Blue1Brown math animation pipeline, and it has nothing to do with beats or lyrics like the music video playbooks.

The video opens in FrameJam. Your agent maps each comment to its scene, re-renders only the scenes you touched and sends the next version until you're done.

The example

The video at the top shows the odd numbers adding up to squares: the sums 1, 1+3, 1+3+5 and 1+3+5+7 equal 1, 4, 9 and 16, then each odd number becomes a row of dots that wraps around a growing square. It's the same idea as the starter project's own example, "Why odd numbers add up to squares". The player at the top also has versions in Blueprint and Soft Outline, made with this playbook.

Frame 1 of 4 from the Math Animation example videoFrame 2 of 4 from the Math Animation example videoFrame 3 of 4 from the Math Animation example videoFrame 4 of 4 from the Math Animation example video

Example prompts

With FrameJam installed, paste one of these into Claude, ChatGPT or Cursor and change the details to yours.

Explain a formula

Use the FrameJam Math Animation playbook to make a 90-second video that shows why the sum of the first n odd numbers is n squared. Use the free Kokoro voice.

From your notes

With the FrameJam Math Animation playbook, turn my lecture notes at ~/Documents/fourier-notes.pdf into a 3-minute explainer about Fourier series, in the Blueprint style. Show me a storyboard first.

With your own voice

Make a Math Animation with FrameJam that explains how binary search works, in the Soft Outline style. I'll record the narration myself, so give me the lines to read.

Questions

Does a 3Blue1Brown-style math animation cost anything to make?

Manim, the starter project and the Kokoro voice are free. Only a paid voice like ElevenLabs or OpenAI TTS, or paid music, costs money, and your agent asks first.

Do I need LaTeX installed?

No. With LaTeX you get real typeset equations, and without it everything still works with plain text equations. Installing it is free but large, so your agent offers it and doesn't require it.

How long is the video?

90 seconds by default for one visual proof, and 3 to 5 minutes for a concept with a build-up. It comes out as a 16:9 1080p60 mp4 with narration.

Can I call it a 3Blue1Brown video?

No. "In the style of" is fine, but the playbook doesn't use 3Blue1Brown footage, music, intros or his pi creature characters, and the result shouldn't be called a 3Blue1Brown video.