Why start from a blank page when you can explore a finished website first? Our team designed and built a collection of working demos for brands in clean energy, food, outdoor adventure, retail and more. Pick the one you love and we rebuild it around your business, with your branding, images, products and words. Open any demo, try it, and picture what it could do for your brand.
Bicycle maker · one page
A classic bicycle in real-time 3D builds itself from parts that fly in when the page opens, rides with the scroll, shows the saddle, the handlebars and the drive up close, comes apart with the name of every part and changes colour with a wipe of paint. The collection stands on a giant wheel that rolls with the scroll.
For makers, shops and product brands with a catalogue.
Solar energy · one page
A real 3D battery pack opens layer by layer as you scroll, each layer named as it lifts, and turns when you drag it, in graphite or arctic white. Around it: a video hero, a field clip that opens to full screen, giant figures with a band for each season, a pinned gallery that starts from one large photograph and a savings calculator.
For solar installers, battery and clean energy companies.
Plant protein store · one page
A shop built around its tins: every label turns around the tin as you scroll, and the tin flies into the cart when you add it. A giant wordmark opens the page, a band of words runs at the speed of the scroll, seeds fall behind the four training goals and the headlines rise letter by letter.
For food and drink, supplements and brands that sell a short line of products.
Restaurant, plant based · one page
An editorial page for a plant kitchen with a hero the visitor rearranges by hand: cut out vegetables, a plate and a postcard of the mountains that drift until you drag them. A menu with allergen filters, a month by month view of what the farms bring in, and a reservation where the guest picks the table on the floor plan.
For restaurants, bars and hospitality.
Architecture studio · one page
Every house begins as a pencil drawing and turns into the photograph as you scroll, starting with the lake in the hero. A floor plan draws itself line by line as you read, four houses tell their story in pinned scenes, one of them crossing from summer to autumn, and the type rises line by line.
For architecture studios, builders and interior design.
Clothing brand · one page
A preloader that opens like a curtain, a manifesto whose photograph follows the paragraph you read, and a linen shirt that splits into three pieces, each one turning into the photograph of its own field. A pinned lookbook scrolls sideways and the product cards flip open into a full detail view without leaving the page.
For fashion, textiles and lifestyle brands.
Outdoor gear · one page
A 3D pack built with Three.js floats over the mountains in the hero, leans with the mouse and travels with the scroll into its own story, where it turns and comes apart piece by piece. GSAP and ScrollTrigger drive the rest: contour lines that draw themselves, a pinned horizontal collection, photo reveals and counters.
For outdoor, sports and consumer product brands.
Outdoor and adventure · one page
Looping river video in the hero, and a living map of the Arkansas River that holds the screen while you scroll: the raft runs the canyon, rapids appear by name and class, and each section shows its put-in and take-out. Pick a section, a level and a date, and the price adds up live.
For rafting outfitters, guides, tour operators and adventure travel companies.
Wind and solar energy · one page
A flight through the sky driven by the scroll, built with Three.js. The day goes from dawn to night while the camera follows a curved path: a sea of clouds, wind turbines that spin faster when you do, ribbons of wind, arches and white terraces that rise out of the clouds, and a town whose windows light up at dusk.
For energy, engineering and infrastructure companies.
Engineering and power systems · one page
An interactive 3D model of a hybrid power system built with Three.js: pull it apart, isolate a module and read its data sheet. A feasibility calculator with charts and a downloadable PDF report.
For engineering, energy and industrial equipment companies.
Clean energy · five pages
Five pages hand-coded in HTML, CSS and JavaScript: a WebGL photo gallery that morphs as you scroll, a 3D savings estimator built with Three.js, headlines that build word by word, scroll reveals and counters.
For energy, solar, climate and B2B service companies.
Food and drink · one page
One page in HTML, CSS and JavaScript with GSAP and ScrollTrigger. The scroll drives the whole story: transparent video layers of coffee, milk and beans play in step with it, and the can glides into the product lineup.
For beverage, food and consumer product brands.
The brands in these designs are fictional. The design, the code and the motion are all ours.
Motion with GSAP and ScrollTrigger, 3D and WebGL with Three.js where the design calls for it. Responsive from phone to wide screen, with fonts and images served from your own site. Delivered in the format you prefer: static HTML, WordPress or another CMS your team can edit.
Custom projects
Tell us what you are building and we will reply with a plan and a price.
