React Three Fiber Configurator Course

React Three Fiber Configurator Course

Learn to create a 3D configurator using Three.js, React Three Fiber, Valtio and Framer Motion.

Author:

Anderson Mancini

Do you know a Resource we should add?Submit a new Resource!

Three.js Marketplace

Three.js Marketplace

Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.

Sponsors

Links

Newsletter

Stay Updated with Three.js Resources!

  • Weekly curated Three.js resources and tools.

No spam, unsubscribe at any time.

Description

This course will explore creating a beautiful configurator using Three.js and React Three Fiber. We will see how I make my designs for applications, I will understand how to optimize the model in Blender and export it to use in the experiment. Next, let's dive into react three fiber and implement the entire project, from a simple scene to load the model, creating the color variations, covering state management concepts, and using Framer Motion to animate the interface.

This is a dynamic course and very focused on the final product. You can find the link to the final project in the introductory class or on my Twitter profile.

Each class has a link to resources that contain the source code for the specific lesson. That way, you can use the video as a guide through each lesson and see the codes provided to build your project. Or you can follow the instructions in the video and code along with me as you go. You choose the best way and format that you like to learn the most.

This course is suitable for people familiar with the React Environment, who already know a bit about React Three Fiber, and who have prior knowledge of using online code tools like CodeSandBox.