# Building a Browser MMD Studio with Three.js

> Source: <https://dev.to/fbnoname/building-a-browser-mmd-studio-with-threejs-30pl>
> Published: 2026-05-29 00:28:11+00:00

**MikuMikuDance** still lives mostly on the desktop: PMX models, VMD motion, skirt physics, camera work. We built ** AnimaStage Lite** — an open-source browser studio so you can load assets, preview motion, add FX, and export vertical Shorts without installing MMD.

🔗 **Repository:** [https://github.com/FBNonaMe/animastage-lite](https://github.com/FBNonaMe/animastage-lite)

🌐 **Live demo:** [https://animastage-lite.app/](https://animastage-lite.app/)

🎬 **Open the studio:** [https://animastage-lite.app/app](https://animastage-lite.app/app)

Short-form creators need:

[AnimaStage Lite](https://animastage-lite.app/) is not a full MMD clone — it’s a **focused stage**: load, animate, light, record.

| Layer | Tech |
|---|---|
| UI | React 19 + TypeScript |
| 3D | Three.js + React Three Fiber |
| Build | Vite 6 |
| Physics | Bullet (Ammo.js) |
| HQ video | WebCodecs + mp4-muxer |
| Live video | MediaRecorder |

All core features run **client-side**.

Optional: MediaPipe mocap, Gemini AI keys, Local/WebRTC collab.

**Online:** [https://animastage-lite.app/app](https://animastage-lite.app/app) — drop your PMX + VMD.

**Locally:**

```
bash
git clone https://github.com/FBNonaMe/animastage-lite.git
cd animastage-lite
npm install
npm run dev

https://animastage-lite.app/ — landing
http://localhost:3000/app — studio (local)
Optional AI: copy .env.example → .env and set VITE_GEMINI_API_KEY.

Open source
Star ⭐ the repo, open issues, send PRs: https://github.com/FBNonaMe/animastage-lite

MMD models are not bundled — use only content you have rights to publish.

What would you use this for — Shorts, VTuber previews, or learning Three.js? Comments welcome.

---
```