n1ru4l / awesome-react-three-fiber

🍕 A loose collection of cool r3f links, gifs, people, stuff

🍕 Awesome React Three Fiber

A loose collection of cool react-three-fiber related projects/demos/gifs/stuff/pizza

Libraries

• react-postprocessing
• drei

Materials, Shaders

Iridescent Material Shader by @jongold

https://twitter.com/jongold/status/1282715082472820742?s=21

Based on https://github.com/DerSchmale/threejs-thin-film-iridescence

Made with R3F

Rakes https://yehrhrhehrg.com/*

Code

* Yes, that's the right URL.

Zustand https://zustand.surge.sh/

A whimsical illustration with parallax, depth of field and blowing leaves. Code here: https://xgjtc.csb.app/

Tutorials & code

Text

• Three.js Tips and Tricks
• Write your first VR web application using React and WebXR by @dubenko_
• How to Create Procedural Clouds Using Three.js Sprites by Roberti Borghesi @dghez_

Contributing

Contribute by adding an entry to this README. Screenshots when adding a material would be great, but I can add them later. Self promo welcome.