Become a
3D Web Developer

In-Depth Threejs & React Three Fiber courses & video tutorials to develop your 3D web development skills.

Why learn 3D Web Development?

Here are the top reasons why you should learn 3D web development.

Stand Out in a Competitive Market

Differentiate yourself by offering unique, interactive experiences to attract more clients, higher-paying projects, and recognition as an innovative developer.

Future-Proof Your Career

3D web development is rapidly becoming a must-have skill as the web evolves towards more interactive and immersive experiences.

Combine Creativity with Advanced Programming

Create AI avatars, immersive websites, multiplayer games & metaverses. You’ll have the tools to push the boundaries of what’s possible on the web.

Build a Strong Foundation in Three.js and React Three Fiber

React Three Fiber: The Ultimate Guide to 3D Web Development

Ready to dive into 3D web development or strengthen your foundation? This course is the perfect starting point. You'll master the essentials-creating scenes, adding lights, controlling cameras, and building animations-through practical, hands-on projects. As you progress, we'll dive into advanced topics like physics, shaders, and advanced lighting techniques, culminating in a professional portfolio project that showcases your 3D web development skills. This step-by-step course will equip you to confidently handle more advanced 3D projects. Join now and Embark on your journey to master 3D web development.

Buy Now More info

$85

Go Further with my Free YouTube Tutorials

Once you’ve completed the paid course, take your skills to the next level.

View all

Build a 3D Avatar Builder with Threejs and React - Full Course

Learn how to build a 3D Avatar Creator with Three.js and React Three Fiber from scratch!

Make a 3D Avatar Builder w/ Threejs and React - Part 7: Post Processing

Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this seventh and final part, we will add a bloom post-processing effect, a loading screen, animated model transitions, and a process to optimize the final GLB file

Make a 3D Avatar Builder w/ Threejs and React - Part 6: Camera Controls

Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this sixth part, we will add camera controls to always look at the part we're adjusting and a photo booth mode to change our character poses and take screenshots 📸

Make a 3D Avatar Builder w/ Threejs and React - Part 5: Asset Creation

Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this fifth part, we will prepare a custom asset from scratch, compatible with our builder, generate high-quality thumbnails, and add a lock mechanism 👘

Make a 3D Avatar Builder w/ Threejs and React - Part 4: Color Picker

Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this fourth part, we will add a custom color picker, enhance the UI, and add a randomize button 🎨

Make a 3D Avatar Builder w/ Threejs and React - Part 3: Composition

Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this third part, we will assemble 3D assets to generate and download our animated 3D model.

Make a 3D Avatar Builder w/ Threejs and React - Part 2: PocketBase

Learn how to build a professional avatar builder with Three.js and React Three Fiber! In this second part, we will use PocketBase as our Backend as a Service solution and Zustand for our global store.

Make a 3D Avatar Builder w/ Threejs and React - Part 1: Project Setup

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

Fix Loading Model Freezes with Three.js & React

Learn how to optimize your gltf models and textures to get rid of the loading freezes when loading Three.js / React Three Fiber scenes!

Boids Flocking Simulation with Three.js & React

Learn how to build an amazing Boids Flocking Simulation landing page with Three.js and React Three Fiber

Build a 3D Book Slider Landing Page with Three.js & React

Learn how to build an amazing 3D Book Slider landing page with Three.js and React Three Fiber

Wiggle Bones Threejs Library w/ React Three Fiber

In this 3D Snippet, learn how to use the amazing Wiggle Bones Threejs Library with React Three Fiber

Your instructor

Wawa Sensei

Hi, I'm Wawa, a French Developer based in Tokyo! 🗼

I've been building web, mobile and VR applications for the last 10 years. The 3D projects I've worked on have led me to discover Three.js and React Three Fiber. It was love at first sight!

I teach 3D web development and creative coding on my YouTube channel Wawa Sensei through video tutorials. My goal is to make 3D web development accessible to everyone by simplifying complex concepts and providing step-by-step guides.

My journey has been incredibly rewarding, and I'm excited to share my knowledge with you.

25k

4.5k

What Our Students Are Saying

Discover feedback from developers around the world who’ve transformed their 3D web skills with our course and free resources. These testimonials highlight the value and effectiveness of learning React Three Fiber together.

@nicolettifps

I'm a beginner in programming and passionate about webgl, I looked for months for a course or something that would teach me how to do the basics and this was the only one I got. It was direct, from beginning to end, without skipping parts, complete, simple, fast, without too much frills. Do more, with the same affection as this one, thank you

@boshen3953

I just wanted to say how much I appreciate your content! Your tutorials on r3f are incredibly clear and helpful. They’ve really improved my understanding of the framework. Keep up the fantastic work!❤

@Alex-oh5rt

I love that the course is more targeted towards React Three Fiber! Gives a nice way to make your course unique compared to the ever so popular Three JS Journey.

stone

I would like to express my gratitude to Wawa Sensei for the R3F basic course, where I learned a lot. The example projects provided by the teacher have also given me valuable knowledge about Three.js. I’m excited to share this with everyone, and I’m truly grateful!

@カツカレー-w1d

I've been very impressed with many of the tutorials you've shared so far. And this time too, it's cool and awesome. Thank you Wawa Sensei.

@SpaqooOfficial

Your paid courses are so valuable

Marcel Cedric Ebelle

Awesome Training

I found the course so fantastic... Really from 0 to Hero

Fechuli

Thank you very much Wawa, a lot of the stuff you have seen has come about because of your online insights. So I thank you from the bottom of my heart.

@alimammadli6915

Thanks for all this high quality, most demanded and advanced content. Awesome 🤩!

@julianvelez6563

Awesome work bro ❤❤❤

hai07253

Thank you so much Sensei. You are really really doing great. I will buy every single course from you.

@ebodshojaei4967

One of the best web tutors. Kudos!

Student Project Wall

Discover incredible 3D projects built by our students! Check out their amazing projects, shared straight from X, and get inspired by what you can achieve.