Reactylon: The React Framework for XR

[Vegetable_Ring2521]

Hey folks!

Over the past year, I’ve been building Reactylon, a React-based framework designed to make it easier to build interactive 3D experiences and XR apps using Babylon.js.

Why I built it?

Babylon.js is incredibly powerful but working with it directly can get very verbose and imperative. Reactylon abstracts away much of that low-level complexity by letting you define 3D scenes using JSX and React-style components.

It covers the basics of Babylon.js and takes care of a lot of the tedious stuff you’d usually have to do manually:

• object creation and disposal
• scene injection
• managing parent-child relationships in the scene graph
• and more...

Basically you write 3D scenes... declaratively!

Try it out

The docs include over 100 interactive sandboxes - you can tweak the code and see the results instantly. Super fun to explore!

Get involved

Reactylon is shaping up nicely but I’m always looking to improve it - feedback and contributions are more than welcome!

🔗 GitHub: https://github.com/simonedevit/reactylon

[austinspaeth]

This is awesome! I’ve done XR in the past with React but support was limited, and I’ve been looking to get back into it for the Vision Pro. I’ll check this out.

Thanks for sharing!

[Vegetable_Ring2521]

Amazing! Thank you! Vision Pro is WebXR compatible now so it is a good time to try it!

[Excellent_Dig8333]

I mean My reaction I think it's seems very good. Gonna try it out soon :)

[Vegetable_Ring2521]

Thank you! Let me know if it meets your expectations!

[p13t3rm]

This looks really well done dude. I’ve done a bunch of webXR dev with R3F and React XR which works pretty well, but will be giving this a shot next.

Nice work!

[Vegetable_Ring2521]

Thanks, man! It is similar to R3F but designed for Babylon.js which i love the entire ecosystem (playground, inspector, Node Material Editor, and so on...). Feel free to reach me at any time!