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.

For these WebGPU demos to work on React Native, we had to apply two tiny patches to Three.js. Thanks to the great support from the Three.js WebGPU community, both changes have landed, which means that we'll be able to use a regular build from there. ❤️ open-source.

William Candillon

31,462 subscribers

37,772 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

4 Comments

Levan2 years ago

@threejs This is absolutely 1. Crazy 2. Amazing 3. Unbelievable

Meedah2 years ago

@threejs Wow thats awesome

Kim Chouard / KIMIK2 years ago

@threejs Damn, it's getting real 🥹

SumitM2 years ago

@threejs Some strange reason Canvas doesn't display after screen navigation in RN 0.74 once the new arch is enabled in IOs . Works fine with old architecture. This is driving me crazy . Not sure is it RN navigation or screens or Skia what is cusing this issue

Related Videos

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders

Excited to announce that Three.js Water Pro 🌊 is now available for purchase! Can't wait to see what people build with this. Welcome to the era of WebGPU! 🚀 #threejs #webgpu #webgl #shaders

Dan Greenheck

37,142 views • 7 months ago

🚀 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,267 views • 2 months 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 • 1 year ago

Gemma 🤝 React Native📱 Exciting news for mobile developers! We love seeing the community unlock new ways to build. You'll soon be able to run Gemma 4 completely on-device in React Native.

Gemma 🤝 React Native📱 Exciting news for mobile developers! We love seeing the community unlock new ways to build. You'll soon be able to run Gemma 4 completely on-device in React Native.

Google Gemma

128,025 views • 4 months ago

We always draw with ❤️: last week at App.js Conf 🗓️ 27-29 May 2026 , I had the opportunity to give an update on React Native WebGPU, Skia, and Redraw.

We always draw with ❤️: last week at App.js Conf 🗓️ 27-29 May 2026 , I had the opportunity to give an update on React Native WebGPU, Skia, and Redraw.

William Candillon

12,305 views • 3 months ago

Using Fable 5 to add fur and a new voice to my RL creature. The voice is based on the neural network activation (pictured top left). Made with Three.js WebGL / WebGPU Runpod trained with JAX and MuJoCo from Google DeepMind

Using Fable 5 to add fur and a new voice to my RL creature. The voice is based on the neural network activation (pictured top left). Made with Three.js WebGL / WebGPU Runpod trained with JAX and MuJoCo from Google DeepMind

Aaron Lemke

187,393 views • 2 months ago

Announcing TresJS v5.0 🎉 Our proudest release so far. Declarative Three.js for Vue gets a major upgrade: ✨ WebGPU experimental support 🛠️ New create-tres CLI tool ⚡ Re-imagined context 🔧 Refactored composables Ready to build the future of 3D on the web?

Announcing TresJS v5.0 🎉 Our proudest release so far. Declarative Three.js for Vue gets a major upgrade: ✨ WebGPU experimental support 🛠️ New create-tres CLI tool ⚡ Re-imagined context 🔧 Refactored composables Ready to build the future of 3D on the web?

TresJS

50,940 views • 11 months ago

Alex Eala got emotional in press when asked about what it means to her to have the support of the Filipino community after her loss to Jovic at the U.S. Open “There were flags in Arthur Ashe from fans of the Philippines. We saw it throughout the tournament as well. What has that support meant to you, not only throughout this tournament, but this year as your star has grown, just from that community? Alex: “It’s indescribable to sum up the support and how it makes me feel in just a few words. It’s a real privilege to experience this in a lifetime. You know, like… Oh God, sorry. 🥹 Playing on Arthur Ashe, and feeling the support, being in those environments, learning these lessons, and fighting and doing what I love. I’m really happy. I’m really lucky to have these opportunities, to have these people support me, and to be working hard, to be able to work hard… to be able to live this life how I’m living it.” ❤️ (via US Open Press)

Alex Eala got emotional in press when asked about what it means to her to have the support of the Filipino community after her loss to Jovic at the U.S. Open “There were flags in Arthur Ashe from fans of the Philippines. We saw it throughout the tournament as well. What has that support meant to you, not only throughout this tournament, but this year as your star has grown, just from that community? Alex: “It’s indescribable to sum up the support and how it makes me feel in just a few words. It’s a real privilege to experience this in a lifetime. You know, like… Oh God, sorry. 🥹 Playing on Arthur Ashe, and feeling the support, being in those environments, learning these lessons, and fighting and doing what I love. I’m really happy. I’m really lucky to have these opportunities, to have these people support me, and to be working hard, to be able to work hard… to be able to live this life how I’m living it.” ❤️ (via US Open Press)

