awesome-threejs
3️⃣ A curated list of awesome ThreeJS resources
https://github.com/AxiomeCG/awesome-threejs
Last synced: 18 days ago
JSON representation
-
3D assets
-
3D modeling
-
Other
- Blender
- Houdini
- Spline
- img2threejs - only, procedural, quality-gated Three.js model. Pure-Python stdlib tooling emits diffable TypeScript, no downloaded meshes. by [@hoainho](https://github.com/hoainho)
-
-
3D Theory
-
Audio Visualization
-
Other
- Audio Reactive 3D Visualizer - licensed browser-based music
-
-
Characters
-
Svelte
-
-
Collision detection
-
Common
-
Constructive Solid Geometry
-
Svelte
- three-bvh-csg - mesh-bvh. (Amazing tool to perform some Boolean operations between meshes like intersection, difference, ...)
-
-
Controls
-
Installed tools
- camera-controls - rounded camera controller for ThreeJS with damping, boundaries, and smooth transitions between viewpoints — more full-featured than the built-in OrbitControls.
- three-pivot-controls - 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.
-
-
Core
-
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.
- Official Slack
- Official Twitter
-
-
Creative Coding
-
Cube Texture
-
Other
-
-
Debug/Optimization
-
Other
- gltf-transform - Software) for optimizing textures on the GPU by [@donmccurdy](https://github.com/donmccurdy)
-
-
Documentation
-
Generative Art
-
GLSL/HLSL Shaders
-
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.
-
-
GLSL Shaders
-
Hosting
-
Installed tools
-
-
Matcaps
-
Materials
-
Miscellaneous
-
Pathfinding
-
Physics
-
Related Frameworks
-
Angular
-
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)
- morph-hero - hero.othmaro.dev](https://morph-hero.othmaro.dev) by [@othmarodev](https://github.com/othmarodev)
-
Svelte
-
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)
-
-
Sandbox
-
Installed tools
-
-
Scene Creation
-
Other
-
-
Shaders
-
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.
-
Online tools
- @mandy3284
- 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)
- ShaderShop editor
- @iquilezles
-
-
Spatial querying & Raycasting
-
Svelte
-
-
Textures
- 3D textures
- Arroway Textures - time use.
- ambientCG - CC0 textures for Physically Based Rendering
-
ThreeJS
-
Tutorials
- Surface Sampling in Three.js
- How to Create a Fake 3D Image Effect with WebGL
- Tutorial on Matrices
- TutorialSearch - Free cross-platform search engine indexing 50,000+ tutorials from Udemy, Skillshare, Pluralsight, and other major learning platforms across 45+ categories.
-
Uncategorized
-
Uncategorized
-
-
Water
Programming Languages
Categories
Shaders
18
Core
17
Related Frameworks
17
GLSL Shaders
14
Water
6
ThreeJS
6
Collision detection
5
3D Theory
5
Tutorials
4
Physics
4
3D modeling
4
Uncategorized
3
Sandbox
3
Common
3
Materials
3
Pathfinding
3
Generative Art
3
Documentation
3
Textures
3
3D assets
2
Controls
2
Cube Texture
2
Characters
2
Constructive Solid Geometry
1
Scene Creation
1
Creative Coding
1
Debug/Optimization
1
Audio Visualization
1
GLSL/HLSL Shaders
1
Matcaps
1
Spatial querying & Raycasting
1
Miscellaneous
1
Hosting
1
Sub Categories
Keywords
threejs
16
webgl
15
3d
9
opengl
5
awesome
5
awesome-list
5
react
4
game-development
4
postprocessing
3
webgpu
3
geometry
3
graphics
3
computer-graphics
3
glsl
3
list
3
shaders
2
animation
2
svelte
2
graphics-programming
2
creative-coding
2
three
2
vulkan
2
react-three-fiber
2
three-mesh-bvh
2
vertex-shaders
2
texture
2
glsl-editors
2
art
2
design
2
fragment-shader
2
three-js
2
vue
2
vite
2
declarative
2
game-engine
2
composable
2
raytracing
1
pathtracing
1
theatrejs
1
fiber
1
mesh
1
rapier
1
performance
1
renderer
1
webvr
1
point-cloud
1
acceleration
1
bounds
1
bounds-hierarchy
1
intersection
1