Find Three Examples and Templates

Use this online three playground to view and fork three 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.

react-three-fiber starter

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

demo

Three TS Starter

Three TS Starter

React Three Fiber Starter Kit

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

Shopping

Three.js example

Three.js example Demo basic scene

react-three-fiber TypeScript

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

Three.js Starter Template

Three.js Starter Template

react-three-template

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

Three.js

r3f-simple

WebGL Switch

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

Three.js GLTF loader Example

Three.js GLTF loader Example Ported and simplified the gltf loader example from the three.js website

react-three-fiber-starter

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

postprocessing

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.

Find more examples or templates