Procedural Three.js Real Estate Scroll Experience with Lead FormsProcedural Three.js Real Estate Scroll Experience with Lead Forms
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
The hero is a 5-scene scroll film built in Three.js and GSAP:
→ Three 38-floor towers build floor by floor as you scroll → The camera rises over the 6-acre masterplan → It flies through a lit window into the apartments → A brass band sweeps up the tower to show each home type → It ends on the rooftop pool at sunset, next to “Book a site visit”
The towers are fully procedural, with no 3D models. Every floor and window is drawn in code.
Behind the visuals there’s a real lead-generation site: a site-visit form, brochure download, WhatsApp enquiry and a live EMI calculator.
Built with Three.js, GSAP ScrollTrigger and Lenis.
Fictional brand, real build. I’m open to freelance work on websites like this. Let’s talk if you need one for your project.
#WebDesign #ThreeJS #GSAP #CreativeDevelopment #RealEstate
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