Introduction
Useful helpers for @react-three/fiber
A growing collection of useful helpers and fully functional, ready-made abstractions for @react-three/fiber.
getting-started
abstractions
- AsciiRenderer

- Billboard
- Clone

- ComputedAttribute
- Decal

- Edges

- Effects
- GradientTexture

- Image





- MarchingCubes
- Outlines

- PositionalAudio

- Sampler



- ScreenSizer
- ScreenSpace
- Splat

- Svg
- Text

- Text3D

- Trail
- useAnimations

cameras
controls
- CameraControls

- FaceControls


- Controls
- KeyboardControls

- MotionPathControls

- PresentationControls


- ScrollControls






gizmos
loaders
- CubeTexture / useCubeTexture
- Fbx / useFBX
- Gltf / useGLTF

- Ktx2 / useKTX2
- Loader

- Progress / useProgress
- ScreenVideoTexture
- Texture / useTexture
- TrailTexture / useTrailTexture

- useFont
- useSpriteLoader
- VideoTexture / useVideoTexture


- WebcamVideoTexture
misc
- CubeCamera / useCubeCamera
- CycleRaycast

- DetectGPU / useDetectGPU
- Example
- FaceLandmarker
- Fbo / useFBO
- Html





- Select

- Sprite Animator

- StatsGl
- Stats
- Trail / useTrail
- useAspect
- useBoxProjectedEnv

- useCamera

- useContextBridge
- useCursor
- useDepthBuffer

- useIntersect

- useSurfaceSampler
- Wireframe

modifiers
performances
- AdaptiveDpr
- AdaptiveEvents
- BakeShadows
- Bvh
- Detailed

- Instances


- Merged

- meshBounds
- PerformanceMonitor
- Points
- Preload
- Segments
portals
shaders
- MeshDiscardMaterial
- MeshDistortMaterial

- MeshReflectorMaterial


- MeshRefractionMaterial

- MeshTransmissionMaterial

- MeshWobbleMaterial
- PointMaterial

- shaderMaterial

- SoftShadows


shapes
staging
INSTALL
If you make a component that is generic enough to be useful to others, think about CONTRIBUTING!
npm install @react-three/drei
Important
this package is using the stand-alone three-stdlib instead of three/examples/jsm.
Basic usage
import { PerspectiveCamera, PositionalAudio, ... } from '@react-three/drei'
React-native
import { PerspectiveCamera, PositionalAudio, ... } from '@react-three/drei/native'
The native route of the library does not export Html or Loader. The default export of the library is web which does export Html and Loader.




































