Create Sandbox
Find @types/three Examples and Templates
Use this online @types/three playground to view and fork @types/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
Shows how to form self-contained components with their own state and user interaction.
drcmda
demo
Three TS Starter
willgriffiths
Shopping
drcmda
r3f-journey-levels-level-1
Level 1 model from Three.js Journey course implemented with react-three-fiber
layer-materials
Shows how to form self-contained components with their own state and user interaction.
r3f-journey-shaders-patterns
Shader patterns example from Three.js Journey course implemented with react-three-fiber
complex-materials
React-Three-Fiber Sandbox 2.5
wiledal
react-three-fiber typescript template
jhsu
raycast-vehicle
Using use-cannon / cannon-es to implement a raycast vehicle.
r3f-journey-classic-techniques-scroll-based-animation
Scroll based animation example from Three.js Journey course implemented with react-three-fiber
Google Maps and ThreeJS
Use Google Maps and @googlemap/three to add ThreeJS objects to a map. Reference docs: https://googlemaps.github.io/js-three/index.html
jpoehnelt
csg-house
three-cube-sample
r3f-journey-extra-portal
Portal example from Three.js Journey course implemented with react-three-fiber
react-three-fiber-vrm
load and display a vrm model using r3f and three-vrm
r3f template
gsimone
Find more examples or templates
