Create Sandbox
Find @react Three/fiber Examples and Templates
Use this online @react-three/fiber playground to view and fork @react-three/fiber 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
Shows how to form self-contained components with their own state and user interaction.
drcmda
demo
React Three Fiber Starter Kit
A template with a pre-set scene ready to start customizing.
SteveCastle
Shopping
drcmda
react-three-template
Matt's react-three-fiber starter.
mattrossman
WebGL Switch
Animating both the dom as well as the canvas with a single spring.
Portfolio
A "Hello World" application with multiple pages that shows how Next.js routing works.
r3f-journey-levels-level-1
Level 1 model from Three.js Journey course implemented with react-three-fiber
r3f ⚡️template
gsimone
reflectorplanes-and-bloom
Playing with reflections, bloom and camera-shake.
Springy Boxes
Colorful boxes changing position with spring physics
layer-materials
Shows how to form self-contained components with their own state and user interaction.
ecctrl (w/o animations)
ErdongChen-Andrew
Three-fiber-template
mwwalex
example-cra
r3f-journey-shaders-patterns
Shader patterns example from Three.js Journey course implemented with react-three-fiber
React-Three-Fiber Sandbox 2.5
wiledal
complex-materials
Find more examples or templates
