react-three-fiber

Expresses Three.js objects as JSX elements for intuitive and reusable scene building, as demonstrated in the example code where meshes and lights are defined declaratively.

No limitations on Three.js features, enabling access to all capabilities without performance overhead, explicitly stated in the README's FAQ section.

Components can use React state, hooks, and lifecycle, integrating 3D graphics with existing React ecosystems, shown by the use of useState and useFrame in the provided example.

Supports both web via React DOM and mobile via React Native, with dedicated examples for each platform in the README.

Rich suite of libraries for physics, UI, post-processing, and more, such as @react-three/drei and @react-three/xr, listed in the ecosystem section.