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
Example:
this code shows the use of parallel actions with multiple transitions for the text fade in animation at the start
(yes, r3/timeline uses async generators, I fell in love w. them, thanks to effect-ts)
this code shows the use of parallel actions with multiple transitions for the text fade in animation at the start
(yes, r3/timeline uses async generators, I fell in love w. them, thanks to effect-ts)
September 8, 2025 at 7:50 PM
Example:
this code shows the use of parallel actions with multiple transitions for the text fade in animation at the start
(yes, r3/timeline uses async generators, I fell in love w. them, thanks to effect-ts)
this code shows the use of parallel actions with multiple transitions for the text fade in animation at the start
(yes, r3/timeline uses async generators, I fell in love w. them, thanks to effect-ts)
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 ⟁
March 26, 2025 at 12:48 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
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
🎉 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 👇
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.
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
January 25, 2025 at 1:15 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
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 ⬇️
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
Here's how much code it takes to build this demo:
Learn more about uikit here: github.com/pmndrs/uikit
Learn more about uikit here: github.com/pmndrs/uikit
November 5, 2024 at 9:33 AM
Here's how much code it takes to build this demo:
Learn more about uikit here: github.com/pmndrs/uikit
Learn more about uikit here: github.com/pmndrs/uikit
Trying to build a habit of also posting here 😬
pmndrs/uikit 0.7.0 has alot of performance optimizations ⚡️
The video shows 60,000 seemingly random colored panels and 600,000 characters rendered in the browser with #threejs
pmndrs/uikit 0.7.0 has alot of performance optimizations ⚡️
The video shows 60,000 seemingly random colored panels and 600,000 characters rendered in the browser with #threejs
November 5, 2024 at 9:33 AM
Trying to build a habit of also posting here 😬
pmndrs/uikit 0.7.0 has alot of performance optimizations ⚡️
The video shows 60,000 seemingly random colored panels and 600,000 characters rendered in the browser with #threejs
pmndrs/uikit 0.7.0 has alot of performance optimizations ⚡️
The video shows 60,000 seemingly random colored panels and 600,000 characters rendered in the browser with #threejs