Back
Glossary

Drei

A standard library of helpers for React Three Fiber — environments, controls, loaders, shaders, performance utilities. VULK pulls from Drei on every WebGL scene to avoid hand-rolling boilerplate three.js code.

Drei

Drei (German for "three") is the official companion library to React Three Fiber, maintained by the Poimandres collective. It packages the dozens of helpers you'd otherwise write by hand: <OrbitControls> and <CameraControls> for navigation, <Environment> for HDRI lighting, <useGLTF> and <useFBX> loaders, <Float> and <Bounds> for layout, <shaderMaterial> for custom GLSL, <Stats> for FPS overlays, <PerformanceMonitor> for adaptive quality.

VULK's R3F generator pulls from Drei on essentially every WebGL scene. A typical generated hero contains <Canvas> + <Environment preset="studio"> + <OrbitControls enableZoom={false}> + <Float> wrapping the model + <Suspense> for async asset loading. Using Drei rather than raw three.js is the difference between a hero that ships in seconds and one the model has to debug for 10 turns.

See /docs/glossary/react-three-fiber.

On this page

VULK Support

Online

Hi! How can I help you today?

Popular topics

AI support • support.vulk.dev