Three.js has firmly established itself in the web developer's toolkit, opening the door to interactive 3D graphics right in the browser. In this curated collection, I've gathered the most impressive projects that demonstrate the full potential of this framework. From logistics platforms to creative portfolios — each website tells its own story through WebGL.

Best Three.js Projects

Below are websites that inspire and push the boundaries of web development. All links point to original resources, with authorship and technologies credited according to public data.

United Carriers
unitedcarriers.com
Logistics website with a 3D story: forklifts, trucks, ships, and planes — all in a single scrolling narrative.
Barba.jsGSAPThree.jsWebflow
Bearplus
Composites.archi
composites.archi
Architectural site using Three.js for composite material visualizations.
Three.jsGSAP
Not specified
Experience The Best You
experiencethebestyou.com
Immersive personal branding site with 3D animations and interactions.
Three.jsGSAP
Not specified
Stripe Press
press.stripe.com
Publishing site with minimal 3D styling and smooth transitions.
Three.jsGSAP
Stripe
Artpill Studio
artpill.studio
Creative portfolio with deep 3D scene integration and interactivity.
Three.jsGSAP
Artpill Studio
Blueyard
blueyard.com
Consulting site with unique 3D visuals and animations.
Three.jsGSAP
Blueyard
Peter Csipkay
petercsipkay.com
Creative developer portfolio with impressive 3D effects.
Astro.jsThree.js
Peter Csipkay
Ricardo Chance
ricardochance.com
Portfolio with custom shader morphing, 3D carousel, and scroll-driven animations.
GSAPR3FThree.jsTypescript
Ricardo Chance
GalTech Vision
galtechvision.com
Scroll-synced WebGL with PBR, custom shaders, and adaptive quality.
Three.jsVue.jsGSAP
GalTech Vision
WebGL Gallery
experiments.ricardochance.com
Shader-driven experiment: infinite grid, curved carousel, vertical list with fisheye and chromatic aberration.
Three.jsVite.jsGLSL
Ricardo Chance
Fredric Hegland
fredrichegland.no
Portfolio with a solar system explorer — fly between planets!
React.jsThree.jsVite.js
Fredric Hegland
Framemode
framemode.com
Cinematic portfolio with lunar environment, Earth orbit, and interactive exploration.
Three.jsVue.jsTypescript
Daniel Hendricks
Kumar Abhishek
kabhishek18.com
Freelance portfolio with 3D storytelling and animation.
Three.js
Kumar Abhishek
OceanX 2025
2025.oceanx.org
Ocean exploration with 3D maps and interactive scenes.
Three.jsGSAP
OceanX
Studio Dialect
studiodialect.com
Agency with a powerful 3D portfolio and smooth transitions.
R3FThree.jsGSAP
studiodialect
Alche.studio
alche.studio
Creative studio with experimental 3D design.
Three.js
Alche.studio
Timekadel
timekadel.com
Non-standard 3D visualization of time and space.
Three.js
Not specified
Continuous.vc
continuous.vc
Venture capital site with minimalist 3D interface.
Three.js
Continuous.vc
Topology.vc
topology.vc
Venture firm site with unique 3D graphics.
Three.js
Topology.vc
Source: All projects curated from threejsresources.com/showcase. Copyrights belong to their respective creators. Original links are provided in each card.

Technologies & Trends

Analysis of the featured projects reveals the modern Three.js development stack:

  • GSAP – for smooth scroll animations and timelines.
  • React Three Fiber – declarative 3D in React applications.
  • Custom Shaders (GLSL) – for unique visual effects.
  • Vite.js / Astro.js – for fast builds and optimization.
My advice: Study the code of these projects, experiment with shaders, and don't be afraid to combine Three.js with GSAP — it delivers stunning results.

The next post will cover GSAP in more detail and depth.
Stay tuned for updates!