Getting Started
Upload a 3D model, style it, and embed it on your site in under 5 minutes.
1. Upload a model
Open the Vitrine dashboard and drag a .glb or .gltf file onto the page. No account required — you can try it anonymously.
Your model appears in the editor immediately.
Don't have a model? Try a free one from Poly Haven, Sketchfab, or the Khronos glTF samples.
2. Style the scene
Use the editor sidebar to configure:
- Environment — pick an HDRI preset for lighting and reflections
- Background — solid color, transparent, or environment skybox
- Lights — key, fill, and rim lights with color and intensity
- Camera — orbit limits, zoom behavior, auto-rotate
- Effects — bloom, tonemapping, depth of field (WebGPU)
Changes apply in real-time. When you're happy with the look, hit Save.
3. Get the embed code
Switch to the Publish tab in the editor. Copy the embed snippet — it looks like this:
<script src="https://cdn.vitrine3d.com/vitrine.js"></script>
<div
data-vitrine
data-vitrine-id="your-showcase-id"
style="width: 100%; max-width: 800px; aspect-ratio: 4/3"
></div>Paste it into your HTML. The viewer loads automatically.
4. Optional: create an account
Anonymous uploads expire after 48 hours. To keep your models permanently:
- Sign up — your anonymous models are automatically claimed
- Log in (if you already have an account) — models are transferred to your account
You can sign up with email or Google.
Next steps
- Embed Reference — all available attributes and the JS API
- Looks & Layouts — reuse styles across multiple models
- Supported Formats — model requirements and optimization tips