Find @react Three/drei Examples and Templates

Use this online @react-three/drei playground to view and fork @react-three/drei example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

Basic demo

Basic demo Shows how to form self-contained components with their own state and user interaction.

demo

React Three Fiber Starter Kit

React Three Fiber Starter Kit A template with a pre-set scene ready to start customizing.

Shopping

react-three-fiber TypeScript

react-three-fiber TypeScript ⚛🟦 react-three-fiber TypeScript starterpack

react-three-template

react-three-template Matt's react-three-fiber starter.

r3f-simple

WebGL Switch

WebGL Switch Animating both the dom as well as the canvas with a single spring.

react-three-fiber-starter

react-three-fiber-starter react-three-fiber with react-spring

threejs-crt-shader

threejs-crt-shader Experiment: rendering custom canvas contents in a simulated 3D CRT monitor

Portfolio

Portfolio A "Hello World" application with multiple pages that shows how Next.js routing works.

r3f-journey-levels-level-1

r3f-journey-levels-level-1 Level 1 model from Three.js Journey course implemented with react-three-fiber

r3f ⚡️template

r3f ⚡️template

reflectorplanes-and-bloom

reflectorplanes-and-bloom Playing with reflections, bloom and camera-shake.

layer-materials

layer-materials Shows how to form self-contained components with their own state and user interaction.

ecctrl (w/o animations)

ecctrl (w/o animations)

ErdongChen-Andrew

Three-fiber-template

Three-fiber-template

minecraft-react

minecraft-react

Find more examples or templates