Lab / 01 · 9 examples
3D
Objects built entirely in code and shown in real time with Three.js: scroll stories, exploded views and configurators, with a poster whenever WebGL is not available.
Showing 9 of 9
Aster Bay Residences
A sales site for a fictional off-plan tower on a lagoon island: fly in at golden hour, watch night fall as all 225 homes light up by availability, then filter, slice the tower open floor by floor, read a generated floor plan and payment plan, and stand on any balcony to see its real view at any time of day.
Three.jsGSAP+2 more
Greek Sail
A bilingual (Ukrainian and English) 3D tour site for an eight-day catamaran trip around the Saronic Islands: scroll to sail a procedural map of the gulf from Athens to Moni, Methana, Poros, Hydra and Aegina, with a day-by-day programme, real photos, the crew and a booking request.
Three.jsGLSLGSAP+2 more
Exploded Headphones
A concept pair of over-ear headphones built in code: scroll to watch it come apart piece by piece, then choose a finish and turn it.
Three.jsReact Three Fiber+2 more
Sea Drone
A launch page for a fictional unmanned surface vessel on a night sea built in code: scroll from the hero through its profile, an X-ray of the hull, low-light and thermal sensor views, a mission run and a fleet in formation.
Three.jsReact Three Fiber+3 more
Auscura S1 Stethoscope
A launch page for a fictional medtech startup and its concept digital stethoscope: scroll to turn it, take the chest piece apart into nine labelled parts, watch the LED ring glow in time with a synthetic waveform, switch heart, lung and wide modes, see the companion app mock-up, pick a finish and join a demo early-access list.
Three.jsGSAP+3 more
Sela Clinic Intake
An online intake for a fictional physio clinic: tap a 3D body where it hurts and a question card opens at that spot, answer four short animated steps, then watch the figure turn calm while a glowing ribbon spirals up through an illustrative care plan you can book from.
Three.jsGLSLGSAPReact+1 more
Warmline Heat Pump House
A sales site for a fictional heat-pump and home-battery installer: scroll through a house cut open in section and follow one cold spring day of energy, from cold air through the refrigerant cycle to warm floors, from the roof through the battery to the car, then estimate your own savings and book a demo survey.
Three.jsGSAP+2 more
Amber Vial
A concept pill bottle built in code: scroll to turn it, unscrew the cap, peel the seal and pour tablets into a dish, then close it again, pick a cap colour and play with it by hand.
Three.jsReact Three Fiber+2 more
Play Button Audit
A scroll-driven landing page for a fictional YouTube channel audit: one glossy 3D play button built in code drains and cracks, refills during the scan, wears a score ring, orbits the tools and turns silver, gold and diamond as the page tells its story.
Three.jsReact Three Fiber+5 more