Introduction
Useful helpers for @react-three/fiber
A growing collection of useful helpers and fully functional, ready-made abstractions for @react-three/fiber.
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
.