THE STUDIO / MATERIAL STUDIESBack to the demo ↗

A small corner
of a different website.

This page has its own typography, colors, and layout. The gallery below is the same reusable component, placed in a narrow column with a custom accent.

The entire integration

import { createAssetViewer } from '../src/asset-viewer.js';

const viewer = createAssetViewer(document.querySelector('#embed'), {
  heading: 'Tools & textures',
  accent: '#ead3ad',
  assets: myAssets // your model URLs, posters, names, and categories
});

await viewer.ready;
// viewer.open('my-model');
// viewer.destroy(); // when your page or component unmounts

Vanilla, React, and Vue integration guide ↗