FeaturesHow It WorksExamplesHelpBlogDeveloperTry It Free
Developers

Embed a 3D viewer on your site

Drop the PartWork 3D viewer onto any page in two lines. Visitors can view STEP, STL, and GLB parts right in the browser — rotate, zoom, switch light/dark — with no plugin and no signup to look. It’s free; downloads and AI editing continue in PartWork Studio.

Live widget above, styled as a fictitious company — its own logo, name, and colors (data-logo, data-brand, data-pw-accent, data-pw-model). Match it to your site. The “Powered by PartWork.ai” footer always stays.

Option 1 — iframe (simplest)

Paste this anywhere. Set the height you want; the viewer fills its container.

HTML
<iframe
  src="https://cdn.partwork.ai/viewer/index.html?theme=dark&model=https://example.com/part.glb"
  style="width:100%;height:540px;border:0;border-radius:14px"
  title="PartWork 3D Viewer"
  loading="lazy"
  allow="fullscreen"></iframe>

Option 2 — script embed (lightweight)

A ~2 KB loader that mounts the viewer in an iframe — the 3D engine loads inside the frame, so your page stays light. Use one <script> and a <div> per viewer.

HTML
<script src="https://cdn.partwork.ai/viewer/partwork_viewer_widget.js" defer></script>

<div data-partwork-viewer
     data-theme="dark"
     data-model="https://example.com/part.glb"
     style="width:100%;height:540px"></div>

Options

Set these as data-* attributes (script embed) or URL parameters (iframe).

Attribute / paramDescription
data-model / ?modelURL of a GLB to display. Omit to show an upload prompt.
data-theme / ?themelight or dark (default dark). A theme toggle is also in the header.
data-name / ?nameTitle shown in the viewer header.
data-cta / ?ctaSet to off to hide the “Modify with AI” nudge.
data-upload / ?uploadSet to off for a pure viewer of your data-model (no upload/convert).
data-skin / ?skinCorner style preset: square, rounded, or flat.
data-font / ?fontCSS font stack for the widget UI, e.g. Inter, sans-serif.
data-pw-*Color/style tokens: data-pw-model (part color), data-pw-scene-bg, data-pw-accent, data-pw-text, data-pw-grid, data-pw-radius. Any value is a valid CSS color/size.
?chrome=cardiframe only — the “floating card” look with a margin (default fills the frame).

Attribution (required on the free tier)

The viewer shows a small “Powered by PartWork.ai” link. Embedding for free is allowed on any site, with one condition: keep that link visible and clickable — don’t remove, hide, cover, or disable it. That credit is what keeps the viewer free to embed. Want it gone or replaced with your own branding? A white-label license is available — talk to us. Full terms: the embed viewer license.

Notes