Examples
A few examples that demonstrate what you can do with React Three Fiber
Showcase
SSGI spheres with rapier physics
Thunder clouds
MotionPathControls
Room with soft shadows
Volumetric light, Godray
Enter portals
Pass through portals
Magic box
Video cookies
glass flower
Cards
Diamond ring
Image Gallery
Horizontal tiles
BestServedBold Christmas Baubles
The three graces
Frosted glass
GLTFJSX 400kb drone
Starwars
Bruno Simons 20k challenge
Scrollcontrols and lens refraction
Building dynamic envmaps
Nextjs prism
Building live envmaps
Shoe configurator
Audio analyser
Ground reflections and video textures
ThreeJS Journey Portal
Mixing HTML and WebGL w/ occlusion
Interactive spline scene + live HTML
Diamond refraction
Diamond ring
Envmap ground projection
Spline glass shapes
CSG bunny, useGroups
CSG house
GLTF Animations tied to scroll
Object clump
HTML Input fields
UseIntersect and scrollcontrols
Infinite scroll
Scrollcontrols with minimap
Instanced particles + Effects
Dbismut furniture
Portal shapes
Aquarium
Portals
Inter, epoxy resin
Stage presets, gltfjsx
React EllipseCurve
Iridescent decals
Baking soft shadows
SSR Test
CSG operations + Rapier physics
Faucets, select highlight
Rapier physics
bloom hdr workflow, GLTF
Ground projected envmaps + lamina
Basic ballpit
Backdrop and cables
Clones
lamina 1.x
React-pp outlines
Gatsby stars
Pmndrs + Vercel
Sport hall
Night train
Bouncy watch
Transparent aesop bottles
Raycast cycling
Landing page.
Scrollcontrols + GLTF
Merged Instance
GPGPU Curl-noise + DOF
Hi-key bubbles
Floating, instanced shoes.
Simple audio analyser
Camera Scroll
Springy boxes
Floating diamonds
GLTF Animations
Sparks and effects
Camera shake
Ragdoll physics
React-spring animations
Mount transitions
Floating laptop
Zustand site
Cell fracture
Router transitions
Soft shadows
Lulaby city
Viking ship
Wobbling sphere
Moksha
Flexbox/Yoga in Webgl
Confetti
Learn with Jason
Volumetric spotlight
Game prototypes
Basic examples
Basic demo
Spherical word-cloud
drei/RenderTexture
BVH
Environment blur and transitions
Pairing Threejs to UI
Inverted stencil buffer
Stencil mask
TransformControls and makeDefault
Bounds and makeDefault
Instanced vertex-colors
Progressive loading states with suspense
View tracking
Multiple views with uniform controls
Canvas + text
GLTF Animations re-used
Re-using GLTFs
SVG-renderer
Mixing HTML and Webgl
Viewcube
Mixing controls
Video textures
Sky dome with annotations
Tying canvas to scroll-offset
EdgesGeometry
HTML annotations
Shadermaterials
Simple physics demo.
Trigger meshes
Simple physics demo with debug bounds
Selective outlines
Instances
Physics with convex-polyhedrons
Color grading
Grass shader
Clouds
SVG maps with HTML annotations
Re-using geometry and level of detail
HTML Markers
Bezier curves & nodes
Shader fire
Water shader
Staging and CameraShake
Shader HMR