A collection of client-ready websites created by members of our agency. Every card opens a complete, working experience.
Each template is plain HTML, CSS and JavaScript with no build step, no framework and no bundler. They deploy as static files and run straight from the folder.
Every site in this collection is designed and built by members of our agency. The brands, products and copy are original concepts created for presentation. Imagery is either licensed royalty-free or generated with AI — nothing here is used under anyone else’s copyright.
Five of us build everything in this collection. Highest rank to lowest:
Ranking system
New freelancer with basic knowledge on creating simple landing pages and simple templates. Budget-friendly.
Competent designer building standard business sites, portfolios, and blogs with good reliability.
Fast, highly skilled creator handling e-commerce, custom integrations, and basic on-page SEO.
Expert web architect building custom web applications, advanced animations, and high-conversion funnels.
Elite agency founder or lead platform expert who dictates design standards and consults on major projects.
This area is locked. Enter the password to continue.
A simulated version of what this password actually protects — fake records, served by the same authenticated API the real gate runs on. Nothing below is real client data.
Change the password used for every locked area of this site.
What actually enforces this. The password is hashed (scrypt, salted) and stored in Supabase; a Vercel serverless function checks it server-side and never ships the hash or the real value to the browser. Unlocking sets a signed, httpOnly session cookie — there is no password anywhere in client-side code or storage. Attempts are rate-limited per IP.
Client Preview runs on its own password, separate from this one — changing either here never touches the other.
Per-client link. Opens one staged build directly — no password prompt, and it never leads anywhere else on this site. Nothing to share but the one URL.
A growing collection of original, self-contained website templates for client demos. Every one is a working site, not a screenshot —click in and see for yourself.
Each template is a fully working, multi-page site. Click through and interact with it.
A strategy consultancy built around switchable case studies and a clear engagement model.
View Template
An animation-driven gym site with a WebGL hero and GSAP scroll effects.
View Template
A kinetic design-object store with live filters, colour switching and quick views.
View Template
A cinematic AI-analytics landing page built around a scroll-assembled particle dashboard.
View Template
A wood-fire restaurant with a cursor-tracked menu and a real booking flow.
View Template
An unofficial redesign of a Singapore game centre, with a WebGL lava floor.
View Template
A Chinese menu that plates each dish onto a round table as you order.
View Template
A wrist-terminal launch page with a working device screen you can drive yourself.
View Template
A warm, intake-first law firm built around a 30-second contact flow.
View Template
An American chophouse ordering flow that prices every doneness and add-on live.
View Template
A mobile-first Japanese kitchen where ordering, filters and checkout are the whole site.
View Template
A premium kids'-fashion brand with an AI-shot garden campaign and smart free-delivery logic.
View Template
A monochrome techwear label with a broken product grid and full-screen takeovers.
View Template
A menswear shop dressed as a 1930s catalogue, with a ledger-style Order Book cart.
View Template
A neighbourhood boxing gym in riso-print duotone, with a live weekly class timetable.
View Template
An all-day buffet with a rotating weekly menu and a live open-now indicator.
View Template
A London curry house ordering for the table, with feast pricing per head.
View Template
An old-money watch house with a cinematic hero and a filterable boutique.
View Template
A warm family dental practice with honest pricing and an easy booking flow.
View Template
A power bank sold through bold typography, with a battery nav that charges as you scroll.
View Template
A clothing label sold on fabric, not models, with a bag that survives navigation.
View Template
A running-app site framed as one live 10K, with a printable pace-band builder.
View Template
A private golf club's digital concierge, with a live tee sheet and self-writing manifest.
View Template
A private art club presented as the catalogue of its current show.
View Template
A late-night fried chicken counter with a box builder that prices bundles against buying apart.
View Template
A six-room shore house with seasonal night-by-night pricing and a hand-drawn property map.
View Template
A synthesizer maker whose site is itself a playable synth, keys and all.
View Template
An observatory site that computes its own live star map, twilight and moon phase.
View Template
A sparkling-soda brand built around slow-motion ink footage and a real carbonation lab.
View Template
A documentary site staged as the survey record of one deep-sea descent.
View Template
A freeride mountain resort whose site is its own daily avalanche bulletin.
View Template
A bell foundry site where every bell shown can actually be struck and priced live.
View Template
A workspace-leasing site that models real daylight across four holdings.
View Template
An automotive world of five original machines with live-computed performance figures.
View Template
A motorcycle marque site built around five machines and live dyno curves.
View Template
A Singapore motorcycle marque with six machines, live filters, compare tray, finance calculator, and ride booking.
View Template
A travelling night fair rendered as one turnable 3D room instead of a scrolling page.
View Template
An audiovisual festival identity built as one unstable, beat-synced 3D machine.
View Template
A fight-night promotion site built from fractured concrete that shatters as you scroll.
View Template
A camera maker's product page that hands you a real, draggable 3D rangefinder.
View Template
An illegal-warehouse listening-room concept, staged as a chaotic 3D stage with live static.
View Template
A supply-chain intelligence platform shown as a living 3D network board.
View Template
A late-night gaming centre with a hidden after-hours operations portal.
View Template
A theme-park homepage that walks you through six worlds and turns day into night.
View Template
A deep-sea creature-card universe presented as a collector's naturalist logbook.
View Template
An exhibition of impossible objects, staged as one continuously reassembling 3D walk.
View Template
A Tesla-style product page for paint protection, told in three full-viewport film chapters.
View Template
A lighting OS for hospitality where dragging a kelvin slider retints the whole room.
View Template
A single-object gallery showing one 18th-century instrument, lit by your own cursor.
View Template
An independent watchmaker's site staged as a cinematic descent through six chambers.
View Template
A concours judged after dark, lit only where your cursor stands.
View Template
A tasting counter whose nightly menu is decided by real lunar arithmetic.
View Template
A neighbourhood café and roastery with a persistent order tray and a taste finder.
View Template
A slow-television broadcast of one winter day on a fictional alpine railway.
View Template
A Singapore shaved-ice house with live pricing and pickup slots tied to real hours.
View Template
A live weekly fitness show site built as a broadcast gallery, driven by one real clock.
View Template
A photographic archive built around one real 3D camera you inspect with a cursor light.
View Template
A creative agency's site staged as one persistent WebGL core the cursor blows apart.
View Template
The studio's site restaged as paper and ink, with a Thomas attractor drawn as maobi strokes.
View Template
The studio's site as a liquid-chrome monolith flowing behind a full-bleed moon hero.
View Template
The studio's site as Singapore at closing time — a real shophouse row still lit, a sign that strikes on like a fluorescent tube, and a kopitiam menu with one honest price.
View Template
The studio's site as ink on a slow film of sand in raking light, five cases, and a wall of sixty-four live sites.
View Template
The studio's real flagship, rebuilt with a live WebGPU strange-attractor hero.
View Template
A survey practice whose hero is a live-computed contour sheet, not a photograph.
View Template
An offline-dinosaur browser gallery with six mode plates and a playable endless runner.
View Template
A certified pre-owned phone shop with a grade guide and a live trade-in estimator.
View Template
A customer-data-hygiene platform for automotive CRM, with a live cost-of-decay calculator.
View Template
A personal-branding site for one property agent, set entirely at one hour after sunset.
View Template
A neighbourhood room for workshops and private hire, with clear packages and a photo gallery.
View Template
A design-build studio whose interface is a floor plan you can quote a renovation from.
View Template
A stop-motion animator's portfolio built around a scroll-driven exposure sheet.
View Template
A match-factory game site: the photographs only light where you look, and rushing spends the flame.
View Template
A cinematic vision studio as a brand film you scroll — Capture / Synthesize / Deliver stages, plus a pipeline strip with mode switching and a playable timeline.
View Template
A lettering artist’s portfolio where the letters are not a font: a nib is swept along each glyph’s skeleton, and turning the pen angle turns the typeface.
View Template
A bladesmith’s site walked from bar stock to edge by temperature, with a fold table that argues against folding.
View Template
A six-piece running label whose shop answers the only question that matters — drag a temperature and the weather moves across the photograph.
View Template
A professional FPV drone-racing league — three pilot feeds at once, a lap armed gate by gate as you scroll, and a start gantry that tells you where you’d sit on the grid.
View Template
A signalling engineer’s site that is the product it sells — an eighteen-lever frame with real tappet locking that refuses the pull and names the lever holding it.
View Template
A two-loom woollen mill selling cloth by the metre: eight cloths photographed as they come off the beam with weight, sett and price beside each, the mill in four plates, and a drafting room where you draw a cloth and send it for a sample.
View Template
Aircon conversion kit —triage, price menu, quarterly plan, and WhatsApp dispatch for SG homes.
View Template
A sideways industrial product page —real photos, hotspots, field demo, and waitlist reserve.
View Template
Iris-root house with a live accord builder —pick notes, watch the flacon, price a discovery kit.
View Template
ClearPath-style wellness layout remade for barrier-first skincare —full-bleed ritual video, facial grid, plans, journal, and consult booking.
View Template
Qissa-system luxury Indian house —stars canvas, gold marquee, plate slider, private salons, reservation-first evenings.
View Template
Bellussi-system Korean spirits house —age gate, bottle-over-type hero, line cards, shop grid, and mini cart.
View Template
Small-group Japan tours from Singapore — a five-slide cinematic hero, eight tours with fixed dates and seats left, a per-person price calculator, and a two-chapter film.
View Template
A US ammo warehouse catalog —caliber filters, age gate, hazmat ground shipping, and state checkout rules.
View Template
A hand-built grand tourer marque site — a shrinking hero film, character-mask reveals, parallax making-of details, a clipping axiom band, a drifting heritage archive and a draggable press slider.
View Template
A private jet charter with its own fleet — the page climbs from the apron to forty-five thousand feet as you scroll, and a great-circle tool says which aircraft can do the route nonstop.
View Template
A hardy plant nursery whose site-matching gate sorts the stock list into thrives, survives and dies here — and puts its own two bestsellers in the last column.
View Template
Performance coaching built as a twelve-week discipline protocol — one hairline runs the whole site and the four pillars hang off it, and a rail turns ‘one day’ into ‘day one’, clears the fog, and starts counting.
View Template
An apiary whose whole site runs on a live colony model — let it swarm in May and watch the August honey crop fall from 23kg to 3kg, because the bees that would have worked the lime were never laid.
View Template
An open-ocean aquarium on a glass dashboard — live water over the hero, a daily feeding timetable that knows the time, timed-entry tickets with a price builder, and two looping tank films.
View Template
A preserved signal box whose sixteen levers are governed by a real interlocking — pull them in the wrong order and the frame refuses you and says which lever is in the way.
View TemplateA print-poster agency site with GSAP kinetic type, a client-wall image trail, news hover covers, studio video, and a live font switcher.
View Template
Dark roast, a short pastry board, and a 2.5D product stack — the cup leaves with you.
View Template
A roastery selling direct to the door — every panel is real frosted glass that meters its own contrast against the photo behind it, a roast curve you can scrub with first crack marked, a roast-level control that moves the drop point, and a bag, cart and subscription that all do the arithmetic.
View Template
Heritable forest plots and turnkey larch lodges on a Perthshire loch — a five-slide film hero over a tile mosaic, a three-chapter estate film, a lightbox gallery, a lodge configurator on real photographs, and a three.js turntable model of the estate with every plot clickable.
View Template
A CPG and retail AI operating partner: live torus knot, pixel dissolve, cream/charcoal page inversions, Verid identity product, and eleven client-facing pages.
View Template
A small-batch ginger soda site built on one scroll-driven variable — the coals cool to a frost pour as the headline finishes its own sentence, then a real-photography reviews wall on the cold side.
View Template
Five salted sodas, Singapore-made — a six-pack builder that totals to a WhatsApp order, a stockist map, candid local photography, and a full bottle range built from one licensed photograph.
View Template
An invented low-volume marque that builds one car like a hull — a 2.5D hero whose shadow, body and wheels are three layers of one render drifting apart under the pointer, a scroll-pinned timeline from rowing shells to the car, and a configurator whose five paints and two wheel finishes are Adobe recolours of that same render, masked so the bronze strake never changes.
View Template
A debut eau de parfum rendered from beef suet in a Deptford railway arch — one photograph of raw fat, graded live in WebGL: a melt line rises under scroll, cold chalk above, the same slab dissolving into clear gold below, while the whole page warms with it. Every fact then printed twice in a two-register ledger, and documentary black-and-white workshop photography throughout.
View Template
One pen, one #6 14k nib, one price, sold on a single checkable fact: a nib is stamped identical and then ground individual, which is why two pens of the same model write differently. Thirteen real photographs, a ground tipping filling the frame among them, graded so the only colour on the page is the gold of the metal; six grinds from 0.25 mm to 0.9 mm, each named in the cut of Fraunces that writes the same line and drawn as a rule at exactly ten times. No scroll mechanism anywhere.
View Template
A six-room lodge in Svalbard open only while the sun is gone: 113 days at 78° north, every date from one solar model that also reads the sun at the lodge live. The one mechanism is a descent: one film, scrubbed by scroll, tilts from the aurora down to the lit house, then pushes in through a window to the table, a north room and the sauna.
View Template
One desktop workstation around an invented flagship GPU, the GX9900, whose spec sheet is arithmetic from today’s fastest card rather than a big number: 48 GB, 2,048 GB/s, 600 W on one 12V-2×6 cable. The one mechanism is load: real measured scroll speed runs the card’s own power and fan curves live, a photographed fan lights and spins only when the model wakes it, and one WebGL2 heat pass rises off the bottom of the screen. Stop scrolling and it idles back to zero RPM. Real 4K footage and photography throughout; the rig’s red light is the only colour.
View Template
A one-tin oolong shop whose home page is the first pot — a real macro film of loose leaf opening in a glass teapot, pinned and scrubbed by scroll as a 160-frame sequence, while a steep clock and the cupping notes for each second run beside it and the wordmark widens with the leaf. Every number, from the steep marks to the pots per tin, is baked from one model; an Alishan garden, a brewing guide and a printed-tin order page follow.
View Template
A one-bag coffee roaster that proves freshness instead of claiming it — one photograph of dry grounds, simulated twice in WebGL as scroll pours the water: today’s bag domes and foams, a bag from the visitor’s own cupboard (set by its roast date) lies flat. Every rise, hold, price and roast date is computed from one degassing model, and the lot, the Monday roast and a one-SKU order panel follow in documentary photography.
View Template
One bag of single-origin coffee, sold by its bloom. Press Pour and a 45-second film of grounds rising, cratering and settling runs in real time beside a clock at display size — nothing sped up, the clock read from the film itself and carried into the header as you scroll. Then the ash of Acatenango, a clay-red bag, a brew guide that reuses the timer, and a one-SKU order computed from one catalogue.
View Template
One tin of high-mountain oolong from Lugu, Nantou, sold by the fact that a whole leaf opens again and again. The page is one session in five steeps, each opening with the same ledger of cups poured, each heading set wider than the last and uncoiling as it arrives. The opened leaf appears only at the third steep, beside a teabag’s dust.
View Template
A black-and-white community darkroom whose home page is bay 3: compose through the red filter, set an f-stop timer and a Multigrade grade, dodge with your hand under the lamp — and the sheet still looks blank until the developer brings it up, shadows first. Turn the lights on before it’s fixed and it fogs.
View TemplateA members’ chess room whose scroll is a real game: the 1851 Immortal Game replayed move by move on a glTF set, the camera riding whichever piece is moving and the light going cold for the queen sacrifice. A score sheet you can jump around, a tariff, and Thursday replay nights.
View TemplateA prestige-house campaign for one man waiting on an order. His photograph is rebuilt as three depth layers — room, wordmark, sitter with real relief — that tilt with the pointer and dolly to the receipt, the ceiling sign and the shirt as you scroll. A one-piece collection, a spec sheet on thermal paper, a press page quoting nobody, and an order status that is always being prepared.
View TemplateA Tiong Bahru family clinic on one idea: know before you sit. The first visit is shown in advance as a real 45-minute clock, pinned and scrubbed on desktop, stacked on a phone, a plain list under reduced motion. Every treatment carries a price range, a time and what you will feel. The client’s navy, white and two greys; two self-hosted faces; native page transitions; 131 KB first view and a 100 on a phone.
View TemplateSearch Engine Adapter as a product page: one search box in the hero that routes live to ChatGPT, Wikipedia, or Google from how you type. Clear route rules, a short why, and the Nginx config on GitHub. No backend in the template.
View TemplateSlow expeditions timed to the light at the edges of the day: Lyngen, Lofoten, Alta Via 1, Svaneti, Torres del Paine, the Faroes. One idea, a 3D contour relief — an abstract heightfield drawn as thin topographic lines with the route in alpenglow — drifts under the pointer on the home page and is scrubbed by scroll on the fourteen-day flagship, with a live elevation readout. Twenty-seven licensed photographs, tall tilting portrait cards, six pages, a front-end enquiry form.
View TemplateA Singapore wedding film studio whose page is the edit. One real 4K film of one wedding, cut from seven licensed clips under one grade, is scrubbed by the scroll; every cut is a section and the film’s own timeline is the navigation. Real price ranges, who stands where all day, what is recorded twice and the date each film arrives. A 9:16 cut for phones, 4K only for wide screens, a still and a plain list under reduced motion; 100 on a phone.
View TemplateA Singapore bakery whose page is one night shift. Scroll runs a clock from 02:00 to 07:00; each hour is a real 4K clip (mixing, shaping, rolling and folding, the oven, the first tray out) under an odometer clock and a flour-dust layer, and at 07:00 two panels part onto a menu sorted by bake time, not by category. Ten licensed clips under one grade, a plain stacked page under reduced motion.
View TemplateA Singapore sweet-soup and kueh house whose menu follows the weather. The page reads the live NEA temperature and rainfall from the station nearest the shop, names the sky in one Malay word, plays the matching 4K film and re-sorts a board of twelve: rain lifts tang yuan and pulut hitam, heat lifts chilled tau huay. A dial tries another afternoon; a baked typical reading keeps it right with no network; 99 on a phone.
View TemplateA contrast-bathing club whose home page is one round of the ritual. The page has a body temperature: scroll and it cools from 90°C in amber heat to 4°C in blue-white frost, and the palette, the width and weight of the type, a WebGL heat-to-frost field and a live readout all move on that one number. Four more pages, a device-only guest book that says exactly what it does, every figure baked from one data file.
View Template
My own portfolio —five channels of work, with this whole gallery inside it.
View Site LockedIn-progress client builds, staged here for review before they go anywhere public.
A fully original redesign concept for an inclusive-hiring social-enterprise café — fictional business, licensed photography, an interactive menu with an outlet toggle and honest per-café pricing, and a mission told as a story rather than a plea. Same structure, own content: swap in a real client’s name, facts and photography and it becomes a production-ready pitch in an afternoon.
Open preview
A speculative pitch site for a family-run heartland café on Tampines Street 21 whose only web presence is Instagram. Built strictly on public facts — address, hours, the handful of verified dish prices — with all copy written from scratch, an original wordmark, and licensed stock imagery, so nothing of theirs is reused before they engage us. The menu is a searchable framework driven by one data file, ready for their real price list.
Open preview
A speculative pitch site for a flower-filled Tampines café whose current site serves its menu as twelve JPEG scans. Every fact — address, daily 10–9 hours, Chope reservations, and the full August menu with real prices — was verified against their public presence, then rebuilt as a searchable one-data-file menu with original copy, an original bloom mark, and a concept image set interpreting their floral identity rather than copying it. Mobile-first, with a fixed quick-action bar for menu, booking, calling and directions.
Open preview
A pitch site for a heartland nail salon on Tampines Street 11 with no website of its own. Built mobile-first in the literal sense — the stylesheet has no max-width query at all — because the customer is a woman on a phone deciding where to go tonight: a portrait hero cut as its own file, a searchable price list from one data file, and a sticky call bar in the thumb zone. Palette is anchored to the salon’s real baby-blue interior. Every price is a “from” figure corroborated in published listings, or “ask in salon” — none invented. Photography is licensed Adobe Stock, none of it presented as their salon or their work. Mobile QA found four real bugs, including 300px of overflow from the closed nav drawer; 15/15 viewport-page combos clean after.
Open preview
A pitch site for the Korean bingsu café on Level 4 of Tampines 1, whose only real presence is a Facebook profile. Built for one person: someone already in the mall with thirty seconds to decide whether to go up — so floor, unit, open-state and entry price all land above the fold, before any photography. The bento is built from the brief’s own hot/cold axis rather than decorated with it, with hierarchy by span and a ticker that breaks the grid. Nine licensed Adobe Stock frames, no AI, none passed off as their shop. Prices are “from” figures with the reporting year recorded per item, because editorial pricing has demonstrably moved since 2022. Measured on throttled 4G: 341KB home, 47KB menu, CLS 0. Mobile QA 15/15.
Open preview
A speculative rebuild for a halal-certified Tampines dessert café whose Shopify site keeps its whole in-store menu inside one long PNG. Every fact was verified — the 28-flavour board with its three price tiers came straight from their live store data, the in-store menu from their own published graphic — then rebuilt as a filterable flavour board and searchable menu with catalogue-driven prices. Self-hosted fonts and a first-party-only CSP with no inline anything back the engineering half of the pitch, and a fixed quick-bar keeps flavours, menu, call and directions one thumb away.
Open preview
A neighbourhood salon on Tampines Street 91 that has traded since 2000 with no website at all — just scattered directory entries and a 232-follower Facebook page. One fast page gives them a digital home: services, hours, directions and a live open/closed pill, with call and WhatsApp always one thumb away. Built the efficient way — six licensed stock photographs unified by a single normalising grade instead of generated imagery, one self-hosted 26 KB variable font, and a 92 KB mobile critical path.
Open preview
A PPF-first rebuild proposal for the Sin Ming workshop, anchored to their own black-and-gold business card rather than a template look. One drawn-once coverage map carries the whole site: it explains the coverage levels in the hero, sits beside the three vehicle-category packages, and lights up per-panel as the live job map in the customer tracker and staff console — both running on one shared demo store, so advancing a stage in the console updates the owner’s tracking page in real time. A second interaction repaints a curved body panel under booth lighting — spray sweeping across it, clearcoat and flake shifting with the finish — to show the Level 4 division does colour changes. Pricing, film brand and warranty ship as designed “being finalised” states pending the client’s confirmation; nothing is invented.
Open preview
A Tesla-style direction for the same Sin Ming workshop: full-viewport photography and film, one message and one action per screen, with the real packages, prices and WhatsApp. Sits beside the PPF-first rebuild as an alternate look, not a replacement.
Open previewReal client sites, shown once they ship and the client agrees to be featured.
No client showcases yet.
This is where real, live projects will appear — a case study, not a template.