Scroll-Driven 3D Website Built with Three.js and CSS3DScroll-Driven 3D Website Built with Three.js and CSS3D
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
I built a website that sells 3D websites by being one. Scroll and the model assembles, the lights come up and the page orbits around it. Stop scrolling and the pieces float. Once it's built, grab the model and spin it. Three.js + CSS3D, no framework, about 160 KB of JavaScript. Live: https://web3d-funnels.vercel.app/build 3D model and textures by the very talented @Miriam Vargas (the duck you see here is hers). It's the third piece of a series on scroll-driven 3D. The other two: a vertical funnel where the duck builds itself one argument at a time, and a product page that moves in four directions with a Rubik's cube. All three are in my work section, with the build decisions explained. #3D #WebGL #threejs #webdesign #funnels
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started