• @iced_coffee_dev
• @patriciogv
• The Easiest Way to Learn GLSL
• @iced_coffee_dev
• The Book of Shaders
• @patriciogv
• ShaderToy
• ShaderShop videos

Online tools

• GraphToy
• ShaderShop editor
• NodeToy - three-fiber user, consider checking [react-nodetoy](https://github.com/NodeToy/react-nodetoy). All of this provided by [@Nodetoy](https://github.com/NodeToy).
• Shader Park - in, SDFs and boolean operation between them already available). Works both in p5js style and GLSL. ([to contribute](https://github.com/shader-park/shader-park-core)) by [@shader-park](https://github.com/shader-park)
• @mandy3284

Installed tools

• glslViewer - based GLSL Sandbox for 2D/3D shaders by [@patriciogv](https://twitter.com/patriciogv). Battle-tested by its creator, it enables to build a creative pipeline agnostic to the target platform and to iterate very fast and with less frictions for making a draft of your shaders ideas. A must-have in your toolkit.

Other

• Houdini
• Spline
• Blender

Other

• Adobe Substance3D Suite
• Adobe Substance3D Suite

Other

• @matheowis
• HDRI-to-CubeMap

Installed tools

• codesandbox
• codepen
• threejs-editor

Installed tools

• vercel

React

• @pmndrs
• react-spring - three-fiber using the package [`@react-spring/three`](https://www.react-spring.dev/docs/guides/react-three-fiber)
• react-three-fiber
• drei - three-fiber by [@pmndrs](https://github.com/pmndrs)
• react-postprocessing - three/fiber by [@pmndrs](https://github.com/pmndrs)

Angular

• @nartc
• angular-three

Svelte

• @Rich-Harris
• threlte
• svelte-cubed

Vue

• trois
• TresJs
• Cientos - made abstractions for TresJs [@tresjs_dev](https://github.com/Tresjs)
• tres-post-processing - processing library for TresJs [@tresjs_dev](https://github.com/Tresjs)

Uncategorized

• ThreeJS official website
• ThreeJS examples
• ThreeJS documentation

• Real-time rendering of water caustics
• Realtime fluid simulation

Svelte

• fft-ocean
• skunami.js
• Shallow water

• Bounding volume collision detection
• Physics based collision detection

Svelte

• Raycast based Collision detection
• Axis-Aligned Bounding Boxes

Main

• Shaping functions
• @golan
• Cheat sheet on curves
• @kyndinfo
• GLSL Noises
• Realistic water shader
• Signal shaping functions
• @iquilezles

Other

• PixelSpirit Elements Deck
• PixelSpirit GitHub

Svelte

• Stackoverflow ThreeJS
• Official ThreeJS Discord
• Official ThreeJS Forum
• Official Slack
• Official Twitter
• Official Reddit
• awesome-webgl - A curated list of awesome WebGL libraries, resources and
• awesome-opengl - A curated list of awesome OpenGL libraries, debuggers and
• awesome-creative-coding - A carefully curated list of awesome
• awesome-computer-vision - A curated list of awesome computer
• awesome-vulkan - A curated list of awesome Vulkan projects and ecosystem.
• gamedev - A awesome list about game development.
• awesome-glsl - A curated list of awesome GLSL resources.
• awesome-webgpu - A curated list of awesome WebGPU resources.
• graphics-resources - A list of graphic programming resources.

Installed tools

• lygia - language shader library designed for performance and flexibility by [@patriciogv](https://twitter.com/patriciogv). A cross platform library that will help you iterate on your shaders very easily. Going deep in the code of a specific functionality can also help you learn GLSL/HLSL.

Svelte

• cannon-es
• Oimo.js
• Rapier

Svelte

• three-mesh-bvh

Svelte

• three-bvh-csg - mesh-bvh. (Amazing tool to perform some Boolean operations between meshes like intersection, difference, ...)

Svelte

• Pathfinging.js
• Three-pathfinging
• Kompute

Svelte

• ossos
• mannequin.js