Integration & customization

Integrate in two lines. Tailor every detail.

Two lines of code puts the viewer on any page. The Editor takes it from there: scene, hotspots, camera paths, and a saved variant for every surface.

<!-- 1. Load the viewer (once per page) -->
<script type="module" src="https://js.marvify.io/marvify.js"></script>

<!-- 2. Drop your 3D Twin wherever you want it -->
<marvify-model-viewer model-id="your-twin"></marvify-model-viewer>
  • Works in every modern browser, desktop and mobile.
  • No files for you to host. The 3D Twins are served from our network.
  • Size, position, and layout are controlled with normal CSS.

Customization

Tailor every 3D Twin for the surfaces it lives on.

The Editor lives in your dashboard. A self-serve workspace for setting the scene, framing the camera, placing hotspots, and saving a tailored variant for every surface.

The Marvify Editor open in a browser: a floral blouse 3D Twin centred in the canvas, with a left-hand product panel and a right-hand editing toolbar of camera and asset controls.
01

Customize the scene

Set the look of the scene and the camera that frames it.

Configure camera positions, set background colours, and much more. Each surface gets its own framing.

The Marvify Editor in a browser showing the floral blouse 3D Twin with hotspot pins placed on its surface and an info card popping out from one selected pin.
02

Clickable hotspots

Points on the 3D Twin that surface an info card or move the camera.

Pin hotspots anywhere on the 3D Twin. A hover can show a simple label; a click can pop a small info card, focus the camera on a detail, or fire an event the host page listens for.

The Marvify Editor in a browser with a camera-path timeline along the bottom showing keyframe markers, and the floral blouse 3D Twin previewed in the canvas above.
03

Camera paths

Pre-recorded camera moves you can trigger.

Record a guided camera move once, then trigger it from a button, a hotspot click, or page-load. Great for walking a visitor through key product details.

The Marvify Editor in a browser showing the export dialog with still and video tabs, output preview thumbnails, and the floral blouse 3D Twin in the canvas behind.
04

Images and video

Stills and video, also from the Editor.

Export rendered stills and short clips. Useful for static surfaces: ads, social posts, decks, email. More to come.

Two-way page integration

Your page drives the viewer. The viewer fires events back.

Buttons on your page can rotate, zoom, or trigger the camera path. Events from the viewer (hotspot clicks, variant changes) can trigger things like add-to-cart or analytics.

Saved variants

Every 3D Twin, many tailored versions.

A product-page version, a campaign-page version, a trade-booth version: each variant has its own embed.

Get Started