Features

Everything you need to ship interactive 3D + AR.

twi5ted.js is built around a simple promise: design visually, export clean code, and deploy anywhere.

Launch ViewerView Documentation

Core Capabilities

A streamlined toolchain for building Google Model Viewer scenes with confidence — from camera and lighting to hotspots and export.

Visual Scene Editing

Stage grid, camera framing, and quick iteration without hand-editing markup.

Camera & Framing

Save current as initial, reset framing, and set target point controls for consistent presentation.

Lighting Presets

Environment presets, exposure control, tone mapping options, and optional skybox behavior.

Hotspots

Add multiple hotspots with labels and optional on-click behaviors.

Interaction Actions

Open links (new tab optional) or scroll to anchors to connect 3D to page content.

Limits & Controls

Apply yaw/pitch limits and minimum zoom for guided user experiences.

Hotspots That Do More

Use hotspots to guide users through product details, feature callouts, or navigation — without cluttering the scene.

Supported actions

  • Open link — external or internal URLs, with a “new tab” toggle.
  • Scroll to anchor — target any element on the page using a selector (example: #pricing).

Note: Interactivity is most consistent in the standard web viewer. Native AR viewers may vary by platform.

Best practices

  • Keep hotspot labels short and scannable.
  • Use anchors to jump to longer content sections.
  • Test on mobile early using QR preview.
  • Use camera limits for guided tours or product storytelling.

Export Options

Choose the output that fits your workflow — portable snippets, shareable HTML, and editable scene files.

Snippet Export

Clean <model-viewer> markup that’s easy to paste into WordPress, Divi, or any CMS.

Standalone HTML

A single-file page export for quick demos, QA, and client approvals.

.tws Scene Files

Save and reload scene settings to keep iterations organized and versionable.

Mobile & AR Preview

Test scenes on devices quickly using a dedicated preview flow and QR code sharing.

QR Testing

Generate a QR code for instant device testing while you tweak settings.

AR Modes

Support for WebXR, Scene Viewer, and Quick Look via Google Model Viewer.

Best Practices Toggles

Enable or disable progress bar, AR button, and AR prompt for your exported snippet.

Built for the Real Web

Works great with WordPress, Divi, landing pages, and product detail pages. Embed your exports anywhere HTML is allowed.

WordPress & Divi

Paste exported snippets into a Divi Code Module or your theme templates. Use hotspot anchors to connect 3D to sections on the same page.

Custom Sites

Drop the snippet into any HTML page. Use the standalone HTML export to share interactive demos instantly.

[et_pb_call_to_action title=”Ready to build your first scene?” button_text=”Launch the Viewer” button_url=”/viewer/” background_layout=”light” text_orientation=”center” use_background_color=”on” background_color=”#ffffff” _i=”0″ _address=”6.0.0.0″ theme_builder_area=”post_content” /]