> For the complete documentation index, see [llms.txt](https://docs.colormass.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.colormass.com/configurator/introduction.md).

# Introduction

{% hint style="warning" %}
This tutorial builds on the [Building Blocks](/building-blocks/products.md) 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 [Building Blocks](/building-blocks/products.md) chapter, focusing on **generating configurators** of an existing product.

{% embed url="<https://vimeo.com/1161482433/45c2e9447d?byline=0&portrait=0&title=0>" %}

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](/dev/configurator/introduction.md) developer documentation.
{% endhint %}