Three.js product configurator template

Add a 3D product configurator to your website using our free template, simple to configure with minimal coding required.

View Demo

Get Template

Features

JavaScript Config File

Easily define configurator options within a JavaScript config file.

3D Formats

Supports glTF/GLB 3D models.

Material Variants

Use glTF material variants to show different materials on the 3D model.

Node Visibility

Create options that show/hide parts of the 3D model.

Free License

Free usage for personal or commercial purposes. See full license details below.

Support Available

We can help with implementing or extending the configurator template.

Frequently Asked Questions

What technologies does the template use?

The product configurator template is designed to be simple to use and modify. It's built using plain HTML, CSS and JavaScript. The only dependencies are Alpine.js and model-viewer.

What are the license terms?

You are allowed to:

Use the template for personal and commercial purposes
Modify the template however you like

You are not allowed to:

Redistribute the template in a downloadable form
Sell, rent, lease or license the template