https://threejs-journey.com/discord
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsdiscordjourney
https://threejs-journey.com/lessons/shader-patterns
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsshaderpatternsjourney
https://threejs-journey.com/login
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsloginjourney
https://tympanus.net/codrops/2025/07/10/three-js-instances-rendering-multiple-objects-simultaneously/
Learn how to render thousands of 3D objects efficiently using instancing in React Three Fiber, as demonstrated in the performance-optimized basement.studio...
three jsinstancesrenderingmultipleobjects
https://discourse.threejs.org/t/virtually-geometric/28420
Hey Guys, I’ve been playing with the virtual geometry idea for a couple of weeks now and wanted to share some results. What is virtual geometry? it’s an...
three jsvirtuallygeometricshowcaseforum
https://discourse.threejs.org/t/panodesk-360-virtual-tour-platform/88305
I recently built a 360° virtual tour platform for real estate called Panodesk. It uses Three.js to render high-resolution HDR panoramas with smooth...
virtual tourthree jsplatformshowcaseforum
https://tympanus.net/codrops/2025/02/03/building-an-on-scroll-3d-circle-text-animation-with-three-js-and-shaders/
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
text animationbuildingscrollcirclethree
https://threejs-journey.com/lessons/animated-galaxy
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsanimatedgalaxyjourney
https://tympanus.net/codrops/2026/01/05/how-to-create-a-pixel-to-voxel-video-drop-effect-with-three-js-and-rapier/
A concise tutorial showing how video pixels are voxelized in 3D and dropped into a physics-driven world using Three.js, shaders, and Rapier.
createpixelvoxelvideodrop
https://x3js.com/en
Discover X3JS, a free and user-friendly Three.js game engine that empowers everyone, even those without coding experience, to create stunning 3D games...
three jsgame engine
https://threejs-journey.com/highlights/1
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jshighlightsjourney
https://threejs-journey.com/lessons/performance-tips
The ultimate Three.js course whether you are a beginner or a more advanced developer
performance tipsthree jsjourney
https://threejs-journey.com/lessons/load-models-with-r3f
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsloadmodelsjourney
https://threejs-journey.com/lessons/baking-and-exporting-the-scene
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsbakingexportingscenejourney
https://threejs-journey.com/lessons/post-processing
The ultimate Three.js course whether you are a beginner or a more advanced developer
post processingthree jsjourney
https://threejs-journey.com/lessons/importing-and-optimizing-the-scene
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsimportingscenejourney
https://threejs-journey.com/lessons/fullscreen-and-resizing
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsfullscreenresizingjourney
https://threejs-journey.com/lessons/particles
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsparticlesjourney
https://threejs-journey.com/lessons/what-is-webgl-and-why-use-three-js
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jswebgluse
https://www.awwwards.com/sites/three-js-journey
Three.js Journey is the ultimate course if you want to learn Three.js and create stunning 3D websites with WebGL.
three jshonorable mentionjourneyawwwards
https://threejs-journey.com/lessons/environment-map
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsenvironmentmapjourney
https://tympanus.net/codrops/2024/12/19/crafting-a-dreamy-particle-effect-with-three-js-and-gpgpu/
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
three jscraftingdreamyparticleeffect
https://threejs-journey.com/lessons/3d-text
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jstextjourney
https://discourse.threejs.org/t/hrd-gl-experimental-audioreactive-custom-shader-three-js-powered-drawing-app/87827
Hi. Not sure how to introduce this one but I really do hope you’ll have as much fun while playing with it as I do. This experiment that started out very...
three jshrdglexperimentalcustom
https://threejs-journey.com/join/bf2025
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsjoinjourney
https://threejs-journey.com/lessons/wobbly-sphere-shader
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jswobblysphereshaderjourney
https://threejs-journey.com/lessons/debug-a-r3f-application
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsdebugapplicationjourney
https://tympanus.net/codrops/2025/05/31/building-interactive-3d-cards-in-webflow-with-three-js/
A quick guide to integrating interactive 3D models into your Webflow project using Three.js.
three jscardswebflowusingglb
https://tympanus.net/codrops/2025/02/17/implementing-a-dissolve-effect-with-shaders-and-particles-in-three-js/
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects.
implementingdissolveeffectshadersparticles
https://threejs-journey.com/lessons/modified-materials
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsmodifiedmaterialsjourney
https://mcpservers.com/servers/locchung-three-js
Enables real-time manipulation of Three.js 3D scenes through WebSocket connections, allowing natural language control of object creation, movement, rotation,...
model context protocolthree jsmcp serveraddservers
https://tympanus.net/codrops/2025/03/13/warping-3d-text-inside-a-glass-torus/
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
three jsplayinglightrefraction
https://threejs-journey.com/lessons/scroll-based-animation
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsscrollbasedanimationjourney
https://tympanus.net/codrops/2018/12/06/interactive-repulsion-effect-with-three-js/
This tutorial is going to demonstrate how to build an interesting repulsion effect for a grid of elements using three.js
three jsinteractiveeffectcodrops
https://tympanus.net/codrops/2023/12/13/creating-an-interactive-mouse-effect-with-instancing-in-three-js/
Explore the fundamentals of Three.js Instancing in this tutorial, learning how to optimize GPU performance and efficiently render large numbers of objects.
three jscreatinginteractivemouseeffect
https://threejsresources.com/
Discover the best Three.js resources, courses, examples, tutorials, and tools for building immersive 3D websites, VR projects, and interactive games—all in...
three jsbestresourcesvramp
https://threejs-journey.com/lessons/animations
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsanimationsjourney
https://threejs-journey.com/selection/1
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsselectionjourney
https://threejs-journey.com/lessons/custom-models-with-blender
The ultimate Three.js course whether you are a beginner or a more advanced developer
custom modelsthree jsblenderjourney
https://discourse.threejs.org/t/carjsshowcase-interactive-3d-car-viewer-template-three-js/87892
Live site: CarJs Showcase Category: 3D Environment | Product Demo | WebGL Experience Year: 2025 Location: Sweden Project Video Preview Overview CarJsShowcase...
three jsinteractivecarviewertemplate
https://threejs-journey.com/lessons/environment-and-staging-with-r3f
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsenvironmentstagingjourney
https://threejs-journey.com/lessons/adding-details-to-the-scene
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsaddingdetailsscenejourney
https://threejs-journey.com/lessons/cameras
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jscamerasjourney
https://threejs-journey.com/challenges/020-cozy-place
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jscozyplacechallengejourney
https://threejs-journey.com/lessons/physics
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsphysicsjourney
https://threejs-journey.com/lessons/introduction
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsintroductionjourney
https://threejs-journey.com/lessons/shaders
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsshadersjourney
https://www.theinsaneapp.com/2024/01/multiple-window-3d-scene-with-js.html
Jan 2, 2024 - In this project, you'll learn how to create multiple window 3D scene with JavaScript. You'll use three.js to make a 3D scene in your web browser.
three jsprojectmultiplewindowscene
https://spin.atomicobject.com/animations-threejs-gsap/
Sep 24, 2025 - Have you ever wondered how to create smooth animations for your threeJS web app? Luckily, we have a very handy tool called GSAP.
three jscreatesickwebanimations
https://tympanus.net/codrops/2025/07/22/interactive-text-destruction-with-three-js-webgpu-and-tsl/
Learn how to create an interactive 3D text effect where letters explode into dynamic shapes using Three.js, WebGPU, and Three Shader Language (TSL).
three jsinteractivetextdestructionwebgpu
https://threejs-journey.com/
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsjourneylearnwebgl
https://tympanus.net/codrops/2022/11/08/3d-typing-effects-with-three-js/
A detailed tutorial on how to create typable 3D text with Three.js.
three jstypingeffectscodrops
https://threejs-journey.com/lessons/gpgpu-flow-field-particles-shaders
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsgpgpuflowfieldparticles
https://threejs-journey.com/lessons/geometries
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsjourney
https://threejs-journey.com/lessons/halftone-shading-shaders
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsshadingshadersjourney
https://threejs-journey.com/lessons/create-a-game-with-r3f
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jscreategamejourney
https://threejs-journey.com/lessons/go-live
The ultimate Three.js course whether you are a beginner or a more advanced developer
go livethree jsjourney
https://threejs-journey.com/lessons/textures
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jstexturesjourney
https://tympanus.net/codrops/2025/09/11/when-cells-collide-the-making-of-an-organic-particle-experiment-with-rapier-three-js/
A behind-the-scenes look at a cellular particle experiment by Unseen Studio — from early concept and design explorations to the technical approach and...
cellscollidemakingorganicparticle
https://tympanus.net/codrops/2025/02/04/how-to-make-the-fluffiest-grass-with-three-js/
A breakdown of the best techniques to create realistic grass in Three.js without killing performance.
three jsmakegrasscodrops
https://threejs-journey.com/lessons/shadows
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsshadowsjourney
https://tympanus.net/codrops/2024/07/15/how-to-create-a-liquid-raymarching-scene-using-three-js-shading-language/
An introduction to Raymarching using the power of Signed Distance Fields (SDFs) and simple lighting to create a liquid shape effect.
three jscreateliquidsceneusing
https://threejs-journey.com/lessons/realistic-render
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsrealisticrenderjourney
https://discourse.threejs.org/t/three-mesh-bvh-a-plugin-for-fast-geometry-raycasting-and-spatial-queries/26394
Hello! I wanted to share the three-mesh-bvh package I maintain which, among other things, can be used to greatly improve raycasting performance by multiple...
threemeshbvhpluginfast
https://tympanus.net/codrops/2024/07/09/creating-an-animated-displaced-sphere-with-a-custom-three-js-material/
Learn how to create an animated, displaced sphere using custom shaders with Three.js and React Three Fiber.
three jscreatinganimateddisplacedsphere
https://dev.to/peterridingdev/why-im-betting-my-career-on-vr-marketing-and-learning-threejs-4iie
Nov 27, 2025 - I've been fascinated by marketing since university—specifically the psychology behind human... Tagged with career, threejs, webxr, learningpublic.
bettingcareervrmarketinglearning
https://tympanus.net/codrops/2025/04/08/3d-world-in-the-browser-with-blender-and-three-js/
Go behind the scenes of an immersive 3D museum built with Blender and Three.js, and explore the creative process, technical decisions, and browser-ready...
buildingfullyfeaturedworldbrowser
https://threejs-journey.com/lessons/first-r3f-application
The ultimate Three.js course whether you are a beginner or a more advanced developer
firstreactthreefiberapplication
https://tympanus.net/codrops/2023/01/20/rotating-twisted-3d-typography-with-three-js-and-shaders/
A brief exploration into how to twist and rotate text in 3D using Three.js and Shader magic.
three jsrotatingtwistedtypographyshaders
https://tympanus.net/codrops/2025/02/11/building-efficient-three-js-scenes-optimize-performance-while-maintaining-quality/
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
three jsoptimize performancebuildingefficientscenes
https://threejs-journey.com/lessons/transform-objects
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jstransformobjectsjourney
https://threejs-journey.com/lessons/mouse-events-with-r3f
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsmouseeventsjourney
https://tympanus.net/codrops/2025/01/27/fractals-to-forests-creating-realistic-3d-trees-with-three-js/
Discover the algorithms behind EZ-Tree’s use of procedural generation and Three.js to create realistic 3D tree models.
forestscreatingrealistictreesthree
https://threejs-journey.com/lessons/materials
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsmaterialsjourney
https://threejs-journey.com/lessons/portal-scene-with-r3f
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsportalscenejourney
https://threejs-journey.com/lessons/imported-models
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsmodelsjourney
https://tympanus.net/codrops/2025/08/28/interactive-video-projection-mapping-with-three-js/
Learn how to map video textures onto 3D grids of cubes with masks, motion, and interactivity using Three.js.
three jsinteractivevideoprojectionmapping
https://threejs-journey.com/lessons/first-react-application
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsfirstreactapplicationjourney
https://threejs-journey.com/lessons/particles-cursor-animation-shader
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsparticlescursoranimationshader
https://www.hanselman.com/blog/easy-accelerated-3d-games-in-a-browser-with-javascript-and-webgl-using-threejs-or-babylonjs
Let's ignore that we haven't got a web-agreed-upon way to do just about ...
easyacceleratedgamesbrowserjavascript
https://threejs-journey.com/lessons/physics-with-r3f
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsphysicsjourney
https://tympanus.net/codrops/2025/08/20/exporting-a-cloth-simulation-from-blender-to-an-interactive-three-js-scene/
This tutorial walks through creating an interactive animation: starting in Blender by designing a button and simulating
exportingclothsimulationblenderinteractive
https://threejs-journey.com/lessons/creating-a-scene-in-blender
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jscreatingsceneblenderjourney
https://tympanus.net/codrops/2021/01/26/twisted-colorful-spheres-with-three-js/
I love blobs and I enjoy looking for interesting ways to change basic geometries with Three.js: bending a plane, twistin
three jstwistedcolorfulcodrops
https://threejs-journey.com/lessons/coffee-smoke-shader
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jscoffeesmokeshaderjourney
https://tympanus.net/codrops/2023/03/28/turning-3d-models-to-voxel-art-with-three-js/
In this detailed tutorial you will learn how to turn 3D models into voxel art with Three.js.
three jsturningmodelsvoxelart
https://threejs-journey.com/lessons/debug-ui
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsdebuguijourney
https://threejs-journey.com/lessons/post-processing-with-r3f
The ultimate Three.js course whether you are a beginner or a more advanced developer
post processingthree jsjourney
https://discourse.threejs.org/t/realme-gt-6t-realistic-3d-smartphone-model-three-js-r166/88079
Realme GT 6T — Realistic 3D Smartphone Model (Three.js r166) Hey everyone :waving_hand:, I’d like to share my latest Three.js project — a fully...
three jsrealmegtrealisticsmartphone
https://threejs-journey.com/lessons/hologram-shader
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jshologramshaderjourney
https://www.smashingmagazine.com/2021/07/three-insights-vuejs-accessibility/
Web app accessibility appears difficult because it seems that there is little information on the subject available online. Let’s take a closer look at the...
threeinsightsgainedresearchingvue
https://threejs-journey.com/lessons/fireworks-shaders
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsfireworksshadersjourney
https://threejs-journey.com/lessons/lights
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jslightsjourney
https://discourse.threejs.org/c/showcase/7
Use this category to showcase any projects you have created using three.js. Showcases require moderator approval, so please be patient if your post doesn’t...
three jsshowcaseforum
https://andersonmancini.dev/
Explore the portfolio of Anderson Mancini, a seasoned Creative developer and Three.js expert. Discover exceptional web apps and immersive 3D experiences.
three jsandersonmancinicreativedeveloper
https://threejs-journey.com/lessons/earth-shaders
The ultimate Three.js course whether you are a beginner or a more advanced developer
three jsearthshadersjourney