🕹️ 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!

Join React Advanced!

reactadvanced.com

reactadvanced.com

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!

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 ⟁

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 🤡

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!

reactadvanced.com

reactadvanced.com

literally throwing up from how sick this is #threejs #webxr

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

Peak XR development - modifications in headset 🥽 <Handle scale={{ uniform: false -> true }} >...</Handle> Recorded by @acrilique.bsky.social 🙏🏼

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 !

🚨 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

💌 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 👇

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

Soon you can catch butterflies or shall I say butterboïds? #webxr #r3f #boids #quest3 #vr #ar #xr #threeJS

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 👇

Felix Z@fez.bsky.social · last yr.

Great news, IWER users! 🤲 IWER's emulated hand-tracking capabilities are now fully exposed with IWER/DevUI v1.1. Try it out today! 👉 www.npmjs.com/package/@iwe...

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 <uikit> with <handle> to control sizes, positions, rotations (Link in 🧵)

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....

Felix Z@fez.bsky.social · 2y ago

🧵1/3 Big News! IWER/DevUI, the embeddable #WebXR emulator that you know and love has just launched v1.0! New Features Include: 🔌 Disconnect/Reconnect input devices on demand 🎮 Precise control over input device transforms 🔄 offerSession support 🎨 Complete UI overhaul

handle + rapier =👌 That's why I love the react-three ecosystem @pmnd.rs Link to code below 👇

Testing different hand-only concepts #threejs #r3f #webxr #starwars style #MetaQuestVR

really comes alive on video

HotBloodedHeroine@hotbloodedheroine.petplay.fi · 2y ago

cacti cat wants the cube fish! #r3f #threejs #webXR

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

Cross platform testing enabled ✅ Expect even better support for AVP in react-three/xr

With #react #R3F and the #webxr features maintained by @belabohlender.bsky.social setting a simple gesture recognition is so easy ! #quest3 #VR

🎄 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 ⬇️

My Windland project looks awesome in VR 😍. I always dreamed of the day we could walk on those lands. Thanks to @belabohlender.bsky.social work, using teleport controls is super easy. Live link [non vr yet]: windland-neotix.vercel.app More features and tutorials are coming soon 😊 #threejs #webxr

My WebXR water experiment using #threejs and #r3f now also supports Apple Vision Pro. We don't have AR sessions on it yet, as Apple is still working on it. But it's a very exciting time to be alive 😍. Live link: webxr-water.vercel.app #threejsJourney #creativecoding #VisionPro

Sung Powley brings multi-modal XR interactions to @bruno-simon.bsky.social's Marble Race game from his #threejsjourney course 🎉 Now with a virtual joystick for hand-based interactions 👌

pixel_mesh@pixel-mesh.bsky.social · 2y ago

reworked the mobile / mobile-xr virtual joystick using manapotion.org created by @verekia.com inspired me somewhat to create a "spatial" virtual joystick for #webxr hands-only controls. not bad, but hard to beat controller input marble-race-remix.vercel.app github.com/shpowley/thr...

Made with react btw 👀 Late congratulations from my side 🎉

Pieter Montoulieu@montoulieu.dev · 2y ago

Here's a video of Magic Shoe Box, my #WebXR app that won 2nd place at this year's Meta & AWS Hackathon! Describe your dream Jordan shoe or choose AI suggestions, then generate in #XR using SDXL and ControlNet. #SpatialComputing

My water experiment in #webxr using #threejs is live. If you have a WebXR-compatible device, you can access it here: webxr-water.vercel.app For now, the experience is optimized for #MetaQuest3. I plan to add support for more devices soon. I hope you like it 😊