awesome-react-three-fiber
awesome-react-three-fiber copied to clipboard
Published
20 hours ago •
gsimone
gsimone
🍕 A loose collection of cool r3f links, gifs, people, stuff
Awesome React Three Fiber 
Poimandres links
Poimandres ecosystem libraries
3D
- react-three-fiber
- react-three-next
- react-three-lightmap
- react-postprocessing
- react-three-a11y
- react-three-flex
- drei
- react-xr
- use-asset
- component-material
- gltfjsx
React tools
State management
Physics
Community ecosystem libraries
Gamedev
Codesandbox links
Github links
| Name | Link |
|---|---|
| r3f-raymarching | link |
| neoleon | link |
Tweet/Thread
| Name | Link |
|---|---|
| Why use react for threejs? | link |
Tutorials/Articles
| Title | Link |
|---|---|
| How to Create Procedural Clouds Using Three.js Sprites | link |
| Write your first VR web application using React and WebXR | link |
| The Big List of three.js Tips and Tricks! | link |
| Creating a Skybox with Reflections in React Three Fiber | link |
| Creating Mirrors in React-Three-Fiber and Three.js | link |
| Recreating a Dave Whyte Animation in React-Three-Fiber | link |
| How to Build a Creative Portfolio with React JS and WebGL | link |
| Create a 3D product landing page with ThreeJs and React | link |
| Making a 2D RPG game with react-three-fiber | link |
| A Dive Into React And Three.js Using react-three-fiber | link |
| Notes on react-three-fiber | link |
| 3D rendering in the browser with react-three-fiber | link |
| Building Future UIs | link |
Videos
| Title | Link |
|---|---|
| React & Three.js Building Interactive Minecraft Chest Model with React Three Fiber Episode 1 | link |
| Building JavaScript Minecraft in 1 Hour [React & Three.js Tutorial] | link |
Made with R3F
| Title | Link |
|---|---|
| Dungeon Revealer | link |
| Rakes | link |
| Colmen's Quest | link |
Contributing
Contribute by adding an entry to this README. Self promo welcome.
gsimone