Skip to content

302ai/302_virtual_try_on

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‘— AI Virtual Try On πŸš€βœ¨

AI Virtual Try On allows you to upload locally or use AI-generated model and clothing images, freely choose models and outfits for AI try-on, and generate model wearing pictures.

δΈ­ζ–‡ | English | ζ—₯本θͺž

This is the open-source version of the AI Virtual Try On from 302.AI. You can directly log in to 302.AI to use the online version with zero code and zero background, or modify and deploy it yourself according to your requirements.

Interface Preview

Based on model description and parameter settings, use AI to generate model images or upload model images locally. The model images will be displayed on the right side.

Based on clothing description and parameter settings, use AI to generate clothing images or upload clothing images locally. The clothing images will be displayed on the right side.

Select the model to use for try-on and start the AI virtual try-on process.

HD Portrait feature makes the images clearer.

Background removal feature, one-click to remove image background.

Secondary lighting feature, supports inputting lighting descriptions or uploading background images, selecting light source direction to apply secondary lighting to the image.

Try-on image after secondary lighting.

Project Features

πŸ‘š Model Images

Generate model images using AI based on model descriptions and parameter settings, or upload model images locally.

πŸ™Žβ€β™‚οΈ Clothing Images

Generate clothing images using AI based on clothing descriptions and parameter settings, or upload clothing images locally.

🧚 AI Try-On

Select the model you want to use and start the AI virtual try-on.

πŸ–ΌοΈ HD Portrait

After generating the try-on image, use AI to make the image clearer and higher quality.

βœ‚οΈ Background Removal

After generating the try-on image, use AI to remove the background.

πŸ”¦ Secondary Lighting

After generating the try-on image, use AI to apply secondary lighting.

πŸ“œ History Records

Save your creation history, never lose your memories, download anytime, anywhere.

πŸŒ“ Dark Mode

It supports dark mode to protect your eyes.

🌍 Multi-language Support

  • Chinese Interface
  • English Interface
  • Japanese Interface

🚩 Future Update Plans

  • Support selecting both tops and bottoms simultaneously for complete outfit coordination

πŸ› οΈ Tech Stack

  • Framework: Next.js 14
  • Language: TypeScript
  • Styling: TailwindCSS
  • UI Components: Radix UI
  • State Management: Jotai
  • Form Handling: React Hook Form
  • HTTP Client: ky
  • i18n: next-intl
  • Theming: next-themes
  • Code Standards: ESLint, Prettier
  • Commit Standards: Husky, Commitlint

Development & Deployment

  1. Clone the project
git clone https://github.com/302ai/302_virtual_try_on
cd 302_virtual_try_on
  1. Install dependencies
pnpm install
  1. Configure environment
cp .env.example .env.local

Modify the environment variables in .env.local as needed.

  1. Start development server
pnpm dev
  1. Build for production
pnpm build
pnpm start

✨ About 302.AI ✨

302.AI is an enterprise-oriented AI application platform that offers pay-as-you-go services, ready-to-use solutions, and an open-source ecosystem.✨

  1. 🧠 Comprehensive AI capabilities: Incorporates the latest in language, image, audio, and video models from leading AI brands.
  2. πŸš€ Advanced application development: We build genuine AI products, not just simple chatbots.
  3. πŸ’° No monthly fees: All features are pay-per-use, fully accessible, ensuring low entry barriers with high potential.
  4. πŸ›  Powerful admin dashboard: Designed for teams and SMEs - managed by one, used by many.
  5. πŸ”— API access for all AI features: All tools are open-source and customizable (in progress).
  6. πŸ’‘ Powerful development team: Launching 2-3 new applications weekly with daily product updates. Interested developers are welcome to contact us.

About

πŸ€– 302_virtual_try_on! πŸš€βœ¨

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages