Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

R3F v10 has a fresh release in preview! ✧ First-class WebGPU and TSL support ✧ useFrame revamped with a new scheduler ✧ Multi-canvas out of the box ✧ Three essentials moved out of Drei directly into core ▶️ npm install @'react-three/fiber@alpha' We are eagerly deving what the next generation... show more

Poimandres

17,801 subscribers

11,009 views • 2 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

6 Comments

phobon2 months ago

@makio64 Going to do a spike off my creative coding tool on this 🫡 see how we go 😊

Poimandres2 months ago

@makio64 We’ll be sharing out materials afterwards. Be sure to share your work and jump in the Discord if you have any feedback. Cheers!

Anderson Mancini2 months ago

Can't wait 😍

Joao Melo Rodrigues2 months ago

You guys are rocking!

《 ᴘʀɴᴛʜ 》2 months ago

mainline it already!!!

Poimandres2 months ago

The video is a collage of the examples we use internally to demo new features. Check it out:

Related Videos

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

24,523 views • 5 months ago

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

mike douges

56,802 views • 3 years ago

I’ve opened up many of the TSL exercises to everyone! Try out some WebGPU shaders and fiddle with them, all in the browser. Pick an exercise and see if you can match the output. Link: #threejs #webgpu

I’ve opened up many of the TSL exercises to everyone! Try out some WebGPU shaders and fiddle with them, all in the browser. Pick an exercise and see if you can match the output. Link: #threejs #webgpu

Simon

11,095 views • 1 year ago

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork

mike douges

219,892 views • 3 years ago

There are a couple of things that need to be untangled for the three-fiber ecosystem to support WebGPU, but we are seeing some positive signals.

There are a couple of things that need to be untangled for the three-fiber ecosystem to support WebGPU, but we are seeing some positive signals.

William Candillon

24,164 views • 2 years ago

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

Faraz

46,703 views • 4 months ago

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Verekia | ManaBlade.com

14,932 views • 9 months ago

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

Anderson Mancini

26,829 views • 1 year ago

💬 “Shout out Bukayo Saka if you want a good cross!” Three of our young Gunners visited the @0207defjam offices to learn about life at a record label – and even tried their hand in the studio 🎤

💬 “Shout out Bukayo Saka if you want a good cross!” Three of our young Gunners visited the @0207defjam offices to learn about life at a record label – and even tried their hand in the studio 🎤

Arsenal

139,761 views • 1 year ago

Good morning you lovely people! Another fantastic turn out for our walk in Brentwood! Great to see blokes from all walks of life coming out to support one another. Also a massive thank you to our friends at Terrace Cult clothing who love what we are doing with the walks and have sent out a big care package of clothing for us! If you want to join us we do this every Sunday at 8am starting and finishing at The Thatchers Arms. Bosh❤️

Good morning you lovely people! Another fantastic turn out for our walk in Brentwood! Great to see blokes from all walks of life coming out to support one another. Also a massive thank you to our friends at Terrace Cult clothing who love what we are doing with the walks and have sent out a big care package of clothing for us! If you want to join us we do this every Sunday at 8am starting and finishing at The Thatchers Arms. Bosh❤️

Thomas Skinner ⚒

163,983 views • 9 months ago

NEW FILM TEASER Citadel Scouts - Argentina A journey to find freedom Three friends embark on the adventure of a lifetime to seek out how to best live a free life in this crazy world of ours. Please like, share, and offer feedback! to join our community, support the film, and learn more. Film project is in partnership with ~Enerug~, Paul Keating, and Micael Margiotta. If you have a brand that you think is aligned with the message we are happy to talk about collaborations. Thank you and can't wait to share more!

Jon

25,857 views • 1 year ago

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.

Check out our latest work. An immersive digital story for IVRESS (Japan). Built with #threejs and #webgpu.

Utsubo

15,589 views • 7 months ago

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,581 views • 1 year ago

Today marks the start of a new chapter at Footprint, and we've built a new brand and website to prove it (with so much more to come). From Bonnie and Clyde to the Sony Hack, bad actors have continued to innovate. We're building the first-of-its-kind agentic system to outpace them. We know what's at stake for risk and compliance leaders, and we believe they should be armed with the most sophisticated tools possible to make the world's toughest decisions. Visit to check out our new look and feel, but more importantly, to learn more about what we're setting out to do and why.

Eli Wachs 👣

15,646 views • 2 months ago

Level up your VFX skills! We published a breakdown of this React Three Fiber sci-fi shield by Cortiz. Combine shader layers, procedural patterns, and hit detection to create your own! Link below ⬇️ Who do you think should be our next community highlight? #threejs #r3f

Level up your VFX skills! We published a breakdown of this React Three Fiber sci-fi shield by Cortiz. Combine shader layers, procedural patterns, and hit detection to create your own! Link below ⬇️ Who do you think should be our next community highlight? #threejs #r3f

Poimandres

21,258 views • 7 months ago

We are gearing up for war! ⚔️ Check out our brand-new gameplay trailer for a fresh look at March of Giants. 📅 Join us on October 7 for an exclusive look at the game and what's coming next.

March of Giants

95,640 views • 1 month ago

The Project Kyzen Game is entering a new phase of development, and we want YOU to be one of the first to experience this Exclusive Development Preview WAY before we enter our Alpha Release Phase. This game is NOT EVEN CLOSE to finished, but we want your feedback on the mechanics and ideas we’re considering before it’s ready for the Alpha Release Phase. Here’s the link, check the Announcements Channel: Here's a sneak peak, extra details & what you'll get in thread 👇

The Project Kyzen Game is entering a new phase of development, and we want YOU to be one of the first to experience this Exclusive Development Preview WAY before we enter our Alpha Release Phase. This game is NOT EVEN CLOSE to finished, but we want your feedback on the mechanics and ideas we’re considering before it’s ready for the Alpha Release Phase. Here’s the link, check the Announcements Channel: Here's a sneak peak, extra details & what you'll get in thread 👇

Project Kyzen

18,630 views • 1 year ago

Here is a look at the new curtain bangs for our customizable 3D vtuber model! Being the first of it's kind, we want to go all out with the quality and details! 💜✨

Here is a look at the new curtain bangs for our customizable 3D vtuber model! Being the first of it's kind, we want to go all out with the quality and details! 💜✨

Pastell & Palette🤍 3D Customizable Model!

15,718 views • 5 months ago