# Drei

## Documentation

- [Introduction](/getting-started/introduction): Useful helpers for @react-three/fiber
- [AsciiRenderer](/abstractions/ascii-renderer)
- [Billboard](/abstractions/billboard)
- [Clone](/abstractions/clone)
- [ComputedAttribute](/abstractions/computed-attribute)
- [Decal](/abstractions/decal)
- [Edges](/abstractions/edges)
- [Effects](/abstractions/effects)
- [GradientTexture](/abstractions/gradient-texture)
- [Image](/abstractions/image)
- [MarchingCubes](/abstractions/marching-cubes)
- [Outlines](/abstractions/outlines)
- [PositionalAudio](/abstractions/positional-audio)
- [Sampler](/abstractions/sampler)
- [ScreenSizer](/abstractions/screen-sizer)
- [ScreenSpace](/abstractions/screen-space)
- [Splat](/abstractions/splat)
- [Svg](/abstractions/svg)
- [Text](/abstractions/text)
- [Text3D](/abstractions/text3d)
- [Trail](/abstractions/trail)
- [useAnimations](/abstractions/use-animations)
- [CubeCamera](/cameras/cube-camera)
- [OrthographicCamera](/cameras/orthographic-camera)
- [PerspectiveCamera](/cameras/perspective-camera)
- [CameraControls](/controls/camera-controls)
- [FaceControls](/controls/face-controls)
- [Controls](/controls/introduction)
- [KeyboardControls](/controls/keyboard-controls)
- [MotionPathControls](/controls/motion-path-controls)
- [PresentationControls](/controls/presentation-controls)
- [ScrollControls](/controls/scroll-controls)
- [DragControls](/gizmos/drag-controls)
- [GizmoHelper](/gizmos/gizmo-helper)
- [Grid](/gizmos/grid)
- [Helper / useHelper](/gizmos/helper-use-helper)
- [PivotControls](/gizmos/pivot-controls)
- [TransformControls](/gizmos/transform-controls)
- [CubeTexture / useCubeTexture](/loaders/cube-texture-use-cube-texture)
- [Fbx / useFBX](/loaders/fbx-use-fbx)
- [Gltf / useGLTF](/loaders/gltf-use-gltf)
- [Ktx2 / useKTX2](/loaders/ktx2-use-ktx2)
- [Loader](/loaders/loader)
- [Progress / useProgress](/loaders/progress-use-progress)
- [ScreenVideoTexture](/loaders/screen-video-texture)
- [Texture / useTexture](/loaders/texture-use-texture)
- [TrailTexture / useTrailTexture](/loaders/trail-texture-use-trail-texture)
- [useFont](/loaders/use-font)
- [useSpriteLoader](/loaders/use-sprite-loader)
- [VideoTexture / useVideoTexture](/loaders/video-texture-use-video-texture)
- [WebcamVideoTexture](/loaders/webcam-video-texture)
- [CubeCamera / useCubeCamera](/misc/cube-camera-use-cube-camera)
- [CycleRaycast](/misc/cycle-raycast)
- [DetectGPU / useDetectGPU](/misc/detect-gpu-use-detect-gpu)
- [Example](/misc/example)
- [FaceLandmarker](/misc/face-landmarker)
- [Fbo / useFBO](/misc/fbo-use-fbo)
- [Html](/misc/html)
- [Select](/misc/select)
- [Sprite Animator](/misc/sprite-animator)
- [StatsGl](/misc/stats-gl)
- [Stats](/misc/stats)
- [Trail / useTrail](/misc/trail-use-trail)
- [useAspect](/misc/use-aspect)
- [useBoxProjectedEnv](/misc/use-box-projected-env)
- [useCamera](/misc/use-camera)
- [useContextBridge](/misc/use-context-bridge)
- [useCursor](/misc/use-cursor)
- [useDepthBuffer](/misc/use-depth-buffer)
- [useIntersect](/misc/use-intersect)
- [useSurfaceSampler](/misc/use-surface-sampler)
- [Wireframe](/misc/wireframe)
- [CurveModifier](/modifiers/curve-modifier)
- [AdaptiveDpr](/performances/adaptive-dpr)
- [AdaptiveEvents](/performances/adaptive-events)
- [BakeShadows](/performances/bake-shadows)
- [Bvh](/performances/bvh)
- [Detailed](/performances/detailed)
- [Instances](/performances/instances)
- [Merged](/performances/merged)
- [meshBounds](/performances/mesh-bounds)
- [PerformanceMonitor](/performances/performance-monitor)
- [Points](/performances/points)
- [Preload](/performances/preload)
- [Segments](/performances/segments)
- [Fisheye](/portals/fisheye)
- [Hud](/portals/hud)
- [Mask](/portals/mask)
- [MeshPortalMaterial](/portals/mesh-portal-material)
- [RenderCubeTexture](/portals/render-cube-texture)
- [RenderTexture](/portals/render-texture)
- [View](/portals/view)
- [MeshDiscardMaterial](/shaders/mesh-discard-material)
- [MeshDistortMaterial](/shaders/mesh-distort-material)
- [MeshReflectorMaterial](/shaders/mesh-reflector-material)
- [MeshRefractionMaterial](/shaders/mesh-refraction-material)
- [MeshTransmissionMaterial](/shaders/mesh-transmission-material)
- [MeshWobbleMaterial](/shaders/mesh-wobble-material)
- [PointMaterial](/shaders/point-material)
- [shaderMaterial](/shaders/shader-material)
- [SoftShadows](/shaders/soft-shadows)
- [CatmullRomLine](/shapes/catmull-rom-line)
- [CubicBezierLine](/shapes/cubic-bezier-line)
- [Facemesh](/shapes/facemesh)
- [Line](/shapes/line)
- [Mesh](/shapes/mesh)
- [QuadraticBezierLine](/shapes/quadratic-bezier-line)
- [RoundedBox](/shapes/rounded-box)
- [ScreenQuad](/shapes/screen-quad)
- [AccumulativeShadows](/staging/accumulative-shadows)
- [Backdrop](/staging/backdrop)
- [BBAnchor](/staging/bb-anchor)
- [Bounds](/staging/bounds)
- [CameraShake](/staging/camera-shake)
- [Caustics](/staging/caustics)
- [Center](/staging/center)
- [Cloud](/staging/cloud)
- [ContactShadows](/staging/contact-shadows)
- [Environment](/staging/environment)
- [Float](/staging/float)
- [Lightformer](/staging/lightformer)
- [MatcapTexture / useMatcapTexture](/staging/matcap-texture-use-matcap-texture)
- [NormalTexture / useNormalTexture](/staging/normal-texture-use-normal-texture)
- [RandomizedLight](/staging/randomized-light)
- [Resize](/staging/resize)
- [ShadowAlpha](/staging/shadow-alpha)
- [Shadow](/staging/shadow)
- [Sky](/staging/sky)
- [Sparkles](/staging/sparkles)
- [SpotLightShadow](/staging/spot-light-shadow)
- [SpotLight](/staging/spot-light)
- [Stage](/staging/stage)
- [Stars](/staging/stars)
- [useEnvironment](/staging/use-environment)

## MCP Server

This documentation is available via Model Context Protocol (MCP) server at https://docs.pmnd.rs/api/mcp

Configure in your MCP client:
```json
{
  "mcpServers": {
    "pmndrs": {
      "type": "http",
      "url": "https://docs.pmnd.rs/api/mcp"
    }
  }
}
```

---

For full documentation content, see llms-full.txt