twi5ted.js 3D / AR Viewer Designer

Design once. Deploy everywhere.
Interactive 3D & AR scenes without the headache.

A visual editor and export pipeline for Google Model Viewer.
Build interactive 3D and AR experiences without writing boilerplate code.

Launch ViewerView Documentation

What is twi5ted.js?

twi5ted.js is a browser-based 3D scene editor that exports clean, portable Google Model Viewer snippets. Instead of hand-writing <model-viewer> configs or juggling multiple tools, twi5ted.js lets you design visually, preview instantly,
and export production-ready snippets you can drop into any website, CMS (WordPress + Divi), or app.

Visual Scene Editor

Adjust camera framing, lighting, environments, and hotspots visually. No guessing. No reloading.

Hotspots with Actions

Add interactive hotspots that open links or scroll to page sections. Connect 3D directly to your content.

AR Ready

Export scenes compatible with WebXR, Scene Viewer, and Quick Look. Test instantly on mobile with QR preview.

You Own the Output

twi5ted.js doesn’t replace Google Model Viewer. It amplifies it. You export clean, readable HTML that works anywhere — no proprietary runtime, no platform lock-in.

Export Snippet

Portable <model-viewer> markup for any website or CMS.

Standalone HTML

Share demos fast with a single self-contained page export.

.tws Scene Files

Save, load, and version your scene settings for future edits.

Who It’s For

Agencies

Build immersive product pages and campaigns faster.

Developers

Clean exports. Predictable behavior. No black boxes.

Marketers

Add 3D and AR without learning WebGL.

Brands

Showcase products interactively across devices.

How It Works

  1. Load your 3D model
  2. Design the scene visually
  3. Add hotspots & interactions
  4. Preview on desktop and mobile
  5. Export and deploy anywhere

Built for Control, Not Lock‑In

If you know what <model-viewer> is, you’ll feel right at home.
If you don’t — that’s okay too.

[et_pb_call_to_action title=”Start Building Interactive 3D Today” button_text=”Launch the Viewer” button_url=”/viewer/” background_layout=”light” text_orientation=”center” use_background_color=”on” background_color=”#ffffff” _i=”0″ _address=”7.0.0.0″ theme_builder_area=”post_content” /]