Create Sandbox
Find Leva Examples and Templates
Use this online leva playground to view and fork leva 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!
pmndrs/use-gesture
react-spring-config
jumbojosh
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.
ecctrl (w/o animations)
ErdongChen-Andrew
Three-fiber-template
mwwalex
CSS Gradients
Use interpolations & easings to create the CSS gradients you've been seeing all over the web.
r3f-journey-shaders-patterns
Shader patterns example from Three.js Journey course implemented with react-three-fiber
game
r3f-journey-classic-techniques-scroll-based-animation
Scroll based animation example from Three.js Journey course implemented with react-three-fiber
r3f-journey-extra-portal
Portal example from Three.js Journey course implemented with react-three-fiber
caustics
3d-terrain-r3f
react-three-fiber-vrm
load and display a vrm model using r3f and three-vrm
r3f-journey-extra-post-processing
Portal Processing example from Three.js Journey course implemented with react-three-fiber
R3F MorphTargets Demo
Demo of the Cube to Sphere morphing using MorphTargets forked from the standard three.js to R3F
DennisSmolek
action-sheet
r3f-journey-basics-textures
Textures example from Three.js Journey course implemented with react-three-fiber
Find more examples or templates
