three.js Resources

A collection of resources for building 3D projects with three.js (website | github)

Open a PR to add a resource, please keep alphabetical order.

• three.js Resources
  • Assets
    • Fonts
    • HDRI
    • Images
    • Models
    • Shaders
    • Sounds
    • Textures and Materials
  • Books
  • Browser Plugins
  • Communities
  • Free Software
  • Online Tools
  • three.js Plugins

Assets

Fonts

• fontesk.com - A curated font library of the best high quality free fonts to download for commercial and personal use.
• fontspace.com - Free downloads of legally licensed fonts, over 15,000 commercial-use fonts.
• rostype.com - Rostype creates fonts that are free to use for anyone, in personal and commercial projects.

HDRI

• hdrihaven.com - 100% Free HDRIs, for Everyone.

Images

• flaticon.com - Free icons and icon packs.
• freepik.com - Free vectors, stock photos, PSD files and icons.

Models

• 3dmodelhaven.com - 100% Free 3D Models, for Everyone.
• kenney.nl - Free game assets, no strings attached.
• mixamo.com - 3D characters, skeletal rigs, and animations, ready for use from Adobe.
• poly.google.com - Easily share and access 3D models.
• sketchfab.com - Free models on SketchFab.
• threedscans.com - Free high-resolution scans from museums.
• turbosquid.com - Free models on TurboSquid.

• Model compression

  • @KhronosGroup/glTF - glTF – Runtime 3D Asset Delivery.
  • @google/draco - Compress and decompress 3D geometric meshes and point clouds.
  • openctm.sourceforge.net - OpenCTM — the Open Compressed Triangle Mesh file format.

• Model viewers

  • gltf-viewer.donmccurdy.com - Browser based glTF 2.0 model viewer.
  • @AnalyticalGraphicsInc/gltf-vscode - VS Code extension, adds support for viewing and editing glTF files.

Shaders

• @felixturner/bad-tv-shader - BadTV Effect for three.js.
• glslsandbox.com - Create GLSL shaders online.
• @jbouny/ocean - Realistic water shader for three.js.
• @lo-th/Shader.lab - Advanced shader for three.js.
• @luruke/magicshader - Tiny helper for three.js to debug and write shaders.
• @squarefeet/ShaderParticleEngine - A GLSL-heavy particle engine for three.js.
• shadertoy.com - Build and Share your best shaders with the world and get inspired.
• spector.babylonjs.com - Explore and Troubleshoot your WebGL scenes with ease.
• webgl2fundamentals.org - A series of lessons and tutorials about WebGL2.
• @zz85/crayon.js - Node-based Shader Library for three.js.

Sounds

• freesound.org - A collaborative database of Creative Commons Licensed sounds.
• zapsplat.com - Free sound effects & royalty free music.

Textures and Materials

• freepbr.com - 100% free PBR materials and texture files.
• @nidorx/matcaps - A huge open source library of MatCap textures in PNG and ZMT.
• texturehaven.com - 100% Free Textures, for Everyone.

Books

• Game Development with Three.js - Isaac Sukin - (October 24, 2013).
• How to design 3D games with web technology - Book 01: Three.js – HTML5 and WebGL - Jordi Josa - (February 5, 2017).
• Learn Three.js: Programming 3D animations and visualizations for the web with HTML5 and WebGL, 3rd Edition - Jos Dirksen - (August 31, 2018).
• Three.js Cookbook Paperback - Jos Dirksen - (January 30, 2015).
• Three.js Essentials – Jos Dirksen - (July 7, 2014).

Browser Plugins

• @MozillaReality/WebXR-emulator-extension - (Chrome | Firefox) - Run WebXR applications on your desktop browser without the need for an XR device.
• Three.js Developer Tools - (Chrome | Firefox) - Developer tools for 3D library three.js.
• @spite/ShaderEditorExtension - Chrome extension to live edit WebGL GLSL shaders.

Communities

• Official Discord - The official three.js Discord.
• Official Forum - The official three.js forum.
• Official Slack - The official three.js Slack.
• Official Twitter - The official three.js Twitter.
• StackOverflow - Questions tagged [three.js].

Free Software

• audacityteam.org - Free, open source, cross-platform audio software.
• blender.org - Free and open source 3D creation suite. Free to use for any purpose, forever.

Online Tools

• EffectTextureMaker - Generate textures for VFX online.
• photopea.com - Free online editor supporting PSD, XCF, Sketch, XD and CDR formats.
• threejs.org/editor - Create scenes and explore three.js online.
• ThreeNodes.js - A dataflow environment for three.js.

three.js Plugins

• @SolalDR/three-dat.gui - Create three.js controls on top of Dat.GUI.
• @vanruesc/postprocessing - Post processing library that provides the means to implement image filter effects for three.js.
• @yomotsu/camera-controls - A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features.