Getting started

System Requirements

Rendering

Vectary Dashboard

Account Settings

Roles

User Interface

Scene Orientation

Units

How To Get Help

Importing

Import formats

Figma frames import

CAD files

Processor

Design process

Design mode

Materials and Textures

Animated Materials

Decals

UV mapping

Camera

Lighting and Environment

Effects

Background

Ground plane

Control Bar

Libraries

Edit mode

3D Configurator

Variants

Interactions

Animations

Floating UI

Hotspots

Variables & Expressions (Beta)

Scene and project settings

Version History

Augmented Reality (WebAR)

WebXR (beta)

Loading screen

Mouse controls

Interaction prompt

Menu - Settings

Sharing, exporting, embedding

Sharing

Performance analyzer

Optimizing a shared project

Project cloning

Embedding to other software

Export options

Other

Figma Plugin - Vectary 3D Studio Lite

2D to 3D

Adding comments

Object Editing

Left bar

Shortcuts

Model API

Introduction

Quick Start

Events & Listeners

Floating UI Configurators

Ecommerce

API - Introduction

Documentation for the Shared Models’ API

Model API Docs

Welcome developers!

Although we always try to keep our platform #no-code, sometimes you just can’t avoid it if you want to provide certain custom features, specially if you need to connect those features to an external site.

This documentation will allow you to crank up the dial of what is possible to achieve with your embedded models!

https://youtu.be/97w_JDQYOh0?si=WANy28ebpB90feiE

How does it work?

Vectary embeds are iframes which means they are isolated, and your website needs a messaging layer to communicate with them.

If your workspace is supplied with a Business plan, we provide a script that you can add to your site with all the messaging layer already implemented, so you don’t need to worry about it.

You will then be able to create instances of the Vectary API for the models you want to interact with on the site. From those instances you can gain access to the methods available to the models.

Take a look at the Quick Start section to get going!

What can I do with the Model API?

The Model API allows you to directly connect to Vectary embeds on your site using any of the methods in the table below. If you are familiar with other 3D model manipulation APIs like Three.js or Babylon.js, you will notice that there aren’t that many methods, and that’s because you can do most of things directly through Vectary’s Studio, without the need for coding.

API Reference

<aside> 📢 This is a work-in-progress API that will be updated and expanded with new features on a regular basis. If you have any specific questions or requests, please contact the Vectary customer success manager directly.

</aside>

Methods

Type Definitions

Here’s a collection of the different type definitions we use through the API.

Other sections

Quick Start

How to start using our API on one of the embedded models on your site.

Events & Listeners

Send data to the model, and listen to events sent from the model.

Floating UI Configurators

How to create Configurators with Floating UI.

Ecommerce

Webflow, Shopify, Custom code.