Websites that workequally wellon a phone, an iPadand a desktop

• 480 PV tables in one InstancedMesh with custom shaders
• WebGPU particles with a WebGL2 fallback
• Pinned horizontal module rail
• Live canvas charts, no libraries
• Phone gets a still of the scene; 3D code is never downloaded

What to borrow: the brutalist look with tech labels and kinetic mono type; 3D scene with a phone still; live charts

• Plain-language search without AI: “under 350, low acidity, moka pot”
• Native cross-page View Transitions
• Container-query cards, :has() filters
• Bottom-sheet cart, swipe product gallery
• ≈19 KB JS, zero font bytes

What to borrow: the warm paper shop; plain-language search with “understood as” chips; bottom-sheet cart; Astro with two islands

• Glass, film grain, cursor lens
• Pinned stage rail in pure CSS (scroll-driven)
• Phone: vertical swipe “stories”
• Remotion promo and a live Web Audio techno loop, 0 KB of audio
• Dedicated tablet grid

What to borrow: night glass with grain; phone stories; scroll-driven rail without JS; sound without files

• Live background clip over the LCP image after load
• Seamless loops (end cross-faded into start)
• Page facts come from the project config
• Root picks the language without a flash

What to borrow: broadcast neon; a live background without a cursor; uk/en with language pick; 9:16 clips on R2

• The box folds on a slider
• Print die-line and AR
• Embeds into any site with one script
• Product clip with a mascot

What to borrow: a folding 3D configurator; AR from the top document; embedding

• The mascot walks to a product card and plays its clip
• One-script widget in shadow DOM
• Shopify and WooCommerce plugins
• Animated WebP with alpha

What to borrow: a living helper on the page; shadow-DOM widget; demo store

• Drop the robot on a card and it explains exactly that
• A live log of the robot driven by mate:* events
• Hold with a highlighted target and a fill bar (L-023)
• Prices and dates go to a human, not the robot

What to borrow: a living helper on the page with an action log; hold with progress and a tap alternative

• Four landings for four audiences on one data set
• Separate phone and desktop markup
• Kyiv open data (CC BY)
• A/B/C home page via a Worker

What to borrow: a data-driven city service; several A/B versions; two markups

• A light page for an evening without power
• Six versions, some post-apocalyptic
• Numbers come only from the engine

What to borrow: an honest calculator for a scary topic; light on a poor connection

• “Volume → truck → box → price range” chain
• Calculator for Claude and ChatGPT (MCP)
• Ranges only, no affiliate links

What to borrow: a chain calculator that shows where each number comes from; “connect to AI” block

• An honest price range for the dentist's plan
• City comparison including the trip
• “Data under review” marker

What to borrow: a medical topic without fear: plan and numbers first, then the choice

• The shop floor's language, examples on its data
• A pilot instead of a price
• Three A/B versions

What to borrow: a niche B2B landing: the specialist's language, a pilot as the action

• Engine verdict with numbers: watertight, walls, price
• 3D part viewer
• English first, Ukrainian too

What to borrow: an engineer's tool: a numeric verdict next to the model

• Silent previews play only on screen
• The “how to order” phrase copies in one tap
• An editing-room theme with timecodes and film perforation

What to borrow: a reference catalogue: preview cards, filters, a copyable phrase

• A kitchen brief in a chat with the bot — then cutting, drilling, estimate and 3D
• An accessible-kitchen page for people with disabilities
• A page for AI assistants (/ai, MCP)

What to borrow: a furniture maker's site: from brief to 3D; the accessible kitchen as its own page

• A flat audit for the family make-up: ergonomics and building codes
• What can legally be changed — replanning by the codes
• Three languages: uk, en, pl; A/B/C versions

What to borrow: a home check for a family: ergonomics, codes, what can change

• Which flat in the complex suits your family
• Furniture layout and replanning on the complex's plans
• A demo for developers

What to borrow: a developer page: flats matched to the buyer's family

• A ramp and entrance by the building code, with numbers
• Adaptation packages matched to compensation programmes
• A dedicated page for veterans

What to borrow: accessibility without fear: codes with numbers, compensation programmes

• Room → 3D, part numbers and a quote
• Landings per task: locker room, warehouse, garage, Prozorro
• A real manufacturer's catalogue

What to borrow: a B2B planner: task landings, 3D and a quote

• Configurator: the buyer spins the piece in 3D, the engine checks it can be cast
• Pages per profession (/for) and surprise packs (/packs)
• A verification protocol with numbers

What to borrow: a made-to-order shop with 3D and engine checks

• One variant — one idea: film, workshop, lab, dashboard, drop
• The live engine in every variant
• A subdomain per variant (v14.craftgen.app…)

What to borrow: a variant lab: 34 forms of one page

• A calculator hub and connection to Claude/ChatGPT
• Legal pages for all the sites
• uk, en, de

What to borrow: a tool hub: one entry point for people and AI

• Schengen day counting
• Car hire and motor insurance from engine numbers

What to borrow: a trip calculator that explains every number

• A comparison over years, not the shelf price
• uk, en, de

What to borrow: an honest comparison by cost of ownership

• Bank of the river, needs, order and sources
• City open data

What to borrow: a city service that shows why it shows what it shows

• Leads with an estimate and consent
• A neutral partner order

What to borrow: a partner page with no paid ranking