Uploaded March 2023 | Updated September 2026, 1 week ago

---

Discover how to use React Spring with threejs / react three fiber to create animated 3D experiences.

In this tutorial, we will discover how to give life to a 3D scene with React Spring. We'll also cover Lamina library to create an animated background effect without using custom shaders.

All the included models are from PMNDRS Market.

Get the starter pack here 🔗
github.com/wass08/r3f-react-spring-starter

#threejs #r3f #react

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

My complete course to learn React Three Fiber
https://lessons.wawasensei.dev/

Link to the final result
codesandbox.io/p/github/wass08/r3f-react-spring-final

Link to the source code
github.com/wass08/r3f-react-spring-final

PMNDRS Marketplace
https://market.pmnd.rs/

React Spring Documentation
https://www.react-spring.dev/docs/getting-started

Lamina library documentation
github.com/pmndrs/lamina

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

R3F Drei
github.com/pmndrs/drei

Three.js Journey.
threejs-journey.com
I also have a discount code just for you to get -20%
https://threejs-journey.xyz/join/wawasensei1

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

00:00 - Intro
01:15 - Lamina (mina, eh eh)
02:28 - React Spring
03:32 - Theme Park
04:12 - Food Court
04:58 - Witch...
05:36 - Beach Party
07:08 - Final result
07:28 - Don't stop learning

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