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, IGES, OBJ, DXF, BREP, 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