Vectary configurators can be enhanced with a Floating UI (FUI for short), with the ability to customize different parts displayed (text, images, links, etc)

A configurator is, at a base level, just a model that contains any number of Variants and/or Materials.

<aside> 💡 You can learn more about configurators here:

3D configurator maker

</aside>

Example

Here’s an example which loads a configurator and uses the API to:

Listen to changes in the configurator.
Load/save changes into the local storage of the user.
If a configuration has been saved, it will attempt to load it.

https://codesandbox.io/s/get-setconfigurationstate-kl0psw?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&theme=dark&codemirror=1

`getConfigurationState`

Returns an array with the current ConfigurationState of all Variants and Materials .

getConfigurationState(): Promise<ConfigurationState[]>

Usage:

await modelApi.getConfigurationState();

Return value:

[
    [
        {
            "variant": "Object Switcher",
            "active_object": "NUNO Stand"
        },
        {
            "object": "Adjustable Headband",
            "active_material": "White"
        }
    ]
]