# vitrine — Interactive 3D Product Viewers

> Add photorealistic, interactive 3D viewers to your product pages. Upload a model, style the scene, embed anywhere. No iframes, no plugins — one script tag.

## Links

- [Homepage](https://vitrine3d.com): Landing page with live demos and pricing
- [Dashboard](https://app.vitrine3d.com): Upload models, style scenes, get embed codes
- [Documentation](https://docs.vitrine3d.com/docs): Full docs with guides and API reference
- [LLMs Full Docs](https://docs.vitrine3d.com/llms-full.txt): Complete documentation as plain text

## Key Features

- One script tag embed — no iframe, your CSS controls sizing
- Real-time PBR rendering via WebAssembly (Bevy engine)
- WebGPU with automatic WebGL2 fallback
- Looks & Layouts — style once, apply to every product
- Shopify theme extension for automatic 3D on product pages
- Server-rendered thumbnail posters for instant loading
- Reactive rendering — zero GPU cost when idle

## Embed Example

```html
<script src="https://cdn.vitrine3d.com/vitrine.js"></script>
<div data-vitrine data-vitrine-id="your-id" style="width:100%;aspect-ratio:4/3"></div>
```

## JS API

- `Vitrine.boot(el)` — manually boot a viewer element
- `Vitrine.update(el, config)` — push a config patch to a running viewer

## Pricing

- Free: 5 published showcases, full editor access, vitrine badge on embeds
- Pro ($12/mo or $120/yr): Unlimited publishing, no badge