Uploaded September 2024 | Updated September 2026, 2 weeks ago

---

Learn how to build a professional avatar builder with Three.js and React Three Fiber!

🚀 Learn React Three Fiber with the Ultimate Guide to 3D Web Development ✨
https://lessons.wawasensei.dev/courses/react-three-fiber/

Demo 🔗
https://avatar.wawasensei.dev/

First part code 🔗
github.com/wass08/r3f-ultimate-character-configurator-setup

Final code 🔗
github.com/wass08/r3f-ultimate-character-configurator


#threejs #webdevelopment #reactthreefiber

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

Enable CICD and deploy your project with Elestio
elest.io

Kirzozz
instagram.com/kirzozz

Create a React App with Vite
https://vitejs.dev/guide/

React Three Fiber
https://r3f.docs.pmnd.rs/getting-started/introduction

TailwindCSS install
tailwindcss.com/docs/guides/vite

Threejs
threejs.org

▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬

Become a member to get access to awesome perks:
youtube.com/channel/UCBH-5ctALmmOrm4kczL3urQ/join

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

💻 The Discord Community
discord.gg/2wBhwchcWu

📸 Instagram :
instagram.com/wawa.sensei

🎎 Facebook :
facebook.com/wawasenseiyt

🐦Twitter :
twitter.com/wawasensei

🐦TikTok :
tiktok.com/@wawasensei08


▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 Introduction
01:40 Project presentation
06:32 Build and Deploy
09:08 Next part preview