Uploaded November 2023 | Updated September 2026, 1 week ago

---

Let's learn how to make any 3D website responsive with 6 ready to use techniques.

In this project-based tutorial, we work on a good looking desktop website, to make it looks good on mobile & tablet too.

🚀 Learn React Three Fiber with my complete course ✨
https://lessons.wawasensei.dev/courses/react-three-fiber/

Starter pack 🔗
github.com/wass08/r3f-responsive-starter

Final code 🔗
github.com/wass08/r3f-responsive-final

Demo 🔗
https://r3f-responsive-final.vercel.app/

#threejs #developer #responsive

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

Quaternius Royalty Free 3D Assets
quaternius.com

Camera Controls Documentation
github.com/yomotsu/camera-controls

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

00:00 - Intro
00:18 - Starter project
02:04 - Technique #1
07:12 - Technique #2
10:11 - Technique #3
13:45 - Technique #4
16:11 - Adjustment
16:59 - Technique #5
17:24 - Technique #6
18:10 - Final result

▬▬▬▬▬▬ 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

💻 My website :
https://www.wawasensei.dev