pmndrs/drei

Health v2 · maintenance only

Adoption not part of the score

9821 stars · 835 forks observed · 2026-08-28

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

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

library · maturity active

ui-components graphics animation developer-tools web-development frontend graphics cross-platform react-three-fiber threejs hooks 3d-graphics webgl helpers game-development javascript web react

Member repositories

For agents

markdown · JSON · MCP: product_card(name="pmndrs/drei")