# The T-shirt configurator behind my React Three Fiber course

> The promo experience for my Udemy course: a T-shirt configurator with colors, designs and fabric response, built the way the course teaches it.

Canonical page: https://andersonmancini.dev/blog/tshirt-configurator-course

Published: 2026-08-30 · 1 min read · Tags: react-three-fiber, course, configurator, launch

When I made my Udemy course on React Three Fiber, I wanted the promo page to be the finished product, and not a slide. This is the **T-shirt configurator** that students learn to build from scratch, running as a live demo.

![The T-shirt configurator](https://andersonmancini.dev/images/udemy_course.webp)

## What you can do in it

- customize **colors**,
- **apply designs** to the shirt,
- see the **fabric response** in real time inside the browser.

## Why a configurator

A configurator is a small product with a lot of the problems of real 3D work: materials, interaction, state and a UI. It is built for developers who want to ship interactive 3D configurators **without leaving the React ecosystem**, and it works as portfolio proof and as a course preview at once.

## The course

The course is on [Udemy](https://www.udemy.com/course/react-three-fiber-configurator/). I also published a [trailer](https://andersonmancini.dev/videos/threejs-configurator-free-course-trailer) and a [first announcement](https://andersonmancini.dev/videos/my-first-react-three-fiber-configurator-course-on-udemy.md).

The details of the project are on the [project page](https://andersonmancini.dev/projects/r3f-tshirt-configurator-course.md).

## Related projects

- [T-Shirt Configurator (Udemy course)](https://andersonmancini.dev/projects/r3f-tshirt-configurator-course.md) — T-Shirt configurator using R3F