ExplodeView User Manual

Every tool, tab and setting in the current build — rendering, materials and the AI tools included. Screenshots below are the real app.

Contents

1. Getting Started

ExplodeView runs entirely in your browser — nothing to install to try it. Open the app and you land on the welcome screen, which is the front door to everything else.

ExplodeView welcome screen with Upload 3D file, Take the guided tour, and four example models
The welcome screen — upload your own file, take the guided tour, or open one of four example assemblies.

From here you can:

Upload a 3D file
STEP, STP, IGES, STL, OBJ, GLB or GLTF — or just drag & drop it anywhere on the page.
Take the guided tour
Loads the neutral sample assembly and walks through explode, tree/BOM, hotspots, AI render, export and share — 11 steps, about a minute.
Open an example model
Four bundled assemblies (pillow-block shaft, CNC toolholder, machine vise, a single part) load instantly — no conversion wait.
Continue your library
Files you've already imported are cached in the browser (IndexedDB) and listed here for instant reopening.

Trial vs. license

The first time you open ExplodeView from explodeview.com (not localhost), you'll meet the trial gate before the welcome screen above — see §10 Trial Rules for exactly how that works. A license key or the desktop app skip it entirely.

Browser requirements

RequirementMinimum
BrowserA current Chrome, Edge, Firefox or Safari with WebGL2
GPUAny GPU with WebGL2 support (integrated is fine for typical assemblies)
RAM4 GB, 8 GB+ for large assemblies

2. Importing Your Files

Click Upload 3D file on the welcome screen, or drag a file anywhere onto the page at any time.

FormatNotes
STEP / STPConverted to geometry in-browser (or via a converter — see below). The most common CAD export format.
IGESSame pipeline as STEP.
GLB / GLTFLoads directly — this is also ExplodeView's own cache format, so re-opening a file you've already converted is instant.
STL, OBJMesh formats — no assembly tree/sub-part structure, but everything else (explode, measure, section, hotspots, export) still works.
40 MB browser limit. The in-browser converter has a hard memory ceiling and refuses anything over 40 MB rather than silently crash the tab: "Files over 40MB can't be converted in the browser. Use the ExplodeView Pro desktop app for large assemblies." Checking Ignore cache on the welcome screen forces a fresh re-convert instead of reusing a cached GLB — useful if you've updated the source file.

The desktop app removes that limit: it drives a local, Docker-based converter (explodeview-converter, port 8787) that handles 100 MB+ assemblies. Start Docker Desktop, then docker start explodeview-converter, and re-import.

3. The Toolbar

Everything lives under six tabs at the top of the screen. Click ▲ Hide Top Bar any time to tuck it away and work with an uncluttered viewport; the button becomes ▼ Show Top Bar to bring it back (this also closes any open panel).

3.1 View

Assembly tree panel open, listing sub-assemblies and parts with a BOM button
Tree panel: every part and sub-assembly, numbered like a drawing.
Home H
Resets the camera to fit the whole model.
Tree T
Opens the assembly tree (screenshot above). Search parts, click to select, eye icons to hide, and 📋 BOM at the bottom for the full bill of materials.
Anim
Step-by-step assembly/disassembly animation sequence — play, reverse, or edit individual steps.
Opacity
Make parts see-through to inspect what's underneath, without hiding them.
Filter
Smart part grouping — filters by an estimated material guessed from part names (steel, aluminium, fasteners, bearings, …).
Blueprint
White background, blue wireframe — a clean technical-drawing look for reviews. See §4.
Grid G
Toggles the floor grid; the slider next to it sets its opacity.
AR Scanner
Places the model in your real environment via your device camera (WebXR — iOS Safari 16.4+, Chrome on Android).
Manual
An in-app interactive documentation overlay, separate from this page.
Collab
Collaborative view session — share your current camera/explode state with someone else looking at the same link.
Library
Reopens the welcome screen's model picker without reloading the page.
Materials
11 PBR finishes — apply to the selection, or the whole model if nothing's selected. See §4.
Smart Search ⌘/Ctrl G
Natural-language part search — try "the bolt near the motor". Shows a visual preview before you commit.
Smart Search panel with a query typed and part results listed
Smart Search — type a description, not a part number.

