🕹️ 3D on the web is leveling up! @belabohlender.bsky.social, maintainer of react-three/uikit & react-three/xr, shows how to build production-ready 3D apps with React in 2025.
He also explores how AI is shaping the next wave of immersive web.
Join React Advanced next to Big Ben this Nov!
He also explores how AI is shaping the next wave of immersive web.
Join React Advanced next to Big Ben this Nov!
Join React Advanced!
reactadvanced.com
reactadvanced.com
October 23, 2025 at 2:01 PM
🕹️ 3D on the web is leveling up! @belabohlender.bsky.social, maintainer of react-three/uikit & react-three/xr, shows how to build production-ready 3D apps with React in 2025.
He also explores how AI is shaping the next wave of immersive web.
Join React Advanced next to Big Ben this Nov!
He also explores how AI is shaping the next wave of immersive web.
Join React Advanced next to Big Ben this Nov!
which is ironic because doing webxr with react three xr is awesome, and react is still a meta technology
September 10, 2025 at 6:09 AM
which is ironic because doing webxr with react three xr is awesome, and react is still a meta technology
🎤 Check out the first announced speakers for #ReactAdvanced!
- Kadi Kraman, Software Developer at Expo
- Bela Bohlender, Maintainer of react-three/uikit & react-three/XR
- Mike Grabowski, React Native Core Team
- Jani Eväkallio, Developer on the Weather App
Dive deep🤿
- Kadi Kraman, Software Developer at Expo
- Bela Bohlender, Maintainer of react-three/uikit & react-three/XR
- Mike Grabowski, React Native Core Team
- Jani Eväkallio, Developer on the Weather App
Dive deep🤿
In London or Online!
reactadvanced.com
reactadvanced.com
April 30, 2025 at 2:01 PM
🎤 Check out the first announced speakers for #ReactAdvanced!
- Kadi Kraman, Software Developer at Expo
- Bela Bohlender, Maintainer of react-three/uikit & react-three/XR
- Mike Grabowski, React Native Core Team
- Jani Eväkallio, Developer on the Weather App
Dive deep🤿
- Kadi Kraman, Software Developer at Expo
- Bela Bohlender, Maintainer of react-three/uikit & react-three/XR
- Mike Grabowski, React Native Core Team
- Jani Eväkallio, Developer on the Weather App
Dive deep🤿
Greet our next speaker - @belabohlender.bsky.social❤️ Open-source developer and React-Three/xr maintainer. Bela is building tools to create extraordinary Web, 3D, and XR experiences!
Hope to see you in London & Online on Nov. 28 & Dec. 1!
Hope to see you in London & Online on Nov. 28 & Dec. 1!
Hope to see you in London!
reactadvanced.com
reactadvanced.com
April 11, 2025 at 2:00 PM
Greet our next speaker - @belabohlender.bsky.social❤️ Open-source developer and React-Three/xr maintainer. Bela is building tools to create extraordinary Web, 3D, and XR experiences!
Hope to see you in London & Online on Nov. 28 & Dec. 1!
Hope to see you in London & Online on Nov. 28 & Dec. 1!
Should check out React Three Fiber + XR. Then load up Triplex for VS Code ;-)
March 17, 2025 at 8:15 AM
Should check out React Three Fiber + XR. Then load up Triplex for VS Code ;-)
beautiful. couldn't find the demo though
check out this react-three/xr + cannon physics demo - codesandbox.io/p/sandbox/xr... (should run on quest and AVP)
react-three/handles editor demo might interest you also - pmndrs.github.io/xr/examples/...
check out this react-three/xr + cannon physics demo - codesandbox.io/p/sandbox/xr... (should run on quest and AVP)
react-three/handles editor demo might interest you also - pmndrs.github.io/xr/examples/...
February 23, 2025 at 1:32 PM
beautiful. couldn't find the demo though
check out this react-three/xr + cannon physics demo - codesandbox.io/p/sandbox/xr... (should run on quest and AVP)
react-three/handles editor demo might interest you also - pmndrs.github.io/xr/examples/...
check out this react-three/xr + cannon physics demo - codesandbox.io/p/sandbox/xr... (should run on quest and AVP)
react-three/handles editor demo might interest you also - pmndrs.github.io/xr/examples/...
Building a react-three/xr app that is build for hand input and getting tired to always switch?
Make hand input the primary mode for the emulator in your config.
Make hand input the primary mode for the emulator in your config.
February 10, 2025 at 8:52 PM
Building a react-three/xr app that is build for hand input and getting tired to always switch?
Make hand input the primary mode for the emulator in your config.
Make hand input the primary mode for the emulator in your config.
Let’s build interactive @threejs.org User Interfaces 🫰
Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦
Works on any device inside and outside #WebXR
Compose with to control sizes, positions, rotations (Link in 🧵)
Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦
Works on any device inside and outside #WebXR
Compose
February 1, 2025 at 8:15 PM
Let’s build interactive @threejs.org User Interfaces 🫰
Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦
Works on any device inside and outside #WebXR
Compose with to control sizes, positions, rotations (Link in 🧵)
Uses react-three/handle, react-three/xr, and react-three/uikit - vanilla versions are available🍦
Works on any device inside and outside #WebXR
Compose
🧵 4/4 React-Three/XR v6.6 ships with the latest IWER, IWER/DevUI, and IWER/SEM, try it today!!
bsky.app/profile/bela...
bsky.app/profile/bela...
react-three/xr 6.6 just dropped 🎉
a very important step for building mixed reality apps with @react.dev #R3F and @threejs.org
Learn more about IWER/SEM and IWER/DevUI in @fez.bsky.social's tweet 👇
bsky.app/profile/fez....
a very important step for building mixed reality apps with @react.dev #R3F and @threejs.org
Learn more about IWER/SEM and IWER/DevUI in @fez.bsky.social's tweet 👇
bsky.app/profile/fez....
January 30, 2025 at 8:18 PM
🧵 4/4 React-Three/XR v6.6 ships with the latest IWER, IWER/DevUI, and IWER/SEM, try it today!!
bsky.app/profile/bela...
bsky.app/profile/bela...
react-three/xr 6.6 just dropped 🎉
a very important step for building mixed reality apps with @react.dev #R3F and @threejs.org
Learn more about IWER/SEM and IWER/DevUI in @fez.bsky.social's tweet 👇
bsky.app/profile/fez....
a very important step for building mixed reality apps with @react.dev #R3F and @threejs.org
Learn more about IWER/SEM and IWER/DevUI in @fez.bsky.social's tweet 👇
bsky.app/profile/fez....
January 30, 2025 at 6:06 PM
react-three/xr 6.6 just dropped 🎉
a very important step for building mixed reality apps with @react.dev #R3F and @threejs.org
Learn more about IWER/SEM and IWER/DevUI in @fez.bsky.social's tweet 👇
bsky.app/profile/fez....
a very important step for building mixed reality apps with @react.dev #R3F and @threejs.org
Learn more about IWER/SEM and IWER/DevUI in @fez.bsky.social's tweet 👇
bsky.app/profile/fez....
there really isnt much of a beginners guide for react three xr yet
i got started just looking at the examples and docs
examples: github.com/pmndrs/xr
xr docs: pmndrs.github.io/xr/docs/gett...
meta webxr dev overview: developers.meta.com/horizon/docu...
i got started just looking at the examples and docs
examples: github.com/pmndrs/xr
xr docs: pmndrs.github.io/xr/docs/gett...
meta webxr dev overview: developers.meta.com/horizon/docu...
GitHub - pmndrs/xr: 🤳 VR/AR for react-three-fiber
🤳 VR/AR for react-three-fiber. Contribute to pmndrs/xr development by creating an account on GitHub.
github.com
January 22, 2025 at 8:51 PM
there really isnt much of a beginners guide for react three xr yet
i got started just looking at the examples and docs
examples: github.com/pmndrs/xr
xr docs: pmndrs.github.io/xr/docs/gett...
meta webxr dev overview: developers.meta.com/horizon/docu...
i got started just looking at the examples and docs
examples: github.com/pmndrs/xr
xr docs: pmndrs.github.io/xr/docs/gett...
meta webxr dev overview: developers.meta.com/horizon/docu...
Learn more about react-three/handle here:
pmndrs.github.io/xr/docs/hand...
Learn more about building XR apps with react:
pmndrs.github.io/xr/docs/gett...
Check out the editor demo:
pmndrs.github.io/xr/examples/...
pmndrs.github.io/xr/docs/hand...
Learn more about building XR apps with react:
pmndrs.github.io/xr/docs/gett...
Check out the editor demo:
pmndrs.github.io/xr/examples/...
January 21, 2025 at 12:55 AM
Learn more about react-three/handle here:
pmndrs.github.io/xr/docs/hand...
Learn more about building XR apps with react:
pmndrs.github.io/xr/docs/gett...
Check out the editor demo:
pmndrs.github.io/xr/examples/...
pmndrs.github.io/xr/docs/hand...
Learn more about building XR apps with react:
pmndrs.github.io/xr/docs/gett...
Check out the editor demo:
pmndrs.github.io/xr/examples/...
Shipping react-three/handle!
The one to handle them all! 👌
Build intuitive 3D and XR cross-platform interactions with just one line of code.
#R3F @threejs.org #WebXR
The one to handle them all! 👌
Build intuitive 3D and XR cross-platform interactions with just one line of code.
#R3F @threejs.org #WebXR
January 21, 2025 at 12:55 AM
Shipping react-three/handle!
The one to handle them all! 👌
Build intuitive 3D and XR cross-platform interactions with just one line of code.
#R3F @threejs.org #WebXR
The one to handle them all! 👌
Build intuitive 3D and XR cross-platform interactions with just one line of code.
#R3F @threejs.org #WebXR
What do I mean with even better support?
If you have build any VR web app with react-three/xr, its most likely already AVP compatible because react-three/xr support transient pointers and all interactions are build on the pointer-events concept making them multimodal by default
If you have build any VR web app with react-three/xr, its most likely already AVP compatible because react-three/xr support transient pointers and all interactions are build on the pointer-events concept making them multimodal by default
January 19, 2025 at 11:35 AM
What do I mean with even better support?
If you have build any VR web app with react-three/xr, its most likely already AVP compatible because react-three/xr support transient pointers and all interactions are build on the pointer-events concept making them multimodal by default
If you have build any VR web app with react-three/xr, its most likely already AVP compatible because react-three/xr support transient pointers and all interactions are build on the pointer-events concept making them multimodal by default
Cross platform testing enabled ✅
Expect even better support for AVP in react-three/xr
Expect even better support for AVP in react-three/xr
January 19, 2025 at 11:35 AM
Cross platform testing enabled ✅
Expect even better support for AVP in react-three/xr
Expect even better support for AVP in react-three/xr
Hi! I'm building @triplex.dev that is a React/Three Fiber visual IDE with applications with XR. While not yet mature it's slowly getting there, we did a workshop with Meta Quest earlier in the year at React Summit!
bsky.app/profile/trip...
bsky.app/profile/trip...
We were happy to be part of the "Immersive React" workshop, sponsored by @metaquestgaming.bsky.social & hosted by @reactsummit.gitnation.org ! Developers created their first 3D and XR apps, including games and product configurators. Thanks to everyone who attended! #ReactSummit #MetaQuest #Triplex
January 11, 2025 at 11:39 PM
Hi! I'm building @triplex.dev that is a React/Three Fiber visual IDE with applications with XR. While not yet mature it's slowly getting there, we did a workshop with Meta Quest earlier in the year at React Summit!
bsky.app/profile/trip...
bsky.app/profile/trip...
🎄
Its already been a month since our React-Three-XR Workshop 😱
I've had to deal with some personal problems, but I want to make sure everyone sees at least a few of the amazing projects that the participants built 👀
Want to start your React+XR journey?
Check out webxr-first-steps-react ⬇️
Its already been a month since our React-Three-XR Workshop 😱
I've had to deal with some personal problems, but I want to make sure everyone sees at least a few of the amazing projects that the participants built 👀
Want to start your React+XR journey?
Check out webxr-first-steps-react ⬇️
December 24, 2024 at 3:57 PM
🎄
Its already been a month since our React-Three-XR Workshop 😱
I've had to deal with some personal problems, but I want to make sure everyone sees at least a few of the amazing projects that the participants built 👀
Want to start your React+XR journey?
Check out webxr-first-steps-react ⬇️
Its already been a month since our React-Three-XR Workshop 😱
I've had to deal with some personal problems, but I want to make sure everyone sees at least a few of the amazing projects that the participants built 👀
Want to start your React+XR journey?
Check out webxr-first-steps-react ⬇️
exploring DREI SpriteAnimator + react-three/xr and got surrounded by a cyclops army!
inspired by the 2D + 3D visuals of "Triangle Strategy" on the quest store
works pretty well on both meta quest and android immersive-AR
drei.docs.pmnd.rs/misc/sprite-...
#webxr
inspired by the 2D + 3D visuals of "Triangle Strategy" on the quest store
works pretty well on both meta quest and android immersive-AR
drei.docs.pmnd.rs/misc/sprite-...
#webxr
December 16, 2024 at 6:45 AM
exploring DREI SpriteAnimator + react-three/xr and got surrounded by a cyclops army!
inspired by the 2D + 3D visuals of "Triangle Strategy" on the quest store
works pretty well on both meta quest and android immersive-AR
drei.docs.pmnd.rs/misc/sprite-...
#webxr
inspired by the 2D + 3D visuals of "Triangle Strategy" on the quest store
works pretty well on both meta quest and android immersive-AR
drei.docs.pmnd.rs/misc/sprite-...
#webxr
At Japan’s largest XR/Metaverse conf, XR Kaigi 2024, reasons for migrating from Unity to React Three and WebXR are being shared:
Reason 2
Limited Unity engineers vs. abundant web engineers
(1/8)
Reason 2
Limited Unity engineers vs. abundant web engineers
(1/8)
December 11, 2024 at 1:24 PM
At Japan’s largest XR/Metaverse conf, XR Kaigi 2024, reasons for migrating from Unity to React Three and WebXR are being shared:
Reason 2
Limited Unity engineers vs. abundant web engineers
(1/8)
Reason 2
Limited Unity engineers vs. abundant web engineers
(1/8)
🧑🎓 webxr-first-steps-react
Your first steps into immersive web - 2-hour tutorial
Create a VR mini-game using React-Three-XR 😲
github.com/meta-quest/w...
Your first steps into immersive web - 2-hour tutorial
Create a VR mini-game using React-Three-XR 😲
github.com/meta-quest/w...
December 3, 2024 at 5:58 PM
🧑🎓 webxr-first-steps-react
Your first steps into immersive web - 2-hour tutorial
Create a VR mini-game using React-Three-XR 😲
github.com/meta-quest/w...
Your first steps into immersive web - 2-hour tutorial
Create a VR mini-game using React-Three-XR 😲
github.com/meta-quest/w...
I wanted to experiment with a WebXR application, so I tried out @react-three/xr and created a simple application that works on the Meta Quest browser! 😃
github.com/akapez/mars-...
live site: akapez.github.io/mars-surface/
#metaquest #r3f #react-three-xr #webxr
github.com/akapez/mars-...
live site: akapez.github.io/mars-surface/
#metaquest #r3f #react-three-xr #webxr
December 2, 2024 at 6:03 PM
I wanted to experiment with a WebXR application, so I tried out @react-three/xr and created a simple application that works on the Meta Quest browser! 😃
github.com/akapez/mars-...
live site: akapez.github.io/mars-surface/
#metaquest #r3f #react-three-xr #webxr
github.com/akapez/mars-...
live site: akapez.github.io/mars-surface/
#metaquest #r3f #react-three-xr #webxr
We’ve made a lot of progress in our switch to react-three. Here’s a quick demo using anchor and clipping. The volume takes the dimensions of the plane, cutting a cross section of Littlest Tokyo.
Im constantly surprised by how powerful the #quest is, it even tracks my standing desk.
#xr #threejs
Im constantly surprised by how powerful the #quest is, it even tracks my standing desk.
#xr #threejs
November 23, 2024 at 7:38 PM
Maze generation algorithms often address this to detect cut off areas. I wrote one that stored cells w/ info about all connected cells and just looped through them. The react-three/xr Minecraft example has some basic scaffolding for placing connected blocks - add destroy func, then disconnect logic?
November 22, 2024 at 9:36 PM
Maze generation algorithms often address this to detect cut off areas. I wrote one that stored cells w/ info about all connected cells and just looped through them. The react-three/xr Minecraft example has some basic scaffolding for placing connected blocks - add destroy func, then disconnect logic?
Part of every react-three/xr release is manual testing the events using the rag doll example👌
November 13, 2024 at 10:39 PM
Part of every react-three/xr release is manual testing the events using the rag doll example👌
👀 🏁 Recreation of @bruno-simon.bsky.social 's Marble Race for AR and VR using react-three/xr by @sung-powley.bsky.social
#R3F #threejs #threejsjourney
#R3F #threejs #threejsjourney
November 11, 2024 at 3:30 PM
👀 🏁 Recreation of @bruno-simon.bsky.social 's Marble Race for AR and VR using react-three/xr by @sung-powley.bsky.social
#R3F #threejs #threejsjourney
#R3F #threejs #threejsjourney