# pmndrs/drei

🥉 useful helpers for react-three-fiber

Repository: https://github.com/pmndrs/drei
Canonical: https://ross.abutalabs.com/products/drei
Homepage: https://docs.pmnd.rs/drei
Language: JavaScript
License: MIT
License Family: permissive
Topics: threejs, react-three-fiber, hooks, react, helpers
Last push: 2026-08-25T09:11:45+00:00

## Health v2 (maintenance only)
Score: 94/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 99, release rhythm 84, longevity 100
- inputs: {"age_days": 2320, "days_push": 8, "days_rel": 28, "gap_med": 2.0, "n_releases_24m": 71}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 9821, forks 835 (observed 2026-08-28T04:10:37.356184+00:00)

## What it is
Drei is a collection of useful helpers, hooks, and ready-made abstractions for react-three-fiber, the React renderer for Three.js. It provides components like cameras, controls, loaders, and effects to speed up building 3D scenes in React.

## Use cases
- add camera controls to a react-three-fiber scene
- load 3D models in a React app
- build 3D websites with React and Three.js
- add text, shadows, or environment lighting to a 3D scene
- use react-three-fiber helpers in React Native
- find ready-made 3D components instead of writing raw Three.js

## When to choose
- you use react-three-fiber and want battle-tested abstractions for common 3D tasks
- you want to avoid reimplementing cameras, controls, loaders, and effects yourself
- you need a well-maintained, widely adopted helper library for React 3D projects

## When to avoid
- you use Three.js without React or react-three-fiber
- you need only a single specialized helper and want to avoid a large dependency
- you work with a different 3D engine such as Babylon.js or Unity

## Facets
- artifact type: library
- maturity: active
- function: ui-components, graphics, animation, developer-tools
- domain: web-development, frontend, graphics
- platform: cross-platform
- tags: react-three-fiber, threejs, hooks, 3d-graphics, webgl, helpers, game-development, javascript, web, react

## Member repositories
- pmndrs/drei (main) score 94

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:37.356184+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-29T17:20:56.966256+00:00, confidence not recorded.
  - readme: https://github.com/pmndrs/drei (fetched 2026-08-28T04:10:37.356184+00:00, sha 6647e4913ba8)
  - homepage: https://docs.pmnd.rs/drei (fetched 2026-08-29T08:20:46.403476+00:00, sha 12d0767111b7)
  - registry_npm: https://registry.npmjs.org/drei (fetched 2026-08-29T08:20:46.413201+00:00, sha 038a6ffaad15)
- Data as of 2026-08-30T08:39:29.467469+00:00.