Demos
OpenTryOn includes in-repo Gradio demos for quick experiments. The current web playground is TryOn Studio, which talks to OpenTryOn over MCP — it is not in this repository.
TryOn Studio (recommended UI)
TryOn Studio is a Next.js MCP client: Agent chat, Connect, Image generate/edit, VTON, Understand, Video, and background removal.
Quick start (two processes):
- Start the MCP server from this repo:
cd mcp-server
python server.py --transport http --host 127.0.0.1 --port 8000
- In another terminal, start Studio:
cd tryon-studio
cp .env.local.example .env.local
npm install
npm run dev
Open http://localhost:3000/connect first.
Full setup and screen tour → · MCP Server →
Gradio demos (in this repo)
Extract Garment
Interactive Gradio demo for garment extraction.
python run_demo.py --name extract_garment
Model Swap
Interactive Gradio demo for swapping garments between models.
python run_demo.py --name model_swap
Outfit Generator
Interactive Gradio demo for generating outfits from text prompts.
python run_demo.py --name outfit_generator
Demo comparison
| Demo | Type | Where | Use case |
|---|---|---|---|
| TryOn Studio | Next.js MCP client | tryon-studio | Agent + all registry capabilities |
| Extract Garment | Gradio | demo/extract_garment | Quick garment extraction |
| Model Swap | Gradio | demo/model_swap | Garment swapping experiments |
| Outfit Generator | Gradio | demo/outfit_generator | Text-to-outfit generation |