3️⃣ A curated list of awesome ThreeJS resources
This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.
is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL.
Point cloud data loader.
A must-read book to be comfortable with 3D maths. by @ZPostFacto & @Ian-Parberry
A reference in term of PBR concepts. A gold mine. by @mmp, @wjakob & @humper
Amazing book by a very funny author about a bunch of stuff to make experiences more natural based on the Processing language by @shiffman
Create stunning 3D web apps using Three.js.
A great course accessible for the most beginner programmer who wants to learn how to make ThreeJS 3D experiences from scratch. by @bruno_simon
by @iced_coffee_dev
A reference on the road to master shaders. And it's free. by @patriciogv
Fantastic articles and explanations. Formerly ThreeJsFundamentals.
Documentation on GLSL
A very comprehensive article on homogeneous coordinates and projective geometry (To finally understand what is the 4th coordinate (w) in your vertex shaders)
A comprehensive article about MeshSurfaceSampler
A good article to learn how to add a fake depth to a 2D image in ThreeJS.
A limpid tutorial
Free cross-platform search engine indexing 50,000+ tutorials from Udemy, Skillshare, Pluralsight, and other major learning platforms across 45+ categories. to understand shader projection, view and model matrices (visually impactful)
Clever approach to caustics rendering
Awesome article for the ones that want to create truly realistic water
Really awesome evolutive tutorial to acquire some knowledge on Generative Art by @rumyra & @tholman
Visual search engine by keyword or picture (a bit like Pinterest)
Good source of inspiration
Some awesome videos about ShaderShop and more. by @mandy3284
Contains a bunch of curated resources (tools, tutorials, libraries, and techniques...) related to Three.js
. Large matcap texture library in PNG and ZMT, organized by color.
Assets for 3D artists (Textures, Models, HDRI)
Public CC0 3D Asset Library (Textures, Models, HDRI)
Free PBR textures with Diffuse, Normal, Displacement, Occlusion, Specularity and Roughness Maps.
Digital textures for 3D rendering and real-time use.
A useful set of signal shaping patterns (to convert into GLSL) by @iquilezles
Awesome set of shaping functions for shaders by @golan
A quick reminder on how to make some signal patterns by @kyndinfo
Noises coded by others so you can use them directly in your shaders for cool effects (included: Perlin noises)
There are also some links with explanation of the approach
This is a tarot deck for learning GLSL shaders. Each PixelSpirit card has a visual element and its GLSL shader code. The cards are ordered from simplest to most complex, building a library of code functions that combine like a book of spells to form an infinite visual language. by @patriciogv
Library associated with the PixelSpirit Elemens Deck by @patriciogv
An MIT-licensed browser-based music visualizer combining Three.js, WebGL, and the Web Audio API, with real-time rendering and Full HD MP4 export — by @7g3n.
Web app to diagnose, optimize your gltf files. Nice inspector that even support BASIS/KTX2 textures. by @donmccurdy
CLI to run on your GLTF file for a lot of different optimizations (welding, pruning, draco compression...). It also enables the conversion of textures into KTX2 for optimizing textures on the GPU by @donmccurdy
Node-based WebGL design tool, used for procedural geometry, particles, materials and animation.
Blender based tool, to convert your Blender files directly to threeJS.
Free and powerful to create your own 3D assets. A lot of export file extensions are available.
To create procedural 3D assets. The free licence "Houdini Apprentice" can be used to learn (no commercial usage)
Rebuild the object in a reference image as a code-only, procedural, quality-gated Three.js model. Pure-Python stdlib tooling emits diffable TypeScript, no downloaded meshes. by @hoainho
A tool to convert your HDRI file into a Cube map that can be load as a CubeTexture in ThreeJS. by @matheowis
Powerful tool to wrap your head around and test shaping signals in GLSL by @iquilezles
Visually impactful editor to work on shaping signals, by drag and dropping patterns. (Mindblowingly awesome) by @mandy3284
The shader tool for the web. NodeToy provides creators a powerful editor to create incredible new shaders and visual effects. If you are a react-three-fiber user, consider checking react-nodetoy. All of this provided by @Nodetoy.
A JavaScript library for creating interactive procedural 2D and 3D shaders. Helpful for raymarching shaders (the raymarcher is already built-in, SDFs and boolean operation between them already available). Works both in p5js style and GLSL. (to contribute) by @shader-park
Console-based GLSL Sandbox for 2D/3D shaders by @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.
Sandbox to experiment and share with people. ThreeJS template can be easily found.
Found it hard to configure for ThreeJS x Typescript, but a good sandbox to try out new things.
A nice tool to, for example, try out your Blender exports and how they will react in ThreeJS.
a granular and multi-language shader library designed for performance and flexibility by @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.
A mastodon for animations in CSS and for three.js too, backed up by awesome plugins like ScrollTrigger, Flip,... and mostly framework agnostic.
by @yomotsu: A well-rounded camera controller for ThreeJS with damping, boundaries, and smooth transitions between viewpoints — more full-featured than the built-in OrbitControls.
by @bbdaii: A gizmo-style pivot control for vanilla ThreeJS — drag to translate, rotate, and scale objects with mouse and touch, inspired by drei's PivotControls but framework-free.
A declarative way of handling your ThreeJS stuff for React by @pmndrs
Useful helpers for react-three-fiber by @pmndrs
A postprocessing wrapper for @react-three/fiber by @pmndrs
An awesome library about physically accurate animations. Works smoothly also for react-three-fiber using the package @react-spring/three
A nice animation library for react, and can be used with react-three-fiber too through the framer-motion-3d package usage. Very nice for binding animation on entering and leaving the viewport element.
A cinematic portfolio hero component where particles morph between a country flag and a name, with constellation lines and mouse parallax. Single particle system architecture. Live demo at morph-hero.othmaro.dev by @othmarodev
Declarative ThreeJS inspired by r3f for the Angular ecosystem by @nartc
The equivalent of r3f for VueJS by @troisjs
Declarative ThreeJS using Vue Components by @tresjs_dev
Collection of useful helpers and fully functional, ready-made abstractions for TresJs @tresjs_dev
Post-processing library for TresJs @tresjs_dev
A three.js component library for Svelte
Declarative ThreeJS for Svelte by @Rich-Harris
A postprocessing wrapper for Threlte by @1bye
by @gkjohnson: Highly effective way to check for collisions and to accelerate raycasting by the usage of bounding volume hierarchy. (Really a must have in your toolkit)
by @gkjohnson: A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh. (Amazing tool to perform some Boolean operations between meshes like intersection, difference, ...)
Useful library with tons of settings
Three.js plugin for navigation
Easy to use steering library
A complete character skinning & animation library for the web
Library for procedural character generation. Armature included
Fast Fourier Transform ocean rendering for Three.js
Marvellous project with realistic water interaction
Demo project that shows water ripple effect
AABB based collision detection
Forum where you can ask your questions ( be sure to search well before)
Official three.js forum.
VoltAgent/awesome-openclaw-skills
The awesome collection of OpenClaw skills. 5,400+ skills filtered and categorized from the official OpenClaw Skills Registry.🦞
awesome-dsh-plugin/awesome-dsh-plugin
A curated list of plugins for DeepSeek Harness (dsh) · DeepSeek Harness 插件精选列表
Kristories/awesome-guidelines
Programming style, best practices, and coding conventions.
sindresorhus/awesome
😎 Awesome lists about all kinds of interesting topics [NOTE: Pull requests are temporarily disabled until I have a chance to catch up with the existing ones]
ai-boost/awesome-prompts
Curated list of chatgpt prompts from the top-rated GPTs in the GPTs Store. Prompt Engineering, prompt attack & prompt protect. Advanced Prompt Engineering papers.
matiassingers/awesome-readme
A curated list of awesome READMEs