ARC — Clothing Ecommerce with Live AR Try-On

Ecommerce clothing site with a real, browser-based AR fit preview — no app required.

ARC is a premium ecommerce concept designed to redefine online fashion shopping through an interactive, browser-based AR experience. Instead of relying on a mobile application or simulated mockups, shoppers can preview garments on themselves directly from their web browser using their device's camera.

The Live AR Fit Preview allows users to grant camera access, place garments over their live video feed, and adjust the fit by dragging, resizing, and rotating the clothing in real time. Once satisfied, they can capture and download a preview image directly from the browser. All image processing happens locally on the user's device, ensuring privacy and fast performance.

Beyond the AR functionality, ARC delivers a complete modern ecommerce experience with beautifully designed product pages, detailed fabric and care information, persistent shopping cart functionality, smooth page transitions, and responsive layouts across desktop, tablet, and mobile devices. The homepage also features a 3D rotating product carousel built with React Three Fiber to showcase products in an engaging way.

Highlights

• Live browser-based AR clothing preview using WebRTC • Real-time drag, resize, and rotate garment controls • Canvas-based image capture and download • Privacy-first client-side image processing • Interactive 3D product carousel • Dynamic product pages with size and color selection • Persistent shopping cart using React Context & localStorage • Slide-out shopping bag drawer • Demo checkout experience • 17 fully responsive statically generated pages • Modern animations and premium user experience

Tech Stack

Next.js 14 (App Router)

TypeScript

Tailwind CSS

Framer Motion:

React Three Fiber

drei

WebRTC (getUserMedia)

Canvas API

ARC demonstrates how modern web technologies can deliver immersive shopping experiences directly in the browser—combining performance, interactivity, and elegant UI into a seamless fashion ecommerce platform.