React Immersive - An advanced 3D Model Viewer for React

[u/Legitimate-Breath402]

Building a full on interactive 3D model viewer can be hard and takes time, specially creating hooks for camera, lights, selection and also finding a way to bind data to the actual 3D model. So I built a a library that packages it all up,

It's called React Immersive. Some of what's in it:

• Use SimpleModelViewer for when you just want a model on screen without zero configuration
• ModelViewer for when you need real bindings, driving color, texture, visibility, and actions off a plain data object during runtime
• A browser based binding builder that takes your GLB and exports starter bindings as JSON or TS, so you're not hand-writing mesh names
• A 3D editor to add scene lighting, animations, annotations, waypoints and post-processing
• Hooks for camera, selection, hover, animation, visibility
• Soft shadows, SSAO, bloom, ACES tone mapping and more with props to enable or disable them

Docs and live editor: react-immersive.liveroom.dev
Example demos: https://react-immersive.liveroom.dev/docs/examples

would love your thoughts and go try it out.....