Roomlens: Browser-Based AR Product Placement by Muhammad Hashir JavedRoomlens: Browser-Based AR Product Placement by Muhammad Hashir Javed

Roomlens: Browser-Based AR Product Placement

Portfolio project
Muhammad Hashir Javed
Roomlens is a web-based AR platform where customers can see furniture and products in their own space, right in the browser. No app, no download.
How it works:
Open it: scan the shop's code or open its link in a phone browser
Allow the camera: Roomlens scans the floor and surfaces around you
Place it: pick a product from the catalog and tap on the floor or wall to drop it into your real space
Drag it: slide one finger to move it around the room
Rotate it: twist with two fingers to see every angle
Resize it: pinch in or out to check how it fits
Swap it: pick another item from the catalog and compare right away
Built for businesses:
A catalog system where each shop manages its own products
Secure, time-limited access codes for customers
Live AR placement in the browser via WebXR and <model-viewer>
GLB/glTF 3D pipeline for products
Tech: full-stack build with Next.js, React, TypeScript, Supabase, and Three.js / React Three Fiber for the 3D viewer.
This is a self-initiated build-in-public project. I designed and built the whole thing, from the 3D viewer on mobile to the multi-store catalog and access system.

1 like · 0 views · Nov 4, 2026

A browser-based AR platform where customers try products in their real space before buying. Built in public, end to end.

Tags