# pmndrs/react-three-fiber

🇨🇭 A React renderer for Three.js

Repository: https://github.com/pmndrs/react-three-fiber
Canonical: https://ross.abutalabs.com/products/react-three-fiber
Homepage: https://docs.pmnd.rs/react-three-fiber
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, threejs, fiber, renderer, 3d, animation
Last push: 2026-08-25T00:24:42+00:00

## Health v2 (maintenance only)
Score: 98/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 95, longevity 100
- inputs: {"age_days": 2746, "days_push": 9, "days_rel": 33, "gap_med": 15.0, "n_releases_24m": 27}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 31798, forks 1928 (observed 2026-08-28T04:11:57.166108+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: graphics, animation, frontend-framework, ui-components
- domain: web-development, frontend, graphics
- platform: browser, cross-platform
- tags: react, threejs, 3d, webgl, declarative-3d, jsx-renderer, game-development, nodejs, web-server

## Member repositories
- pmndrs/react-three-fiber (main) score 98

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:57.166108+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T16:52:14.185158+00:00, confidence not recorded.
  - readme: https://github.com/pmndrs/react-three-fiber (fetched 2026-08-28T04:11:57.166108+00:00, sha ae33578ca36b)
  - homepage: https://docs.pmnd.rs/react-three-fiber (fetched 2026-08-29T07:49:29.651291+00:00, sha 0dd463e77ee3)
- Data as of 2026-08-30T08:39:29.467469+00:00.