React SDK Live Demo

Virtual Try-On &
Size Recommendation

See the @primestyleai/tryon React SDK in action. Click any product to try the virtual try-on and AI size recommendation flow.

Virtual Try-On

AI Size Recommendation

ProductPage.tsx

import { PrimeStyleTryon }
  from '@primestyleai/tryon/react';

// Try-on + size recommendation
<PrimeStyleTryon
  productImage={product.image}
  sizeGuideData={product.sizeGuide}
  buttonText="Virtual Try-On"
/>

Demo Products

Select a product to test the SDK integration

6 items

Try SDK

Tommy Hilfiger

Modern Fit Premium Wool Blend Tuxedo

Try SDK

prime

Long Sleeve Wedding Dress Mori Style Bridal Simple Round Neck

Try SDK

prime

Light-wash Mens Ripped Straight-leg Jeans

Try SDK

prime

Winter Low-Top Mens Retro Work Boots

Try SDK

prime

Winter Plush Coat Fashion Warm Thicken Fluffy Lapel Jacket Outwear Casual Long Sleeve Tops Womens Clothing

Try SDK

prime

Coat Men Polo Collar Top Men Fashion Work Clothes

Ready to integrate?

Add virtual try-on & size recommendation to your store in under 5 minutes.

View Docs

SDK Showcase

Live Demo

Try-On &
Size Recommendation

Tap any product to see the @primestyleai/tryon React SDK working — virtual try-on and AI size recommendation in one component.

Try-On

Size AI

<PrimeStyleTryon productImage={url} />