Awesome React Three Fiber

Poimandres links

• Official website
• Github
• Twitter
• Poimandres twitter list
• Discord

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

• react-use-measure
• react-spring
• react-use-gesture
• leva

State management

• zustand
• jotai
• valtio

Physics

• cannon-es
• use-cannon

Community ecosystem libraries

• r3f-perf
• three-material-editor
• use-r3f-assets

Gamedev

• react-three-game-starter
• react-three-game-engine
• react-three-game-example
• r3f-game-demo
• rgg

Codesandbox links

• Paul Hecnschel
• Gianmarco
• Marco Ludovico Perego
• Curated collections

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.