An open API service indexing awesome lists of open source software.

https://github.com/302ai/302_virtual_try_on

πŸ€– 302_virtual_try_on! πŸš€βœ¨
https://github.com/302ai/302_virtual_try_on

Last synced: 2 months ago
JSON representation

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

Awesome Lists containing this project

README

        

#

πŸ‘— 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 | ζ—₯本θͺž

![](docs/302_AI_Virtual_Try_On_en.png)

This is the open-source version of the [AI Virtual Try On](https://302.ai/en/tools/tryon/) from [302.AI](https://302.ai/en/). 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.
![](docs/302_AI_Virtual_Try_On_en_screenshot_01.png)

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.
![](docs/302_AI_Virtual_Try_On_en_screenshot_02.png)

Select the model to use for try-on and start the AI virtual try-on process.
![](docs/302_AI_Virtual_Try_On_en_screenshot_03.png)

HD Portrait feature makes the images clearer.
![](docs/302_AI_Virtual_Try_On_screenshot_04.jpg)

Background removal feature, one-click to remove image background.
![](docs/302_AI_Virtual_Try_On_screenshot_05.jpg)

Secondary lighting feature, supports inputting lighting descriptions or uploading background images, selecting light source direction to apply secondary lighting to the image.
![](docs/302_AI_Virtual_Try_On_screenshot_06.png)

Try-on image after secondary lighting.
![](docs/302_AI_Virtual_Try_On_screenshot_07.jpg)

## 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
```bash
git clone https://github.com/302ai/302_virtual_try_on
cd 302_virtual_try_on
```

2. Install dependencies
```bash
pnpm install
```

3. Configure environment
```bash
cp .env.example .env.local
```
Modify the environment variables in `.env.local` as needed.

4. Start development server
```bash
pnpm dev
```

5. Build for production
```bash
pnpm build
pnpm start
```

## ✨ About 302.AI ✨
[302.AI](https://302.ai/en/) 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.