OpenMontage Drama Studio: a React + Vite studio for making AI short dramas

[charliewwdev]

I built OpenMontage Drama Studio, a self-hosted web app that turns a one-line idea into a short AI drama. The studio frontend is a Vite app, so I'm sharing it here.

What it does: a 7-stage pipeline: idea → script → cast → scenes → props → storyboard → video → voice → edit. You can review, edit and re-run each stage before moving on.

How Vite is used:

• The frontend is React 19 on Vite 6 with @vitejs/plugin-react and @tailwindcss/vite. The pipeline canvas is built with @xyflow/react.
• In dev, Vite's server.proxy forwards /api to the FastAPI backend. The target comes from STUDIO_API_PROXY, or http://127.0.0.1:${STUDIO_API_PORT:-8787} by default, so the UI and the API run as separate processes without CORS setup. The UI port is set with STUDIO_UI_PORT.
• In the Docker image, a Node stage runs npm run build (vite build), and the Python runtime serves the resulting studio/dist (STUDIO_DIST) next to the API, so production is one container plus Postgres/Redis.

Run it: docker compose -f docker-compose.studio.yml up starts the API, web UI, Postgres and Redis. You bring S3/MinIO, an LLM key and a Volcengine Ark key (Seedream/Seedance are paid third-party APIs).

• Repo: https://github.com/charliewwdev/OpenMontage
• Demo: https://openmontage.dtok.io

It's AGPL-3.0. It's an independent product rebuilt from the calesthio/OpenMontage codebase and isn't affiliated with that project. It's early (v0.1.0), so feedback is welcome.