ART LabsMeshkraft Viewer by
Meshkraft is a no-coding platform for generating, optimizing and serving 3D models of your e-commerce products.
Meshkraft Viewer is the JS SDK for presenting models in web-AR.
<meshkraft-viewer> web component can be used directly from various free CDNs such as unpkg.com
You'll need to paste script code to the end of
<head> section of your web page
<script type="module" src="https://unpkg.com/meshkraft-viewer/dist/meshkraft-viewer.min.js"></script>
It can also be installed from NPM:
npm install meshkraft-viewer
First you will need to set your API Key with
After initialized, in specific product page, call SDK with product identifier (SKU)
<meshskraft-viewer sku="SKU-123" />
SDK will do the rest.
sku (string) *required
SKU of your product. Identifier for 3D assets.
Should enable AR button. Defaults to true
Should the models rotate automatically. Defaults to true
Width of parent component. Defaults to %100
Width of parent component. Defaults to 300px
Scene and AR config. TBA.