AR Try-On is a Framer code component that adds live augmented reality product previews to any page. Upload a .glb file, connect it to the component, and shoppers can try on or place your product instantly using their device camera.
Two AR modes in one component
Face mode lets shoppers tap through the camera to reposition and rotate with a two-finger twist. Designed for glasses, jewellery, headwear, and face accessories.
What's in the panel
Upload any .glb file directly via the file picker, or pass a CDN URL
AR Mode toggle: switch between Face and Surface without touching code
Scale, X Offset, and Y Offset for precise face placement calibration
Preview Mode: displays the model at frame centre without activating the camera, so you can verify orientation before going live
Aspect ratio control for the camera frame