The latest articles on DEV Community by Yogendra Singh (@xtrapath). https://dev.to/xtrapath https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4134198%2F6949d034-dd5e-48e0-a7e4-1417641e4123.jpg https://dev.to/xtrapath en Yogendra Singh Sun, 20 Sep 2026 14:26:00 +0000 https://dev.to/xtrapath/showcase-building-an-in-browser-3blue1brown-manim-tikz-stick-figure-animation-studio-4672 https://dev.to/xtrapath/showcase-building-an-in-browser-3blue1brown-manim-tikz-stick-figure-animation-studio-4672 <p>Hey everyone! 👋</p> <p>I wanted to share a project I've been building: <strong><a href="https://www.xtrapath.com" rel="noopener noreferrer">XtraPath</a></strong>.</p> <h3> Why I built it </h3> <p>Creating educational STEM animations and mathematical proofs usually requires a tedious local setup: installing Python, Manim, ffmpeg, TeX Live, or heavy desktop software. That friction stops many teachers, students, and indie creators from making visual educational content.</p> <p>I wanted a cloud-native platform where you can open a browser and immediately start creating.</p> <h3> What XtraPath includes: </h3> <ul> <li> <strong><a href="https://www.xtrapath.com/views/xtraAnim.html" rel="noopener noreferrer">Math Animator</a></strong>: Browser IDE for coding visual physics and 3Blue1Brown-style mathematical animations.</li> <li> <strong><a href="https://www.xtrapath.com/views/xtraAnim.html?tool=cartoon_studio" rel="noopener noreferrer">Stick Figures Studio</a></strong>: Alan Becker-style physics stickman animator with bullet-time camera orbits.</li> <li> <strong><a href="https://www.xtrapath.com/views/xtraBook.html" rel="noopener noreferrer">Book Studio</a></strong>: In-browser LaTeX textbook and dynamic worksheet authoring with 1-click Amazon KDP export.</li> <li> <strong><a href="https://www.xtrapath.com/views/xtraGraph.html" rel="noopener noreferrer">Plot Curves</a></strong>: Interactive Desmos calculus function plotter.</li> <li> <strong><a href="https://www.xtrapath.com/views/researchLab.html" rel="noopener noreferrer">Physics Lab</a></strong>: In-browser numerical kinematics and chaos physics sandbox.</li> <li> <strong><a href="https://www.xtrapath.com/views/explore.html" rel="noopener noreferrer">Explore Community</a></strong>: 100% source-coded creations with 1-click forking and visual derivation trees.</li> </ul> <p>Everything runs client-side with zero local dependencies required.</p> <p>Check it out live at <strong><a href="https://www.xtrapath.com" rel="noopener noreferrer">xtrapath.com</a></strong> — I'd love to hear your thoughts, feedback, and feature requests!</p> showdev javascript webdev education