ARoom Try-On Card

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