The Tennis Letter

141,587 views • 9 hours ago

I put all my RL creatures into the same scene. Feels like there is some kind of interesting game design here. Tending to / training your RL menagerie. Made with Three.js WebGL / WebGPU MuJoCo from Google DeepMind trained on Runpod

I put all my RL creatures into the same scene. Feels like there is some kind of interesting game design here. Tending to / training your RL menagerie. Made with Three.js WebGL / WebGPU MuJoCo from Google DeepMind trained on Runpod

Aaron Lemke

11,090 views • 2 months ago

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.

Renaud

23,815 views • 1 year ago

I ran Opus 5 for two hours to recreate Sakura Crossing as an explorable Three.js version of San Francisco. I had Codex use the Claude Code CLI, so the two agents worked on the same build. The whole site is packaged as a single HTML file. Three.js site: Original repo:

I ran Opus 5 for two hours to recreate Sakura Crossing as an explorable Three.js version of San Francisco. I had Codex use the Claude Code CLI, so the two agents worked on the same build. The whole site is packaged as a single HTML file. Three.js site: Original repo:

Meng To

25,186 views • 1 month ago

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

WebGL / WebGPU

10,598 views • 5 months ago

UCLA HC Bob Chesney - ROV & Creating Validation - ROV = Real/Open/Vulnerable. "You should not look for validation from anyone on the internet that you don't know" - "These parents and this generation live on the phone. I think it's really important for them to not seek validation from that. Which means you have to provide validation. Which means for us we have to be able to quantify/celebrate things." - "The starters will get theirs, it's the guys that are doing everything right below them... Are we appreciating/celebrating them enough."

UCLA HC Bob Chesney - ROV & Creating Validation - ROV = Real/Open/Vulnerable. "You should not look for validation from anyone on the internet that you don't know" - "These parents and this generation live on the phone. I think it's really important for them to not seek validation from that. Which means you have to provide validation. Which means for us we have to be able to quantify/celebrate things." - "The starters will get theirs, it's the guys that are doing everything right below them... Are we appreciating/celebrating them enough."

James Light

30,303 views • 4 months ago

Three.js Water Pro v2.1 is now live! 🌊 Some exciting updates in this version - Improved FPS by ~30% across all quality levels - Support for transparent objects - Tunable standing vs. traveling waves Going to take a bit of a break from this project now to focus on my WebGPU course and sky shader!

Three.js Water Pro v2.1 is now live! 🌊 Some exciting updates in this version - Improved FPS by ~30% across all quality levels - Support for transparent objects - Tunable standing vs. traveling waves Going to take a bit of a break from this project now to focus on my WebGPU course and sky shader!

Dan Greenheck

63,070 views • 5 months ago

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,503 views • 2 years ago

Scottie Scheffler says he will be using the money paid to him by the Ryder Cup to put towards community work in his local area: “We have something planned for the money that we'll be receiving. I think it's a really cool thing that the PGA of America has empowered us to do. I have a deep passion for the city of Dallas, I have a deep passion for the organizations that we support at home, and I'm excited to be able to take this money and be able to do some good in our local community.” 👏 🇺🇸

Scottie Scheffler says he will be using the money paid to him by the Ryder Cup to put towards community work in his local area: “We have something planned for the money that we'll be receiving. I think it's a really cool thing that the PGA of America has empowered us to do. I have a deep passion for the city of Dallas, I have a deep passion for the organizations that we support at home, and I'm excited to be able to take this money and be able to do some good in our local community.” 👏 🇺🇸

Flushing It

699,907 views • 11 months ago

Over the past months, we’ve had the pleasure of meeting many amazing people and communities. Thanks to your support we've been able to build a great community in ElseVerse✨ Now get ready for the Founder Pass mint. We can't wait to take you on this journey with us!

Over the past months, we’ve had the pleasure of meeting many amazing people and communities. Thanks to your support we've been able to build a great community in ElseVerse✨ Now get ready for the Founder Pass mint. We can't wait to take you on this journey with us!

ElseVerse

10,938 views • 3 years 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