drei

This is a collection of useful helpers and abstractions for react-three-fiber, saving you some boilerplate.

yarn add drei

import { ... } from 'drei'

Exports

• OrbitControls, <OrbitControls enableDamping ... />
• MapControls, <MapControls enableDamping ... />
• TrackballControls, <TrackballControls ... />
• TransformControls, <TransformControls ... >{child}</TransformControls>
• draco, useLoader(GLTFLoader, url, draco())

Contributions

If you find yourself repeating set-up code often and if it's generic enough, add it here, everyone benefits!

Requirements

• Types
• ForwardRefs if possible, so that objects can be referenced
• Invalidate frames on any movement
• Cleanup on unmount, no left-overs