Notifications
Get web notifications about news, updates and promotions. Unsubscribe anytime.

Get emails about news, updates and promotions. Unsubscribe anytime.
Please provide a valid email address.

Web Interface

Find your way around the 3DtoMe web viewer and the embed viewer.

Overview

3DtoMe has two viewers that run in a browser:

  • The web viewer at viewer.3dto.me. Sign in to create projects, upload models, edit them and share them. Visitors with a share link can open a project without an account.
  • The embed viewer at embed.3dto.me. It shows one project inside your own website, with no panels and no editing.

Most of this page is about the web viewer. The last section covers the embed viewer.

Layout at a glance

The Product Showcase project open in the web viewer, with the Scene tab on the left, the Model tab on the right and the Assets panel at the bottom

Model: MaterialsVariantsShoe by Shopify, CC BY 4.0

When you open one of your projects, the 3D view fills the screen and the controls sit around it:

WhereWhat you find
Top leftThe 3DtoMe logo, which takes you back to your projects, and the button that opens or closes the left panel
Left panelThe Scene and Project Info tabs. See Left panel.
Top rightThe button that starts or joins a collaborative call. It turns green while you are in a call.
Share, for a link, a QR code or embed code. See Share.
The button that opens or closes the right panel.
Right panelFive tabs about the selected model. See Right panel.
Right edgeThe Transform toolbar, with Select, Position, Rotation and Scale. See Select, hide and move models.
The Reset view button, which appears once you move the camera. See Camera navigation.
Bottom leftSettings shows dimensions, plays animations and turns the selection outline on or off. See View settings.
Environment sets the 3D environment, the background color or a 360 image. See Environment and background.
Bottom centerView in AR, on projects with a single 3D model. See View in AR.
The round Model Gallery button, which opens the images, videos, PDFs and links attached to the model. See Model gallery and documents.
Bottom rightThe Project Assistant chat button, shown when the project has the AI chatbot turned on. See AI project assistant.
BottomThe Assets panel

Left panel

With no project open, the left panel switches between the three sections of the projects home: Explore, My Projects and Favorites.

With a project open, it has two tabs:

  • Scene lists the models in the project and the parts inside each model. Use it to select, hide, lock or focus on a model. See Select, hide and move models.
  • Project Info shows the project's name, number of models, size, author and dates. It also counts the vertices and triangles, or the splats in a Gaussian splat. On a project you own, it also has the thumbnail and the camera controls.

Back to Projects at the top of the panel closes the project. FAQs & Support and your profile sit at the bottom.

Right panel

The right panel shows details of the model you select, in the 3D view or in the Scene tab. Its tabs are icons:

TabWhat it holds
ModelPosition, rotation and size of the model, its AR settings, the anatomical axis, configurations and the model gallery editor. Signed-in users only.
Model InfoName, file size, vertices and triangles, or the splat count for a Gaussian splat, plus credits and description
AnnotationsPins with a label on a point of the model. See Annotations.
Spatial DrawingsDrawings made in 3D on Apple Vision Pro or iPad. See Drawings.
CommentsComment threads placed on the model. See Comments.

Assets panel

When you are signed in and open a project that is not public, the Assets panel runs along the bottom of the viewer. It has two tabs:

  • Project folder lists every file in the project. That includes your 3D files, the copies the viewer made from them, and any images, videos, audio and documents. The newest files come first.
  • Variants holds material variants. See Variants.

To add files, drop them on the panel. To turn a 3D file into a model, drag it from the Project folder tab onto the Scene tab in the left panel. See Create a project and upload models.

To work with the files:

  • Type in the Filter box to show only files whose name contains that text.
  • Right-click a file and choose Rename, Download or Delete. If a material variant uses the file as a texture, the delete dialog names those variants first.
  • Select an image, video, audio file or PDF and press Space to preview it.
  • Hover the yellow badge on a file to read its conversion warnings.
  • Drag the top edge of the panel to make it taller, or click the button on its left to collapse and expand it.
Assets panel on the Project folder tab, with WaterBottle.glb selected and its right-click menu showing Rename, Download and Delete

Files you can add

Besides 3D models and Gaussian splats, the Assets panel takes the files below. You use them in the model gallery, as backgrounds, or as textures for material variants.

TypeExtensions
Images.jpg, .jpeg, .png, .webp, .gif, .svg, .tiff, .bmp, .avif, .heic
360 background images.hdr, .exr
Video.mp4, .mov, .webm, .avi, .mkv, .m4v, .ogv, .ogg
Audio.mp3, .wav, .ogg, .flac, .m4a, .aac
Documents.pdf, .txt, .md, .doc, .docx, .ppt, .pptx, .csv, .json, .html

The viewer refuses files in any other format.

What visitors see

Some controls depend on whether you are signed in and whether the project is yours:

ControlShown to
Left panel, Model Info, Annotations, Spatial Drawings, Comments, Settings, Environment, View in AREveryone who opens the project
Model tab, Transform toolbar, Reset viewSigned-in users
Share, collaboration, Assets panelSigned-in users, on projects that are not public
Model Gallery buttonVisitors, when the selected model has documents. Owners edit the gallery from the Model tab instead.

The viewer saves changes only for the owner of a project that is not public. Annotations or comments that anyone else adds disappear when they leave.

A button for a feature your plan doesn't include shows a padlock. Click it to see which plan you need, or check Features by plan.

Small screens

On a phone held upright, the left and right panels open over the whole screen. While a panel is open, the buttons at the bottom, the Assets panel and the Transform toolbar hide. Close the panel to get back to the model.

Embed viewer

The embed viewer is what visitors see when you put a 3DtoMe project on your website or online store with the embed code. It shows only the 3D model, with three controls:

  • Orbit and zoom with the mouse or with touch gestures
  • A fullscreen button
  • A View in AR button. On a computer it shows a QR code to scan with a phone.

The options you pick in the Share window, such as showing annotations or dimensions, apply to the embed too.

3DtoMe embed viewer

Read Introduction to Embed to add a project to your site.

Next Steps

Still have questions?

If you still have questions, please reach out to our support team for assistance.

Contact Support