Create Sandbox
Find Babel Plugin Glsl Examples and Templates
Use this online babel-plugin-glsl playground to view and fork babel-plugin-glsl 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!
r3f-journey-shaders-patterns
Shader patterns 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
scrollcontrols-gltf
Connecting models with useScroll
r3f shader
Shows how to create HMR shaders
RenaudRohlinger
gpgpu-curl-noise-dof
Curl noise and depth of field.
@three-material-editor/react
RenaudRohlinger
r3f-journey-shaders-raging-sea
Raging Sea example from Three.js Journey course implemented with react-three-fiber
r3f-next-starter
molotovbliss/React-3JS-fire-waterGLS
next-typescript
A minimalist boilerplate — Next.js with TypeScript.
r3f shader template
Shows how to create HMR shaders
stefan_14islands
threejs-final
Threejs journey (forked)
The last scene from Bruno Simons Threejs journey in react-three-fiber
ewmew11
react-three-fiber-playground
emmelleppi/r3f-balloons-in-da-clouds
three-test
GLS 2
coachedby
fiber-starter
Find more examples or templates
