Inspiration
Honestly, online shopping is a mess. You juggle 10 tabs, guess looks, imagine outfits that never look the way you pictured. I wanted something that actually lets you see how pieces go together before buying — not static models, not generic templates — you. That’s what pushed me to build StyleSync.
What it does
StyleSync is a Chrome extension that lets you pull clothing from sites like — H&M, Garage wherever — and try them on instantly with AI later generate a video try-on to see how the full outfit moves. You can even mix and match items across stores. It basically turns the whole internet into a dressing room.
How we built it
I stitched together a messy mix of Chrome extension, AI video generation, and a backend that stores everything. Most of the heavy lifting was wiring the browser extension to grab product images on the retail site, send them to our try-on pipeline, and return a video that actually looks good. Lots of debugging. I DIDN'T DRINK COFFEE THIS TIME.
Challenges we ran into
Google Cloud API doesn't allow generating more than 10 videos per day per project. Therefore, testing the video generation was a mess. After every 10 generation I would have to build a new project in the google cloud and re-instantiate it from scratch.
Accomplishments that I'm proud of
Along with virtual try-ons it also generates seamless videos and properly tracks product information from the page for processing. One last minute feature was trying and combining mutiple generated outfits in the dashboard and surprizingly that works really fine too!
What we learned
Chrome extensions have a personality disorder — nothing works the same way twice. I also learned a ton about video generation models, and how tiny prompting decisions massively change how users feel about the product.
What's next for StyleSync
I plan to work more on this project and make it production ready out of the MVP to potentially launch it on the chrome webstore. It can even be monetized using affiliate links of products that the user is browsing.
Built With
- chrome-web-pack
- google-cloud
- javascript
- preact
- react
- typescript

Log in or sign up for Devpost to join the conversation.