Uploaded December 2023 | Updated September 2026, 1 week ago

---

Let's learn how to make a shopping landing page with an amazing 3D Text effect with React Three Fiber

✨ Get started for free with Visme Forms 👉 visme.co/form-builder/?ref=wawasensei

In this project-based tutorial, we will cover the following:
- RenderTexture
- ReflectorMaterial
- Postprocessing
- CameraControls
- Responsive

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

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

Final code 🔗
github.com/wass08/r3f-3d-text-effect

Demo 🔗
https://r3f-3d-text-effect.vercel.app/

#threejs #developer #3Dtext

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

Camping Asset Collection by Alex Safayan
https://poly.pizza/m/3nj59_uuCbM

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

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

00:00 - Intro
00:31 - Visme Forms
01:50 - Starter Pack
02:31 - Custom font text
04:47 - 3D Assets
07:29 - Camera Animations
09:38 - Reflecting floor
10:38 - Render content in text
12:20 - Bloom effect
14:12 - Responsive camera
17:20 - Preload
18:25 - Tailwind UI
21:19 - Camera Transition
23:58 - 3D Html elements
26:55 - Conclusion

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