pmndrs/react-three-fiber

Health v2 · maintenance only

Adoption not part of the score

31798 stars · 1928 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

React Three Fiber is a React renderer for Three.js that lets you build 3D scenes declaratively with reusable, stateful React components. It maps JSX elements directly to Three.js objects with no runtime overhead, staying in sync with Three.js releases automatically.

Use cases

• build interactive 3D scenes in React
• render three.js scenes declaratively with JSX
• create 3D data visualizations on the web
• make animated 3D product configurators
• add WebGL graphics to a React app
• build 3D games or experiences in the browser

When to choose

• you use React and want Three.js with a declarative, component-based API
• you want 3D scenes that react to state, props, and user input
• you want access to the React ecosystem (hooks, suspense, state libraries) for 3D work

When to avoid

• your project does not use React
• you need a non-JavaScript or native 3D engine
• you prefer imperative Three.js control with no framework abstraction

Facets

library · maturity active

graphics animation frontend-framework ui-components web-development frontend graphics browser cross-platform react threejs 3d webgl declarative-3d jsx-renderer game-development nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="pmndrs/react-three-fiber")