The right-hand rail (always visible) duplicates the essentials: Home, Fit to Frame, focus-on-selection, reset rotation, + / − to explode or collapse the assembly step by step, auto-rotate, grid, wireframe, drop-to-floor and more.

The pillow-block shaft assembly mid-explode, parts spread apart along their axes
Exploding: click + repeatedly (or the tree panel's 💥 Explode button, or press E) to pull the assembly apart in steps; − brings it back together.

3.2 Analyze

Section C
Cross-section cut along X, Y or Z, with a position slider and Flip Direction.
Measure M
Click two points in the 3D view for a distance measurement; results stack in a running list.
Annotate A
Pin a text note to a point in the scene.
Standards
DIN/ISO standard-parts reference for fasteners and common hardware.
Clash
Interference check between parts.
Identify
AI part identifier — geometry-based guess at what a selected part is.
Markup
3D redlining — freehand marks directly on the model for review comments.
Maint
Maintenance mode — tag parts with service intervals and wear level.
Section Cut panel with the cut enabled, the assembly's floor plane visibly clipped
Section Cut — pick an axis, drag Position, Enable Cut.
Measurement tool active, prompting to click a second point to complete a distance measurement
Measurement — click a first point, then a second; the panel lists every measurement you take.

3.3 Create

Instructions ⇧I
Auto-generates IKEA-style step-by-step assembly instructions with directional arrows.
Drawing
Auto 2D technical drawing — front/right/top orthographic views plus an isometric, downloaded as a standalone HTML file.
Slicer
Basic 3D-print slicer preview for a selected part.
Hero Shots
One-click marketing renders at fixed angles (2048×2048, transparent background).
Time Est.
Rough assembly time estimate from part count and fastener count.
Hotspots NEW
The Hotspot Builder — click parts, drop numbered callouts, export as an embeddable HTML/Liquid widget or an image.
Hotspot Builder panel open with one numbered hotspot placed on the model and its title/description fields
Hotspot Builder — click a part, Place Hotspot, then give it a title, description and optional photo.

Each hotspot gets Title, Description and Image fields, a Preview and Focus button, and a Delete. Capture the current view as PNG/JPG/GIF (with an optional transparent background), then export the whole set as an HTML snippet or a Liquid section — drop either straight into a product page. Save persists hotspots to the browser for this model; Clear all removes them.

Generated technical drawing with Front, Right, Top and Isometric views plus a title block
Create → Drawing: a 4-view technical drawing, generated and downloaded in one click.

3.4 Export

Screenshot S
PNG (transparent or with background), JPG, WebP or print-quality TIFF, at 1×/2×/4× resolution.
Snip
Rectangle-select a region of the viewport to capture.
Record
Captures a smooth explode → orbit → collapse animation as a GIF or WebM video, with a duration setting.
Catalog
Generates an interactive spare-parts catalog as a standalone HTML page.
BOM
The full bill of materials in a modal table: part/assembly, part count, and a Draw link per assembly.
CSV / Cost
Export the BOM as CSV, or run BOM Costing for a rough per-part cost estimate.
Share / QR
Link, embed code and QR code for the current model — see §7.
Bill of Materials modal listing six sub-assemblies with part counts and Draw links
Bill of Materials — one row per sub-assembly, Copy or CSV export.
Export Screenshot dialog with PNG, JPG, WebP and TIFF options and a resolution selector
Screenshot export — format and resolution.
Record Explode Animation dialog for GIF or WebM export
Record — explode → orbit → collapse as GIF or WebM.

3.5 AI Tools

Every tool on this tab that calls out to an AI model uses your own API key, pasted once and kept in your browser — see §5 for the full setup and cost explanation.

Voice
Voice commands for hands-free navigation.
Chat
Conversational assistant that can answer questions about the loaded model.
AI Render key needed
Turns the current view into a photoreal or stylised product shot.
AR Mode (WebXR)
Place the model in your real environment via your device camera.
Part Narrator ⌘/Ctrl N
AI description of a selected part: likely function, manufacturing method, common failure modes.
Assembly Instructions ⇧I
Same generator as Create → Instructions, one click away here too.
Play Assembly
Plays the generated assembly animation.
Annotations ⇧P
Toggles collaborative 3D annotation mode — color-coded per user, exportable to CSV.
AI chat assistant panel, offline mode, offering to answer basic questions about the model
AI Chat — works offline in basic mode; add a key for natural conversation (Gemini Flash, or Groq as a fallback).

3.6 Settings

Brand
White-label theme designer — your brand name, colors and embed config.
Configure
Display settings: brightness, contrast, ambient light, model scale, field of view.
Theme
Switch between the light and dark app themes.
Flat Light
Even lighting with no shadows — useful for flat-color technical review.
Debug
A console panel for diagnosing issues without opening browser DevTools.
Help
Searchable in-app reference for every feature, including the ones added after this manual's release.
Mobile
Preview the app at iPhone/iPad dimensions without resizing your window.
Hard Reset
Clears the app's cache and reloads — the fix for "it looks stale after an update".
ExplodeView running at a phone-sized viewport, toolbar reflowed to fit
The app on a phone-sized screen — the same toolbar, reflowed. Settings → Mobile previews this without leaving your desktop browser.

4. Rendering & Materials

Imported STEP/IGES files carry real PBR materials from the conversion pipeline — parts don't need manual re-texturing to look right out of the box. When you want to override that (show a part in a different finish for a render, a catalog shot, or just to compare options), View → Materials applies a real PBR preset to it.

Materials panel open with a grid of PBR preset swatches (Steel, Aluminum, Black Oxide Steel, Brass, Copper, ABS, Rubber, Glass, Carbon Fiber, Titanium, Wood) and a Reset materials button
View → Materials — 11 PBR presets, applied to the current selection or the whole model.

Click a part (or several — the usual selection) first, then a swatch: with a selection active, the preset applies only to those parts; with nothing selected, it applies to every visible part. Reset materials restores whatever the model shipped with. Presets: Steel, Aluminum, Black Oxide Steel, Brass, Copper, ABS Plastic, Rubber, Glass, Carbon Fiber, Titanium, Wood — each a real metalness/roughness/color combination, not a flat color swap.

Two view modes change how the whole model reads, independent of per-part materials:

The assembly in Blueprint mode: white background, blue wireframe
View → Blueprint: white background, blue wireframe — a clean technical look.

For lighting control, Settings → Configure exposes brightness, contrast, ambient light and field of view; Settings → Flat Light swaps to shadowless even lighting. View → Grid toggles the floor and its opacity slider — turning it down (or off) is the fastest way to stop a bright floor from competing with the model in a screenshot.

5. AI Tools — Bring Your Own Key

AI Render, the AI chat assistant and Part Narrator all call an AI model directly from your browser, using an API key you provide. ExplodeView never sees or bills for it.

AI Render panel with scene preview, prompt box, style presets, model dropdown and an empty API key field
AI Render — Scene Preview, Prompt, Style Preset, AI Model, and the API Key field.

Getting a free key

The default model is Google's Nano Banana (Gemini's image model), free to use. Click AI Tools → AI Render, then under API Key follow "FREE — Get key at aistudio.google.com" to Google AI Studio, create a key, and paste it into the field. Other providers are selectable from the same AI Model dropdown (Stability AI, OpenAI DALL·E 3, Fal.ai FLUX, Replicate) if you'd rather bring a key for one of those instead.

