React Three Fiber Patterns

Build 3D scenes declaratively with React using react-three-fiber.

Setup

npm install three @react-three/fiber @react-three/drei
npm install -D @types/three

Basic Scene

import { Canvas } from '@react-three/fiber'
import { OrbitControls, Environment } from '@react-three/drei'