Build playable math with Manim, and embed it anywhere.

[Acfboy]

Hey everyone!

We all love 3Blue1Brown's stunning animations, and many of us still vividly remember his interactive quaternion presentation with Ben Eater at eater.net/quaternions. However, complex environment setups, slow rendering times, and the Three.js/React skills needed for interactive demos have always stood between us and creating such incredible work.

Some great attempts have brought Manim to the browser, but they either require rewriting code in JavaScript or loading a massive Pyodide environment that weighs tens of megabytes. I kept wondering: could we use stock Manim code directly in the browser to create animations and interactive presentations while keeping things truly lightweight?

I think I've found a way! You can now create animations and even interactive presentations in the browser using original Manim code, all in a very lightweight environment.

You can check out examples at gallery, or play with it and share your creations at playground. Over at here, I recreated 3b1b's classic Fourier transform animation. After the initial animation plays, you can drag the slider to change the winding frequency and watch the live updates yourself.

Recreation of 3b1b's classic fourier transform demo: https://wanim.org/playground/?id=4be3ae8d&show=1

Embedded in AI chat: https://wanim.org/chat/

Use as slides: https://wanim.org/playground/?id=bfa1cf5e&show=1

Huge thanks to Grant Sanderson and the Manim community, to Ben Eater, and to pioneer projects like manim-web. Also, special thanks to my good friends OpenCode Go and DeepSeek for their help throughout this complex engineering journey, which helped make all of this possible!

I’m eager to hear your feedback and see your creativity unleashed!