The Directory 00:00:00
← The directory
JavaScript · AI · Web

FitCheck

An AI virtual try-on app for previewing clothing on your own photo before you buy.

FitCheck, a personal virtual try-on app that combines clothing references with a photo of you

Open FitCheck

FitCheck is a personal virtual wardrobe for answering one question before checkout: what will these clothes look like on me? Add a photo of yourself, choose garments or a complete outfit, and generate a try-on that preserves the person while changing the clothes.

FitCheck wardrobe, clothing controls, and generated-look interface

From shop link to lookbook

your photo + garments / complete outfit
                    ↓
             choose combinations
                    ↓
          Gemini image generation
                    ↓
             compare in Lookbook

A generated virtual try-on result

What you can do

  • Mix and match. Select tops, bottoms, shoes, and accessories; FitCheck generates each selected combination as its own look.
  • Try a complete outfit. Use a flat lay or outfit reference as one set instead of cataloguing every item.
  • Import a product link. Supported shop pages can provide the image, title, price, and a link back to buy.
  • Browse large catalogues. Import a Yupoo store or category as lightweight metadata, then fetch an item only when you want it.
  • Organise drawers. Group catalogue and wardrobe items into named collections.
  • Categorise from the image. A lightweight vision request can classify opaque reseller product names.
  • Sync selected metadata. An optional, user-controlled secret can mirror catalogue and imported wardrobe metadata between devices.
  • Preview hair and backdrops. Try hairstyle references and move generated looks into a studio, street, café, beach, runway, or park.
  • Keep a lookbook. Generated results stay available for side-by-side comparison.

Architecture

index.html + style.css + app.js   installable PWA client
IndexedDB                         people, garments, and generated looks
api/generate.js                   server-side image-generation proxy
api/import.js                     product and catalogue importer
api/sync.js                       optional metadata sync

Try-ons use Google’s gemini-3-pro-image model at 1080p. Classification uses a lower-cost model. Generation time, availability, safety filters, and price are controlled by the upstream API and can change.

Privacy

By default, the library lives in the browser’s IndexedDB. A person photo or garment image leaves the browser only when it is sent to Google for generation.

Optional cross-device sync is off by default. When enabled, it mirrors clothing catalogue and link-import metadata to storage controlled by the deployment. It does not sync person photos, generated looks, or manually uploaded image files.

Clearing browser storage removes the local library.

Limits

This is a personal project, built for fun—not a retailer or sizing service.