Demos
OpenTryOn includes interactive demos for easy experimentation and testing.
Available Demos
Virtual Try-On Demo (Full-Stack Web App) ⭐ NEW
A modern, production-ready virtual try-on web application with FastAPI backend and Next.js frontend.
Features:
- Support for 4 AI models (Nano Banana, Nano Banana Pro, FLUX 2 Pro, FLUX 2 Flex)
- Multi-image upload with drag & drop
- Real-time credit estimation
- Modern, responsive UI
- RESTful API
Quick Start:
- Start the backend:
python api_server.py
- In a new terminal, start the frontend:
cd demo/virtual-tryon
npm install
npm run dev
- Open
http://localhost:3000in your browser
Extract Garment Demo (Gradio)
Interactive Gradio demo for garment extraction.
python run_demo.py --name extract_garment
Model Swap Demo (Gradio)
Interactive Gradio demo for swapping garments between models.
python run_demo.py --name model_swap
Outfit Generator Demo (Gradio)
Interactive Gradio demo for generating outfits from text prompts.
python run_demo.py --name outfit_generator
Fashion Prompt Builder Demo (Next.js)
A modern Next.js web application for generating prompts for fashion model generation.
cd demo/fashion-prompt-builder
npm install
npm run dev
Open http://localhost:3000 to access the prompt builder interface.
Demo Comparison
| Demo | Type | Tech Stack | Use Case |
|---|---|---|---|
| Virtual Try-On | Full-stack Web App | Next.js + FastAPI | Production-ready virtual try-on with multiple AI models |
| Fashion Prompt Builder | Web App | Next.js + TypeScript | Generate high-quality prompts for fashion AI models |
| Extract Garment | Gradio | Python + Gradio | Quick garment extraction testing |
| Model Swap | Gradio | Python + Gradio | Garment swapping experiments |
| Outfit Generator | Gradio | Python + Gradio | Text-to-outfit generation |