vitrine

Add photorealistic, interactive 3D product viewers to your WordPress site. Upload a GLB model to <a href="https://vitrine3d.com" rel="nofollow ugc">vitrine</a>, style it in the visual editor, and embed it with a single block — no coding required.
Features:
<ul>
<li>Gutenberg block — search “vitrine” in the block inserter</li>
<li>Configurable aspect ratio (4:3, 1:1, 16:9, 3:4)</li>
<li>Responsive (fills container width)</li>
<li>Loads the viewer script only on pages that use the block</li>
<li>Works with the Site Editor (FSE) and classic themes</li>
<li>WebGPU rendering with automatic WebGL2 fallback</li>
</ul>
The viewer runs entirely in the browser using WebAssembly. No server-side rendering, no iframes.
How to get a Showcase ID:
<ol>
<li>Go to <a href="https://app.vitrine3d.com" rel="nofollow ugc">app.vitrine3d.com</a></li>
<li>Upload a GLB or GLTF model</li>
<li>Style the scene (lighting, camera, background)</li>
<li>Publish the showcase</li>
<li>Copy the Showcase ID from the embed panel</li>
</ol>
External services
This plugin connects to <a href="https://vitrine3d.com" rel="nofollow ugc">vitrine</a> to load the 3D viewer and resolve showcase data:
<ul>
<li>Viewer script — loaded from <code>cdn.vitrine3d.com/vitrine.js</code> on frontend pages that contain the block. This script boots the WebAssembly 3D viewer in the visitor’s browser.</li>
<li>Showcase API — called in the block editor to fetch a thumbnail preview when you enter a Showcase ID. The request is made to <code>lgjkyhbpoosidprneotg.supabase.co/functions/v1/resolve-showcase</code>.</li>
</ul>
No personal data is sent to these services. Only the Showcase ID is transmitted to resolve the 3D scene configuration and assets.
<ul>
<li><a href="https://vitrine3d.com/terms" rel="nofollow ugc">vitrine Terms of Service</a></li>
<li><a href="https://vitrine3d.com/privacy" rel="nofollow ugc">vitrine Privacy Policy</a></li>
</ul>

vitrine 3D Viewer

Embed interactive 3D product viewers in any page or post.

christian.loelkes

With a simple shortcode you can enable and embed a WebGL viewer to show 3d stl files.
In the current version:
<ul>
<li>STL files have to be uploaded to /wp-content/uploads</li>
<li>The viewer can’t be used more than one time per page. This might be a feature because the viewer needs a lot of resources.</li>
</ul>
A complete description of the plugin can be found on <a href="https://www.db4cl.com/projects/stlviewer-1-0-for-wordpress/" rel="nofollow ugc">my blog</a>.

STL Viewer

With a simple shortcode you can enable and embed a WebGL viewer to show 3d stl files.

vitrine 3D Viewer vs STL Viewer