Three.js has redefined the possibilities of interactive web experiences, allowing designers to create visually stunning, immersive projects that go beyond traditional design boundaries.
In this collection, we explore 10 award-winning projects that demonstrate the innovative potential of Three.js.
These websites are not just technically impressive; they showcase the creativity and artistry of some of the world’s most talented designers, delivering memorable experiences that captivate users and set new benchmarks in web design.
1. Cosmos Studio
By Cosmos Studio from Ukraine.
About:
Cosmos Studio is a leading design agency specializing in UI/UX design, motion graphics, and branding. We create immersive digital experiences that drive results for our clients.
Tags:
Design Agencies Animation on scroll Button Dark Footer Design Header Design Interactive animation Interactive Design Interactive header Intro animation Text animation Typography GSAP Animation jQuery Lottie Open Graph Swiper.js Three.js Webflow
2. Emotion Agency | Promo
By Emotion Agency from Ukraine.
About:
We specialize in crafting interfaces that deliver an unparalleled user experience. Prototyping, designing, and developing for Web2 & Web3 interfaces
Credits:
Leonid Kostetskyi, Roman Stets
Tags:
Design Agencies Technology 3D Animation on scroll Button Dark Header Design Interactive animation Interactive Design Interactive header Intro animation Landing Page Sound-Audio Text animation Typography GSAP Animation Node.js Nuxt.js Open Graph Three.js Vercel Vue.js
3. Britive
By Buzzworthy Studio from The USA.
About:
We designed a cutting-edge website for Britive that showcases their expertise in cloud security with a dynamic, visually engaging user experience.
Tags:
Business Design Agencies Services Technology 3D About Page Animation on scroll Button Footer Design Graphic design Header Design Icons Interactive animation Interactive Design Text animation Transitions Typography GSAP Animation Lenis Node.js Nuxt.js Open Graph Prismic Three.js Vercel Vue.js WebGL
4. Marvium Collection
By Roel Stellinga from The Netherlands.
About:
Marvel Collection website full of comics, funkos and other gems. Clean looking website for the geeks who love marvel & design. All build in framer and spline by myself.
Tags:
Games & Entertainment Art & Illustration 3D 404 pages Animation on scroll Clean Graphic design Interactive animation Interactive Design Interactive header Intro animation Minimal Sound-Audio Text animation Framer Motion Google Font API Open Graph React Three.js
5. Gleec
By Immersive Garden from France.
About:
Gleec Coin is an utility coin that finds its main use as the native coin of Gleec Ecosystem, a digital ecosystem powered by blockchain technology.
Tags:
Technology Finance 3D Colorful Creative Menu Custom cursor Fullscreen Graphic design Header Design Infinite Scroll Interactive animation Interactive Design Interactive header Intro animation Landing Page Sound-Audio Core.js GSAP Animation Node.js Nuxt.js Open Graph Three.js Vue.js Webpack
6. Repeat
By Studio Freight from The USA.
About:
CPG brands use Repeat to give returning customers an easy reordering experience. One that is faster, personalized and backed by insight. Get more revenue from your repeat customers.
Tags:
Business Services 3D 404 pages About Page Animation on scroll Button Footer Design Fullscreen Interactive animation Interactive Design Intro animation Transitions Typography GSAP Animation Lenis Lottie Next.js Open Graph PWA React Three.js Webpack
7. Non-Linear Studio
By Non-Linear from The USA.
About:
An independent studio crafting digital experiences connecting brand, design, and technology. Based in the Wasatch Mountains of Utah and the Baltic Sea in Tallinn.
Credits:
Mario Sanchez Maselli, Quintin Lodge
Tags:
Design Agencies Technology 3D Animation on scroll Dark Footer Design Fullscreen Graphic design Header Design Interactive animation Interactive Design Project Page Text animation Typography GSAP Animation Netlify Open Graph Sanity Three.js
8. ToyFight
By ToyFight from The UK.
About:
We Help Our Partners Solve for Today While Building Towards Tomorrow
Tags:
Design Agencies 3D 404 pages Button Contact Page Header Design Interactive animation Interactive Design Interactive header Intro animation Text animation Transitions Typography GSAP Animation Lenis Next.js Node.js Open Graph Prismic React Three.js Vercel Webpack
9. STR8FIRE
By Dennis Snellenberg from The Netherlands.
About:
STR8FIRE redefines the entertainment industry, transferring Web2 IPs in play-to-earn games and NFTs that unlock ownership and rewards for the Web3 community.
Credits:
Dylan Brouwer
Tags:
Technology Business Games & Entertainment Web3 3D 404 pages Animation on scroll Clean Creative Menu Header Design Interactive animation Interactive Design Intro animation Minimal Text animation Typography BARBA.js Core.js GSAP Animation jQuery Lenis Open Graph Three.js Webflow
10. SPAACE
By Lusion from The UK.
About:
An immersive NFT trading experience on the most rewarding NFT marketplace with 100% revenue sharing back to users.
Credits:
plan8
Tags:
Technology Finance Games & Entertainment Web3 3D Animation on scroll Button Fullscreen Header Design Interactive animation Interactive Design Interactive header Intro animation Landing Page Liquid Microinteractions Sound-Audio Storytelling Unusual Navigation Node.js Open Graph PWA Three.js Webpack
