Headless & Custom Ecommerce API
Integrate browser-based 3D and live camera virtual try-on into Next.js, React, Vue, Hydrogen, or custom ecommerce storefronts using TrynShop's JavaScript SDK and REST API.
Mount high-fidelity 3D and live webcam virtual try-on with a simple DOM target. Supports event hooks for PD measurement, capture snapshots, and frame color swapping.
GLB frame meshes are optimized with Draco compression and served through global CDN edges for sub-100ms load times across desktop and mobile devices.
Our facial AI engine processes landmark alignment client-side via WebAssembly and WebGL, guaranteeing zero biometric privacy risk and maximum frame rate.
Automate frame ingestion with our REST API. Upload 2D front/temple photos and let TrynShop Studio trigger 3D asset generation asynchronously.
Built specifically for modern Jamstack and headless commerce architectures including Shopify Hydrogen, Next.js Commerce, BigCommerce, and Saleor.
Get direct access to our core graphics and machine learning engineers to assist with custom UI embedding, performance tuning, and 3D modeling pipelines.
Implementation
Create your publishable API key in TrynShop Studio dashboard and whitelist your domains.
Load the lightweight JavaScript SDK into your React, Next.js, or HTML frontend.
Call `TrynShopVTO.mount('#target', { frameSku })` inside your product detail component.
Capture user PD values and try-on photos to pass into your custom checkout workflow.
<script src="https://cdn.trynshop.com/tryon-v2.js" async></script>
<div id="vto-container" data-frame-id="FRAME_SKU_12345"></div>
<script>
window.addEventListener('load', () => {
TrynShopVTO.mount('#vto-container', {
apiKey: 'pk_live_your_studio_key',
frameSku: 'FRAME_SKU_12345',
mode: 'live_camera', // or 'photo_upload'
onPdMeasured: (pdInMm) => console.log('Measured PD:', pdInMm),
onSnapshot: (imageBlob) => console.log('User snapshot captured'),
});
});
</script>Yes. TrynShop provides both an embeddable Web Component / vanilla JS SDK and REST APIs for seamless integration into React, Next.js, Remix, Hydrogen, Vue, Nuxt, and custom tech stacks.
Related Guides & Integrations