Where it's stored

In your browser's localStorage, under this site's origin — nothing is sent to ExplodeView's own servers. It stays on the machine and browser profile where you pasted it; open the app on another device and you'll paste it again there.

Costs are yours. Once your key is in, every render/chat/narration request is billed directly by the provider to your account under whatever free tier or paid plan you have with them — Nano Banana v1 is free at the time of writing, but check the provider's own pricing for anything beyond that.

6. Exporting Your Work

Everything under the Export tab (§3.4) writes to a local file — nothing round-trips through a server.

WhatFormats
Still imagePNG (transparent or with background), JPG, WebP, print-quality TIFF — 1×, 2× or 4× resolution
AnimationGIF or WebM video of an explode → orbit → collapse sequence
Bill of MaterialsOn-screen table, Copy, or CSV
Technical drawingStandalone HTML with Front/Right/Top/Isometric views and a title block (A4–A0 or Letter, PNG/PDF/TIFF/DXF from the Tree panel's drawing controls)
Spare-parts catalogStandalone interactive HTML page
Trial access. The 7-day browser trial (€9.99, card required) has full export access from the start — no watermark, no restrictions. See §10.

7. Embed & Share

Export → Share opens a panel with a live link, an embed code, and display options — no build step, no npm install.

Share and Embed panel with a Create Link button, direct link field, iframe embed code, and auto-rotate/explode/minimal-UI options
Share & Embed — a link and ready-made <iframe> snippet.

Live Share Link uploads the current model and returns an unguessable link anyone can open, no CAD software required — set an expiry (default 30 days) and, optionally, a password to share separately. The embed code looks like this:

<!-- Generated by the Share panel — paste as-is -->
<iframe src="https://explodeview.com/s/<your-model-id>"
        width="100%" height="600" frameborder="0"
        allow="xr-spatial-tracking" allowfullscreen></iframe>

Options: Auto-rotate on load, Start exploded, and Minimal UI (hides the toolbar for a clean product-page embed). Export → QR turns the same link into a scannable code for print materials or a shop floor. Shared models are capped at 20 MB.

8. Desktop App — Install

ExplodeView Pro runs standalone on Windows, macOS (Intel and Apple Silicon) and Linux — no browser, no trial timer, and the 40 MB import cap is gone. Download from the download page with your license key.

Windows
SmartScreen may warn the app isn't recognized — the installer isn't code-signed yet. Click More info → Run anyway.
macOS
First launch only: right-click the app in Finder and choose Open (unsigned build, so a normal double-click is blocked once).
Linux
Make the AppImage executable first: chmod +x ExplodeView-Pro-*.AppImage, then run it.

Large assemblies (100 MB+) convert locally through Docker rather than in-browser WASM — install Docker Desktop once, and ExplodeView starts the explodeview-converter container for you on import.

9. Activation

First launch of the desktop app opens the activation window.

Activate ExplodeView Pro window with a license key field, Quit and Activate buttons
Activate ExplodeView Pro — paste the key from your order confirmation email.

Paste the key from your order confirmation email (format EVP-XXXX-XXXX-XXXX-XXXX-XXXX — the field auto-formats as you type) and click Activate. One license key activates up to 3 machines — reinstalling on the same machine doesn't use up a slot. No key yet? The window links to explodeview.com to buy one. The same key also unlocks the full browser app — paste it into "Have a license key?" on the paywall, or Settings, from the browser.

10. Trial Rules

The 7-day trial runs entirely in the browser at explodeview.com — the desktop app has its own activation and never shows this gate.

Price
€9.99 charged today for 7 days of full access, then €49.99/month unless you cancel first.
Card required
A payment method is required to start the trial — Stripe charges it automatically when the 7 days end.
No watermark
Trial access is identical to a paid Pro subscription from the first minute — no watermark, no feature restrictions.
Cancel anytime
Use the "Unsubscribe / manage subscription" link (sent in your confirmation email) before day 7 to avoid the €49.99 charge.

The flow: click "Start 7-day trial" on the pricing page, pay €9.99 through Stripe Checkout, and your license key arrives by email within a minute — paste it into "Have a license key?" on the paywall screen to unlock.

(Screenshots below are from the retired free-trial flow and are pending an update to match the current paywall.)

Paywall screen with the 7-day trial and Lifetime buy buttons
The paywall — start the trial, buy Lifetime, or enter an existing license key.

Already have a license key? Click "Have a license key? Enter it →" on the email step, or paste it on the lock screen — either unlocks the full app immediately with no timer.

11. Keyboard Shortcuts

Shortcuts are ignored while typing in a text field. Press ? in the app any time for this list.

ExplodeView with a model loaded and the toolbar hidden, ready for keyboard shortcuts
Most shortcuts act on the view directly — no menu needed.
KeyAction
?Toggle the shortcuts panel
HHome view
TToggle the assembly tree
EExplode / collapse
CSection cut
MMeasure
AAnnotate
RAuto-rotate
GToggle grid
WToggle wireframe
FFullscreen
SScreenshot export
1–6Jump to sub-assembly 1–6
EscClose all open panels
⌘/Ctrl ZUndo last part move
⌘/Ctrl GSmart Search
⌘/Ctrl NPart Narrator (AI)
⇧AAR Mode
⇧IAssembly Instructions
⇧PToggle annotation mode

12. 3D Mouse (SpaceMouse)

ExplodeView supports 3Dconnexion SpaceMouse devices — including the wireless Universal Receiver — for one-handed 3D navigation: push, pull, tilt and twist the cap to pan, zoom and orbit while your other hand stays on the keyboard or mouse.

Connecting

Click 🕹️ 3D Mouse in the View tab, then Connect 3D Mouse and pick your device from the browser's picker. The connection is remembered — on your next visit the app reconnects automatically, no re-pairing needed.

EnvironmentSupport
Chrome / Edge (desktop)✓ Full support (WebHID)
ExplodeView Pro desktop app (Electron)✓ Full support
Firefox / SafariNot available — the 🕹️ 3D Mouse panel explains this and points you to Chrome/Edge or the desktop app

Default Mapping (Object Mode)

Out of the box the model behaves as if it were physically attached to the cap:

MotionEffect
Pull the cap toward youZoom in (camera moves closer)
Push the cap awayZoom out
Slide the cap left/right/up/downPan — the model follows the cap
Twist the capOrbit (spin) around the model
Tilt the capOrbit (tip) toward/away from you
Left buttonHome / Fit (same as the 🏠 Home button)
Right buttonToggle Explode (same as the Explode control)

Settings Panel

🕹️ 3D Mouse & Camera panel
Sensitivity slider, a Camera mode toggle (fly-camera semantics — the camera itself turns the way you twist/tilt, instead of the model), a Dominant axis toggle (precision mode: only the most-deflected axis of a push acts, so a slightly diagonal nudge doesn't also pan or zoom), a per-axis invert checkbox for all six axes, and a live axis monitor with bar graphs and button lights so you can see exactly what the device is reporting. The same panel also has Invert vertical/horizontal orbit toggles for the regular mouse and touch drag — vertical is inverted by default so dragging down tilts the view down.
Using the 3Dconnexion driver (3DxWare)? If it's installed, open 3Dconnexion Home → Settings, pick this browser's (or the desktop app's) profile, and set its buttons/axes to "Disabled" for that profile. Otherwise 3DxWare's own scroll/zoom emulation applies on top of ExplodeView's native WebHID handling, and the view will pan or zoom twice as fast — or the wrong way — for the same cap movement.

Every direction above is independently invertible from the panel — if a particular axis feels backwards on your hardware, flip its checkbox rather than fighting it.

13. FAQ

The pillow-block shaft assembly fully exploded with PBR materials
The sample assembly — a good place to try any of the answers below.
Do I need to install anything to try ExplodeView?

No — the 7-day browser trial (€9.99) runs at explodeview.com with nothing to install. Only the standalone Pro app (§8) requires a download, and that's optional.

My file is bigger than 40 MB — what do I do?

The browser tier can't safely convert it (§2). Use the desktop app, which converts locally via Docker with no size cap in practice.

Does the AI Render feature cost anything?

Not from ExplodeView — but the AI provider you connect (Gemini/Nano Banana by default, free at time of writing) bills your own account per their pricing once you're past any free tier. See §5.

Is my API key sent to ExplodeView's servers?

No. It's stored in your browser's localStorage and used only for direct calls from your browser to the AI provider you chose.

Can I use the trial more than once?

Once per email address per 24 hours. A different email starts a fresh trial; a license key removes the limit entirely.

How many computers can I activate with one license?

Three. Reinstalling on a machine you've already activated doesn't use another slot.

Do trial exports carry a watermark?

No. The 7-day trial (€9.99, card required) has full Pro access from the first minute, with clean exports. Cancel before the trial ends to avoid the €49.99 monthly charge.

14. Support

Lost a license key, a bug to report, or a question this manual didn't answer: support@cyclewash.com. For step-by-step walkthroughs, see the Tutorials page.