All Three.js Resources
Browse our complete collection of Three.js tools, resources, and libraries.
Learning Resources(16)
React Three Fiber Configurator Course
Learn to create a 3D configurator using Three.js, React Three Fiber, Valtio and Framer Motion.
Yuri Artiukh
Yuri Artiukh, known online as Akella, is a creative coder and educator
WaelYasmina
Wael Yasmina is a content creator specializing in beginner-friendly tutorials on web technologies
Threeveloper
Threeveloper is a YouTube channel managed by a front-end developer from the Netherlands
WebXR, VR and AR, using Three.JS
Harness the WebXR API and Three.JS to bring immersive experiences, VR and AR, to the browser
Three.js and TypeScript
Learn Threejs, TypeScript and NodeJS to create interactive 3D content on the web.
Gianluca Lomarco
Three.js courses and tutorials
Learning Modern 3D Graphics Programming
OpenGL Tutorial – Foundational Guide to Modern OpenGL Programming
Mastering threejs Instancing
Mastering Three.js Instancing teaches instancing techniques for creating advanced three.js.
Code with Posidoon
"The First Arabic Spoken Course for Three.js" Discover the power of Three.js and begin your journey
Dan Greenheck
Three.js tutorials with a focus on game development
Learn to Code a Minecraft Clone
Learn to code a MInecraft clone with Three.js in this 10 part video series!
Awesome Generative Art
Carefully curated list of awesome resources to create, learn and, drop generative art
Glsl Shaders from scratch
GLSL Shaders from Scratch teaches you to create custom shaders, enhancing three.js resources.
Threejs Journey
Three.js Journey is a comprehensive course to master three.js and 3D web development.
Wawasensei
React Three Fiber Ultimate Guide – Master 3D Web Development with Three.js Resources
Tools & Extensions(22)
Three Low Poly
Parametric low poly modeling for Three.js
Wiggle
The Wiggle Tool is a handy utility for adding dynamic motion effects to objects in Three.js.
Objectverse Converter
Optimise your 3D assets for Spatial Web, Gaming, AR/VR experiences
TinyGLB
Simple 3D model hosting
R3F Flow Field Particles Component
A particle system based on GPGPU, running with React Three Fiber
CAD npm package for threejs by bitbybit.dev
3D CAD algorithms of bitbybit.dev for ThreeJS developers. Powerful geometry kernels for your apps.
Mattercraft
Mattercraft is a visual editor perfected for building interactive 3D, AR, VR and WebXR experiences.
webglstudio
3D Development environment for the web.
Peach Worlds
No-Code Builder for 3D Websites
Facetype
Facetype.js is a JavaScript library that renders 3D text geometry, ideal for three.js resources.
Uil
uil.js is a lightweight ui for javascript with a complete 3d display support. totally customizable,
lil-gui
Makes a floating panel for controllers on the web. Works as a drop-in replacement for dat.gui.
Guify
Guify is a runtime JS library that gives you a simple way to build a GUI for your JS projects.
Tweakpane
Tweakpane is a pane-based control library for real-time parameter adjustments in three.js resources.
Meshamorphosis
Allows batch convert of fbx/obj/gltf to glb, can also batch add animation fbx files from Mixamo
EZ-Tree
A free, open-source, procedural tree generation tool and library.
Elements Hive
A collection of WebGL Elements and Extensions for creating Web Experiences in WordPress
OptimizeGLB
Online tool to compress and optimize .GLB and .GLTF 3D models for faster load times
Cyango
All-in-one Experiences Builder. From 2D to 3D, you can build and export full mobile and web apps.
Hology Engine
Create 3D games and experiences for web, mobile and VR by using web technologies with Hology Engine.
Leva
Leva is a GUI library for creating intuitive controls in three.js resources and web projects.
Dat.gui
dat.GUI is a lightweight controller library for real-time adjustments in three.js resources.
Website(3)
offscreencanvas
OffscreenCanvas is a web API that enables rendering graphics in a separate threa.
sbcode.net
The Three.js and TypeScript Tutorials by Sean Bradley offer a comprehensive guide.
Codrops
This page showcases interactive Three.js demos, highlighting creative 3D web effects and animations.
Blog(3)
Realistic and Fast Water Waves
Shader Techniques: Explanation of custom vertex and fragment shaders for simulating dynamic wave mot
From Perspective to Orthographic Camera in Three.js with Dolly Zoom — Vertigo Effect
A short article showing how to implement a Dolly Zoom effect in three.js
Glossy spheres
Glossy Spheres in Three.js – Tutorial for Realistic 3D Reflections
Materials & Textures(11)
Substance3d
Adobe Substance 3D Assets offers a vast library of high-quality 3D materials.
Matlib
MATLIB by GPUOpen – Comprehensive Material Library for 3D Rendering
Freestylized
Free Stylized offers free, high-quality stylized 3D models and textures, ideal for three.js
Textures.com
Textures.com offers a massive library of high-quality textures, perfect for three.js
Cgbookcase
CGBookcase offers free, high-quality PBR textures, perfect for enhancing three.js
Freepbr
Free PBR offers a collection of free, high-quality PBR textures, ideal for enhancing three.js
Ambientcg
AmbientCG provides free, high-quality PBR materials and textures, perfect for three.js.
Poliigon
Poliigon offers premium textures, HDRIs, and 3D models for enhancing three.js resources and projects
3dtextures
3D Textures offers free, high-quality PBR textures for enhancing three.js resources and 3D projects.
Matcaps nidorx
MatCaps Library provides a collection of material capture textures, perfect for three.js resources.
Polyhaven
Poly Haven offers high-quality 3D assets like HDRIs, textures, and models for three.js.
Models(12)
3D Assets
Тhis project provides online and offline Three.js-based generators of free 3D assets.
Agora
Agora Community – High-quality 3D animation assets, resources, and workshops for animators.
Meshy AI
Meshy offers AI-generated 3D models, perfect for expanding and enhancing three.js resources quickly.
Blendermarket
Blender Market offers premium 3D models, textures, and tools to enhance your three.js
Thebasemesh
The Basemesh offers high-quality 3D base models for enhancing character creation in three.js
Turbosquid
TurboSquid offers a vast marketplace of 3D models, perfect for enhancing three.js.
Free3d
Free3D offers a vast collection of free 3D models, perfect for enhancing three.js.
market.pmnd.rs
PMND.rs Market offers a curated selection of tools, libraries, and assets for three.js
Cgtrader
CGTrader offers a vast marketplace of 3D models, perfect for enhancing three.js projects
Poly Pizza
Poly Pizza offers a library of free, low-poly 3D models perfect for enhancing three.js.
Sketchfab
Sketchfab offers a vast library of 3D models and assets, perfect for enhancing three.js resources.
Clara.io
Clara.io Library offers free 3D models, materials, and animations for use in three.js.
Shaders(6)
Shader learning
Shader Learning is an interactive platform designed to teach and enhance shading skills through probl
real world shader
a collection of shader effects that are actually useful in real world client projects
Shaders.app
Shaders.app is an interactive GLSL shader editor for creating visual effects in three.js
Shadertoy
ShaderToy is an online community and platform for creating, sharing, and exploring GLSL shaders.
Nodetoy
NodeToy is a visual shader editor for creating custom shaders, ideal for three.js resources.
thebookofshaders
The Book of Shaders is an interactive guide to mastering GLSL shaders, ideal for three.js resources.
Animation(3)
Mixamo
Mixamo offers free 3D character models and animations, ideal for enhancing three.js resources.
Gsap
GSAP is a powerful animation library for creating smooth animations, perfect for three.js resources.
goact
A super easy tool to create stunning 3D video in the browser
Physics(5)
Physijs
Physijs is a physics plugin designed to integrate seamlessly with Three.js
Ammo.js
Ammo.js is a powerful physics engine for realistic simulations, ideal for three.js.
Oimo.js
Oimo.js is a lightweight 3d physics engine for JavaScript.
Rapier
Rapier is a fast, cross-platform physics engine for adding realistic physics to three.js
Cannon.js
Cannon.js is a lightweight physics engine for creating 3D simulations in the browser.
Interactivity(1)
Environment(3)
Ihdri
iHDRI offers a collection of high-quality HDRI maps, perfect for lighting and reflections in three.j
HDRI-to-CubeMap
HDRI-to-CubeMap converts HDRI environments to CubeMaps, perfect for lighting in three.js
Skybox Lab
Skybox Lab providing an unparalleled AI-driven platform for creating 360 skybox environments
Performance(4)
tips-and-tricks
Discover Three.js Tips offers essential tips and tricks for optimizing and improving three.js resour
Spector.js
Explore and Troubleshoot your WebGL scenes easily.
Stats.js
Stats.js is a lightweight performance monitor for tracking FPS and rendering in three.js.
three.ez/instanced-mesh
Enhanced InstancedMesh with frustum culling and more.
Multiplayer(1)
Viewers(2)
3D Modeling Software(8)
Smooth Voxels
Turn voxels into smooth organic models. Like Markdown for 3D Models.
Plasticity
Plasticity is a modern CAD tool for creating precise 3D models, perfect for three.js
Bezi
Bezi offers intuitive, no-code tools for designing 3D animations and three.js resources effortlessly
Unicorn Studio
Unicorn Studio offers no-code WebGL tools for crafting motion, interactivity, and three.js
Endlesstools.io
Endless Tools is a design multitool offering fonts, effects, 3D objects, and high-quality exports.
Cinema 4D
Cinema 4D is a professional 3D software for modeling, animation, rendering, and motion graphics.
Spline
Spline is a 3D design tool for creating and exporting interactive 3D experiences easily.
Blender
Blender is a free, open-source 3D creation suite for modeling, animation, and rendering.
Examples(4)
Spotify woad delta
displays recently played and currently playing songs on spotify
VITE + REACT + TS + GLSL- Starter
Starter repo for VITE + REACT + TS + GLSL
CuboVerse
CuboVerse - Interactive 3D Universe on Three.js and Vue.js 🌐🧊
r3f-drei starter
A React Three Fiber starter kit
React.js(3)
Three volumetric clouds
The three-volumetric-clouds library enables realistic, dynamic cloud effects in Three.js projects, w
R3F-WaterSurface
WaterSurface Components offer realistic water reflections and interactive effects for three.js
React Three Fiber (R3F)
React Three Fiber is a powerful React renderer for building 3D experiences with Three.js.