VARAi
Product · Sell·Live · commerce.varai.ai

Customize the frame. Order the frame.

The 3D Configurator gives shoppers an in-browser editor for color, materials, finishes, and lens tints — all rendered in real time. Configurations resolve to orderable SKUs.

How it works

Configuration that ends in a real order.

Customization tools usually stop at a render. Ours commit to an orderable SKU — so D2C eyewear brands can offer made-to- order frames without rebuilding their checkout.

01
Pick the base

Shoppers start from a brand's frame shape — round, aviator, cat-eye — loaded as a GLB into the in-page Three.js viewer.

02
Customize materials

Frame colors, finishes, temple inlays, and lens tints swap in real time using the PBR material library.

03
Order direct

The finished configuration is committed to the cart with a deterministic SKU that maps to the brand's production pipeline.

Specs

Real-time. Real materials. Real orders.

Built on the same renderer that powers Material Design Studio in the VARAi backoffice. Brand material libraries sync between design and storefront.

Renderer
Three.js
real-time WebGL
Materials
PBR
physically based
Use case
D2C
customization
Integrations
Shopify · Woo · Magento · BigCommerce
drop-in widgets
See it live

Offer made-to-order frames.

Open Commerce Studio to drop the configurator into your storefront, or talk to us about a brand-specific material library.