# Introduction

{% hint style="warning" %}
This tutorial builds on the [3d-content-management](https://docs.colormass.com/~/revisions/RxXZ6KbLyvGFaUFOPSSo/3d-content-management "mention") tutorials. It assumes you already have some **products prepared** (either by colormass staff or by yourself), as they are required to create configurators.
{% endhint %}

In this chapter, we'll start using the 3D assets we created previously in the [3d-content-management](https://docs.colormass.com/~/revisions/RxXZ6KbLyvGFaUFOPSSo/3d-content-management "mention") chapter, focusing on **generating configurators** of an existing product.

{% embed url="<https://vimeo.com/1017459605>" %}
Introduction
{% endembed %}

In this section, we'll show you how to create new configurators that you can publish on your website. With the colormass Single Asset System, you can use the same assets for rendering images as you do for creating configurators or AR, eliminating the need to create different assets for each use case. In this chapter, we will use a simple product to create a configurator, adjust its lighting settings, and upload icons to be used in the UI of the configurator.

It's important to note that the tutorial will demonstrate the default UI of the configurator, which you can use to get started quickly. However, the colormass Configurator also offers an API that allows you to connect configurator functions to your own custom UI.

I hope you find these upcoming tutorials exciting as we begin to use the products created in the first chapter.

{% hint style="info" %}
It is possible to seamlessly integrate the configurators into your website. For more information check out the [Configurator](https://app.gitbook.com/s/upRNMrLmfdavpTEehRQn/configurator "mention") developer documentation.
{% endhint %}
