Bela Bohlender
@belabohlender.bsky.social
🏗️ Workin on
https://github.com/pmndrs/uikit
https://github.com/pmndrs/xr
⭐️ Sponsoring
https://github.com/sponsors/bbohlender
❤️ Supporting
@MyoMod_org
https://github.com/pmndrs/uikit
https://github.com/pmndrs/xr
⭐️ Sponsoring
https://github.com/sponsors/bbohlender
❤️ Supporting
@MyoMod_org
Reposted by Bela Bohlender
🕹️ 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!
Introducing react-three/timeline
→ Write composable declarative 3D behaviors like a story
The following video is 100% made with #r3f and @threejs.org Don't believe me? Try the demo below!
→ Write composable declarative 3D behaviors like a story
The following video is 100% made with #r3f and @threejs.org Don't believe me? Try the demo below!
September 8, 2025 at 7:50 PM
Introducing react-three/timeline
→ Write composable declarative 3D behaviors like a story
The following video is 100% made with #r3f and @threejs.org Don't believe me? Try the demo below!
→ Write composable declarative 3D behaviors like a story
The following video is 100% made with #r3f and @threejs.org Don't believe me? Try the demo below!
Introducing pmndrs/viverse and react-three/viverse 🎉
A Toolkit for building @threejs.org and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁
A Toolkit for building @threejs.org and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁
July 28, 2025 at 4:14 PM
Introducing pmndrs/viverse and react-three/viverse 🎉
A Toolkit for building @threejs.org and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁
A Toolkit for building @threejs.org and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁
Reposted by Bela Bohlender
Had some fun last week-end porting
Lunakepio (AlexMoulinneuf) 's #Mario Controller to #webXR.
github.com/Lunakepio/ma...
Uses #ThreeJS #R3F @belabohlender.bsky.social
's new Handle in #XR
Should work smoothly on #iPhone in #AR.
Not available on #Switch2 🤡
Lunakepio (AlexMoulinneuf) 's #Mario Controller to #webXR.
github.com/Lunakepio/ma...
Uses #ThreeJS #R3F @belabohlender.bsky.social
's new Handle in #XR
Should work smoothly on #iPhone in #AR.
Not available on #Switch2 🤡
April 15, 2025 at 11:24 AM
Had some fun last week-end porting
Lunakepio (AlexMoulinneuf) 's #Mario Controller to #webXR.
github.com/Lunakepio/ma...
Uses #ThreeJS #R3F @belabohlender.bsky.social
's new Handle in #XR
Should work smoothly on #iPhone in #AR.
Not available on #Switch2 🤡
Lunakepio (AlexMoulinneuf) 's #Mario Controller to #webXR.
github.com/Lunakepio/ma...
Uses #ThreeJS #R3F @belabohlender.bsky.social
's new Handle in #XR
Should work smoothly on #iPhone in #AR.
Not available on #Switch2 🤡
Reposted by Bela Bohlender
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!
Reposted by Bela Bohlender
April 3, 2025 at 8:41 PM
Reposted by Bela Bohlender
check out my latest webxr project github.com/shpowley/thr.... a mixed-reality adaptation of several course lessons from Bruno Simon's (@bruno-simon.bsky.social) "three.js journey" course (threejs-journey.com)
quest 3 (possibly other headsets) | android | ios
#threejs #webxr #webdev
quest 3 (possibly other headsets) | android | ios
#threejs #webxr #webdev
March 30, 2025 at 10:40 PM
check out my latest webxr project github.com/shpowley/thr.... a mixed-reality adaptation of several course lessons from Bruno Simon's (@bruno-simon.bsky.social) "three.js journey" course (threejs-journey.com)
quest 3 (possibly other headsets) | android | ios
#threejs #webxr #webdev
quest 3 (possibly other headsets) | android | ios
#threejs #webxr #webdev
March 26, 2025 at 12:48 PM
Reposted by Bela Bohlender
Did you know you can now open a #webXR session thanks to
on your #iPhone? You don’t even need to download the app. Just click on the link below to try
@belabohlender.bsky.social ’s #R3F #Threejs #XR handle example : shorturl.at/DkWfs
Thanks to @sung-powley.bsky.social for sharing about this !
on your #iPhone? You don’t even need to download the app. Just click on the link below to try
@belabohlender.bsky.social ’s #R3F #Threejs #XR handle example : shorturl.at/DkWfs
Thanks to @sung-powley.bsky.social for sharing about this !
March 15, 2025 at 9:12 AM
Did you know you can now open a #webXR session thanks to
on your #iPhone? You don’t even need to download the app. Just click on the link below to try
@belabohlender.bsky.social ’s #R3F #Threejs #XR handle example : shorturl.at/DkWfs
Thanks to @sung-powley.bsky.social for sharing about this !
on your #iPhone? You don’t even need to download the app. Just click on the link below to try
@belabohlender.bsky.social ’s #R3F #Threejs #XR handle example : shorturl.at/DkWfs
Thanks to @sung-powley.bsky.social for sharing about this !
🚨 How to properly highlight pmndrs/uikit elements when hovering?
Now live - including source code - in the dashboard demo. Link below 👇
Yes - everything is rendered on the GPU with @threejs.org
Now live - including source code - in the dashboard demo. Link below 👇
Yes - everything is rendered on the GPU with @threejs.org
March 6, 2025 at 4:03 PM
🚨 How to properly highlight pmndrs/uikit elements when hovering?
Now live - including source code - in the dashboard demo. Link below 👇
Yes - everything is rendered on the GPU with @threejs.org
Now live - including source code - in the dashboard demo. Link below 👇
Yes - everything is rendered on the GPU with @threejs.org
Reposted by Bela Bohlender
💌 The Web Game Dev Newsletter Issue 025 is out! Read it online here: www.webgamedev.com/newsletter/025, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev
Newsletter – Issue 025 | Web Game Dev
www.webgamedev.com
March 4, 2025 at 4:11 PM
💌 The Web Game Dev Newsletter Issue 025 is out! Read it online here: www.webgamedev.com/newsletter/025, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev
🎉 Super honoured to be nominated as
"Developer of the Year 2024" by the Annual immersive Awards - The Polys
Amazing how the nomination ended up in my garden 🪴
(🔊 for the full experience )
@threejs.org #r3f - demo link and code below 👇
"Developer of the Year 2024" by the Annual immersive Awards - The Polys
Amazing how the nomination ended up in my garden 🪴
(🔊 for the full experience )
@threejs.org #r3f - demo link and code below 👇
February 27, 2025 at 4:52 PM
🎉 Super honoured to be nominated as
"Developer of the Year 2024" by the Annual immersive Awards - The Polys
Amazing how the nomination ended up in my garden 🪴
(🔊 for the full experience )
@threejs.org #r3f - demo link and code below 👇
"Developer of the Year 2024" by the Annual immersive Awards - The Polys
Amazing how the nomination ended up in my garden 🪴
(🔊 for the full experience )
@threejs.org #r3f - demo link and code below 👇
Reposted by Bela Bohlender
Catch, Tame, Chill with butterfly boids in #WebXR in either #VR or #AR using Hands only interactions with custom Hand Pose Recognitions. (controllers can also be used)
Live now here : 👉 ar-butterflies.vercel.app
Meta link here : t.co/gbaGqlGpLW
#r3f #boids #quest3 #xr #threeJS
Live now here : 👉 ar-butterflies.vercel.app
Meta link here : t.co/gbaGqlGpLW
#r3f #boids #quest3 #xr #threeJS
February 22, 2025 at 4:44 AM
Catch, Tame, Chill with butterfly boids in #WebXR in either #VR or #AR using Hands only interactions with custom Hand Pose Recognitions. (controllers can also be used)
Live now here : 👉 ar-butterflies.vercel.app
Meta link here : t.co/gbaGqlGpLW
#r3f #boids #quest3 #xr #threeJS
Live now here : 👉 ar-butterflies.vercel.app
Meta link here : t.co/gbaGqlGpLW
#r3f #boids #quest3 #xr #threeJS
Reposted by Bela Bohlender
I managed to get the same look as meta’s default Quest3 hands.
February 16, 2025 at 1:10 PM
I managed to get the same look as meta’s default Quest3 hands.
Debugging hand input without headset has never been easier 👌
Congrats to @fez.bsky.social for bringing us proper hand tracking emulation in iwer with devui 1.1 🎉
Try it out yourself - instructions below 👇
Congrats to @fez.bsky.social for bringing us proper hand tracking emulation in iwer with devui 1.1 🎉
Try it out yourself - instructions below 👇
February 10, 2025 at 8:52 PM
Debugging hand input without headset has never been easier 👌
Congrats to @fez.bsky.social for bringing us proper hand tracking emulation in iwer with devui 1.1 🎉
Try it out yourself - instructions below 👇
Congrats to @fez.bsky.social for bringing us proper hand tracking emulation in iwer with devui 1.1 🎉
Try it out yourself - instructions below 👇
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
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....
January 25, 2025 at 1:15 AM
Reposted by Bela Bohlender
January 23, 2025 at 7:54 AM
Reposted by Bela Bohlender
really comes alive on video
January 18, 2025 at 1:00 AM
really comes alive on video
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
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
🎄
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 ⬇️