Live experiments
Layers 01–08 — live
055
OPEN
Two Axes
A horizontal strip inside a vertical page, with one label that must stay pinned to both. CSS could never do it, because hidden overflow on one axis makes a scroll container on both. Chrome 153 fixes it in one declaration. The panel next to it runs the listener you delete, counting every event and layout read. The obvious feature detect returns a false positive, and the page shows why.
054
OPEN
The Grade
Three post-processing defaults that each ruin a frame without logging anything: an 8-bit buffer that throws the highlight away before tone mapping, a screen blend that inverts above 1.0, and a contrast curve that turns black into minus 0.0682. Every value is read out of a float buffer. The encode of that negative is undefined, so the page measures what your driver did rather than repeating what someone else's did.
053
OPEN
Program Count
Toggle a light and eight materials recompile, because the light count is baked into the shader source as a compile-time constant. The stall is real and the trace shows it. Two corrections to the usual retelling: compileShader is not where the cost lands, and holding the compile key still is not free, which this measures instead of glossing over.
052
OPEN
Points of Order
Three ways a WebGL scene breaks when you port it to WebGPU, rendered rather than described. WGSL has nowhere to write a point size, so the right panel is dust until you switch to quads. None of the three failures throw, which is why each one costs an afternoon. The point sizes are read back out of the framebuffer, not quoted.
051
OPEN
The Badge
From Chrome 153 a new stable ships every two weeks, so "needs Chrome 150+" now expires twice as fast and was never accurate anyway. This asks your browser instead, one probe at a time. One probe is held behind a click, because calling it can take the renderer down rather than throw.
050
OPEN
Idle Hands
Nearly every animated hero runs requestAnimationFrame forever, warming a laptop nobody is looking at. Move the pointer across the water, then stop. The loop is not throttled, it is cancelled, and the frames-never-drawn count keeps climbing while nothing runs.
049
OPEN
The Inventory
Cloudflare will now add an agent tool surface to any site with a dashboard toggle, which moves the question from how to which tools, scoped how. Two surfaces over one shop, same errands. One of them refunds an order because a customer note told it to.
048
OPEN
Closed Circuit
Drop 007 put a model in the tab. Drop 027 put agent-callable tools on the page. They never met. Here the model reads a plain-English errand, picks its own tools, and books the job. The outbound-request counter is measured live, not asserted, and it stays at zero.
047
OPEN
Playstate
Every reactive player keeps a small script whose only job is to copy playback state into a class name. Chrome 152 makes the state a selector, and
:has() lets it style the whole page. Press play and watch it react. Nothing here runs.
046
OPEN
The Tab
219.5 million tokens in a month is a number that stops meaning anything past the first few million. This one re-scales a single heavy month into things you already have a feel for — Harry Potter septologies, War and Peace, a twelve-story stack of printed paper — and shows every line of the arithmetic on a receipt.
045
OPEN
EARSHOT
Drop 008 put Whisper in your browser and charged every visitor a multi-megabyte download first. Chrome 150 lets you ask the device what it can actually manage locally — so this one ships zero bytes of model. And if on-device isn't available, it stops and tells you rather than quietly streaming your voice to a server.
044
OPEN
OVERTYPE
Four sentences of completely different lengths, every one filling the same column edge to edge — the thing that used to need a measure-and-resize loop is now one CSS declaration. Gradient borders, rounded polygon clips and kinetic scroll type too. Zero <script> elements.
043
OPEN
The Handover
On 21 July the WebMCP registry moved from navigator.modelContext to document.modelContext, and Chrome 150 deprecated the old doorway — so every early demo on the web is now writing to a wall. Here's the shim, a bench where you call the tools yourself, and a self-audit. Including the part nobody prints: nothing consumes these tools yet.
042
OPEN
The Swarm
One million particles stepped every frame by a real WebGPU compute shader — they assemble into the word, flee your cursor, and churn like a living cloud. WebGL2 fallback at 50k, and the badge never lies about which one you got.
041
OPEN
The Governor
Most sites that "run fine on a cheap phone" do it by silently dropping quality. This one shows you the dial — a real adaptive-quality engine holding the frame budget, every number on the panel measured, never faked. Push the stress slider and watch it work.
040
OPEN
Hi-Fi
A playable synth where every sound is generated live — oscillators, envelopes, synthesized reverb — and zero audio files are ever loaded. Play the pads, or let AUTO improvise in-key. The visuals are drawn straight from the sound.
039
OPEN
The Facet
A gem cut from real geometry, not a blur filter — twelve facets, each computing its own angle to your cursor, brightening and dimming with a genuine chromatic fringe at the highlight. Pairs with Liquid Glass.
038
OPEN
The Configurator
Pick a tier, toggle AI add-ons, set your location count — a real product configurator using LocalEnhance's actual current rate card. What you see is what a quote would actually say.
037
OPEN
The Reel
Scroll is the camera. Your scroll position flies a camera along an authored 3D spline past floating case-study panels — hand-written scrub, no GSAP, no scroll library. The path swaps 1:1 for a Blender camera export.
036
OPEN
The Swell
A field that remembers where you touched it — 4,096 boxes rippling as concentric waves propagate from your cursor. One InstancedMesh, one draw call, plain WebGL. No WebGPU gate; runs on every device.
035
OPEN
The Bloom
Past raw WebGL — 300,000 particles whose positions never touch JavaScript. A real WebGPU compute pass owns them every frame, written in Three.js's new shading language (TSL). Move your cursor through it.
034
OPEN
Voice, Faster
The same on-device voice brain as drop 008, but it speaks the first sentence while still thinking about the rest. Run both lanes side by side and watch a real, measured latency gap — not a fake speedup.
033
OPEN
The Continuous Page
Four pages, one document, zero reloads — the hero image morphs shape and position between views via the native View Transitions API. Real URL changes, no router library, no framework.
032
OPEN
The Readable Render
3D scenes have always been accessibility dead zones. Chrome's HTML-in-Canvas API composites genuine, live DOM into a canvas visual — tab into the card, type in the fields, select the text. It's not an image of a form. It's a form.
031
OPEN
The Live Dashboard
Ask a business question — the agent doesn't reply with a paragraph, it streams back a declarative UI spec and the page renders a real table, chart or stat row on the spot. A2UI, Google's generative-UI protocol, made concrete.
030
OPEN
The Conversion Hub
The third of three hubs — not one experiment but five, grouped around a single job: answer the visitor before they leave. On-device concierge, voice, five languages, review replies. This is what actually turns a visit into a booking.
029
OPEN
The Marketing Hub
Sites, brand identity, real product photography, a hero that breathes, photoreal 3D capture — seven systems that used to mean a $4k quote and three weeks. Now it's a generation job, measured in cents.
028
OPEN
The Operations Hub
The first of three new hubs — every drop below organized by the actual job it does for a business. This one: quoting a job from a photo, a booking desk an AI agent can call directly, the bid-scoring radar. The hours nobody bills for, running on AI.
027
OPEN
The Agent Desk
024 let you watch an agent work a counter — this desk hands you the headset. Patch into a barbershop's four WebMCP tools, place the calls yourself with real JSON, watch the booking print — then take home the code that makes your own site agent-ready.
026
OPEN
The Splat Showroom
Captured, not modeled — a photoreal gaussian-splat subject you can orbit like you're there. This is how resort and property sites will feel: phone-captured reality, streamed on the web.
025
OPEN
The Seeing Desk
Show the counter a photo and it reads the pile — garments, kilos, service — returns schema-valid JSON and quotes the price. On-device vision: the photo never leaves your browser.
024
OPEN
The Open Counter
WebMCP, demonstrated: a laundry whose price-quote, branch-finder and booking are registered tools — watch an AI agent run the whole errand, and the booking land in the human UI. Agent-ready is the new being-on-Google.
019
OPEN
The Sonar
See a business's visibility across Google, Maps, ChatGPT, Gemini and Perplexity on one radar — then flip GEO on and watch the signal grow and the AI's answer change. The Lifto story in one screen.
020
OPEN
The Storefront
A full landing page assembles itself — then flip the switches: AI concierge, answered reviews, living hero, motion polish. Our actual add-ons, working inside the site they'd ship on.
021
OPEN
The Playground
The details juries notice — a blend-mode cursor, magnetic buttons, scramble text, tilt cards, velocity type. The award-tier detail layer, live and hand-written. Move your mouse.
022
OPEN
The Frequency
A nebula that breathes to a chord it generates in your browser — bass swells the light, treble shifts the color. WebAudio into a hand-written shader. Press play.
023
OPEN
The Sigil
Type a word and a whole identity generates — an emblem drawn live, a palette, a type pairing, a voice. Reroll forever. Every word has thousands of selves.
018
OPEN
The Cathedral
One million particles, one hand-written shader, folded into a rotating stained-glass rose window. Move your cursor to tilt it. The frontier flagship.
014
OPEN
The Review Desk
Reviews stream in — five-star and one-star — and the desk drafts an on-brand reply for each. Turn the tone dial, approve or edit, clear the queue. The thing every retainer client asks for.
015
OPEN
The Polyglot
A tourist asks in Tagalog, Japanese, Korean or Spanish — the front desk answers in kind. On-device translation where the browser supports it, a precise phrasebook everywhere else. Built for El Nido & BGC.
016
OPEN
The Photo Booth
One dish, four professional photography styles — rustic, studio, moody, flat-lay — all AI-generated for $0.32, receipt on screen. The live demo behind our food-photography add-on.
017
OPEN
The Time Machine
Drag the handle between a generic template site and our rebuild — and watch the performance, SEO and Core Web Vitals scores move with it, live. Before/after theater for website rebuilds.
012
OPEN
The Front Desk
Play the customer of three real business shapes — laundry pickup, clinic consult, cleaning quote — and watch the structured lead card the owner receives. Real price math, genericized from client work.
013
OPEN
The Radar
Opportunities stream in and get scored against criteria YOU control — drag the sliders, watch the board re-rank, tap a card for the first-draft response. Discover → score → prioritize → draft.
011
OPEN
ZERO.JS
A progress bar, counters, a pinned reveal sequence and a staggered gallery — driven entirely by native CSS. View-source: zero <script> elements.
010
OPEN
The Living Photo
One photo, now it breathes — generated and animated end-to-end for $0.42, receipt on screen. Drag the handle. Layer 05 opens.
009
OPEN
The Crew
Four agents build a growth plan while you watch: Scout maps gaps, Strategist ranks fixes, Copysmith drafts, Inspector verifies. Our real choreography, live.
008
OPEN
The Voice
Talk to the website: on-device Whisper hears you, the 007 brain thinks, your device speaks the answer. Hear → think → speak, all local.
007
OPEN
The Concierge
An AI that answers on YOUR device — Gemini Nano or local embeddings, no server, no API key. Questions never leave the tab.
001
OPEN
STORM
100,000 particles in one stateless vertex shader — they form the word on scroll, flee your cursor, detonate on click.
002
OPEN
Liquid Glass
Real refraction — an SVG displacement map bending the page through the glass. Drag the lens. Not a blur.
003
OPEN
RANK UP
A raymarched 3D scene, a scroll story, and a playable pixel arcade — catch the five-stars, dodge the one-stars.
004
OPEN
House Pack — Vol.02
Six template worlds, every frame alive: velocity type, a self-typing CRT, Y2K bubbles, an invertible Swiss grid.
005
OPEN
House Pack — Vol.01
Five original worlds — editorial, frosted aurora, neon tech, stark couture, japandi calm. Built, not bought.
006
OPEN
Editorial Noir
The dark-luxury register at studio grade — warm black, brass, Didone display, zero font bytes.
The layer map
Layers 02–08 — seven opened
● Live — Hub 06
Operations
Five systems that run the back office: quoting from a photo, an agent-callable booking desk, the bid-scoring radar. See the whole hub.
● Live — Hub 07Marketing
Seven systems that build presence: sites, brand identity, real photography, a hero that breathes. See the whole hub.
● Live — Hub 08Conversion
Five systems that turn a visit into a booking: on-device chat, voice, five languages, review replies. See the whole hub.
● Live — Drop 009AI Agents
The Crew shipped: scout → strategist → copysmith → inspector, building a growth plan in your browser. Watch it work.
● Live — Drop 007On-device AI
The Concierge shipped: answers on the visitor's own hardware — private, offline, zero per-query cost. Try it.
● Live — Drop 008Voice interfaces
The Voice shipped: speak to the site, it answers out loud — Whisper STT, the 007 brain, local TTS. Try it.
● Live — Drop 010Generative media
The Living Photo shipped: one photo animated into a hero for $0.42, receipt on screen. Drag the handle.
Why GEO, not just SEO
The shift this hub is built around48%of US searches now show a Google AI Overview (BrightEdge, 2026)
120%more clicks for brands cited inside an AI Overview vs. uncited on the same query (Seer Interactive, 2026)
3.4 wksChatGPT's citation half-life — stale pages fall out of AI answers fast (Ahrefs, 2026)
This is exactly what The Sonar (019) measures for a business, and what this hub's own llms.txt and structured data are built to earn.
Drop log
The streak — new drops weekly2026-07-13038 + 039 · Price and LightThe Configurator (pick a tier, toggle AI add-ons, watch a real total move — LocalEnhance's actual current rate card, not placeholder numbers) and The Facet (a cut gem built from real geometry — twelve facets each computing their own angle to your cursor, with genuine chromatic dispersion at the highlight — pairs with Liquid Glass). Also: the hub itself now shows two flagship cards running live on hover, not just a poster.
2026-07-13036 + 037 · Hand-Written MotionTwo frontier pieces, zero animation libraries between them: The Swell (4,096 instanced boxes rippling as concentric waves propagate from your cursor, one draw call, plain WebGL, no WebGPU gate so it runs on everything) and The Reel (your scroll position flies a camera along a hand-authored 3D spline past floating case-study panels — no GSAP, no ScrollTrigger, no smooth-scroll library, and the path swaps 1:1 for a Blender camera export).
2026-07-13031–035 · The Frontier FiveFive drops, same week they were researched: a WebGPU compute pass moving 300,000 particles with zero JavaScript touching one of them, a real HTML form composited into a canvas that's still fully tab-and-screen-reader accessible, an agent that answers in a live UI instead of a paragraph, a four-page site with zero router and a hero that morphs between views, and a voice demo that speaks the first sentence while still thinking about the rest.
2026-07-13028–030 · The Three HubsEvery drop, regrouped by the job it does: Operations (quoting, intake, dispatch — 5 systems), Marketing (sites, identity, photography — 7 systems), Conversion (chat, voice, reviews — 5 systems). Not new demos — the same 27, organized so the answer to "what do you actually do?" takes one click.
2026-07-12027 · The Agent DeskThe hands-on sequel to 024 — you are the agent. A switchboard-operator desk with a real patch cable, lamps and a receipt printer: call the barbershop's WebMCP tools yourself, then take home agent-ready code for your own trade.
2026-07-12025 + 026 · Radar round twoThe Seeing Desk (on-device vision → structured JSON → quote) and the Splat Showroom (photoreal gaussian splatting) — the radar's other two proposals, built the same day it made them.
2026-07-12024 · The Open CounterThe radar's first autonomous find, built same-day: WebMCP — a site whose counter is callable by AI agents. Four registered tools, one agent errand, booking lands in the human UI.
2026-07-12019–023 · Five moreSonar (AI-search visibility for Lifto), Storefront (watch a site build itself), Playground (the award-tier detail layer), Frequency (audio-reactive nebula), Sigil (a brand identity from one word).
2026-07-12014–018 · The Big FiveReview Desk, Polyglot, Photo Booth, Time Machine — and The Cathedral, a million-particle rose window for the wall. Client solutions genericized from real work; one flagship for the frontier.
2026-07-11012 + 013 · The Solutions WingThe Front Desk (play the customer, see the lead card) + The Radar (opportunities scored live against your criteria) — genericized from real client engagements.
2026-07-11011 · ZERO.JSA full scroll story — progress bar, counters, pinned beats, staggered gallery — with zero script tags. The platform caught up.
2026-07-11010 · The Living PhotoLayer 05 opens — a photo animated into a hero for $0.42, receipt on screen. All four layers now live.
2026-07-11009 · The CrewLayer 02 trilogy complete — four agents, one growth plan, verification as an agent.
2026-07-11008 · The VoiceLayer 02, drop two — hear → think → speak, every stage on-device.
2026-07-11007 · The ConciergeLayer 02 opens — on-device AI, three engines, zero servers.
2026-07-11001–006 · Day OneSTORM, Liquid Glass, RANK UP, House Packs I & II, Editorial Noir — the hub goes live with six.
Questions, answered straight
No sales copy, just the truthWhat is LocalEnhance Labs?
LocalEnhance Labs is the public, view-source experimental hub of LocalEnhance, an AI-solutions and web-development studio. It's a running catalog of 55 live experiments in WebGPU, on-device AI, generative UI, voice, and modern CSS — every one is production code, not a mockup, and every technique proven here graduates into paid client work.
Is the code on these pages actually live, or is it a video?
Every experiment listed is live, running code — nothing here is a screen recording or a rendered mockup. View-source is open on every page by design; if a technique is claimed, you can read the exact HTML, CSS, and JavaScript (or lack of it) that produces it.
Does any of this send my data to a server?
Most of the AI experiments — the Concierge, the Voice, the Live Dashboard, the Seeing Desk — run entirely on-device using Chrome's built-in Gemini Nano or in-browser models. Nothing you type or upload is sent to a server, there's no per-query cost, and each page honestly labels which engine tier is actually running.
How often do new experiments get added?
New drops ship roughly weekly. Every addition is logged with a date and a short technical note in the Drop Log above, so the history is fully traceable rather than a vague changelog.
Can LocalEnhance build this kind of thing for my business?
Yes — that's the point of the hub. Every pattern shown here (on-device AI chat, AI-drafted review replies, generative site builders, WebGPU visuals) is available as real client work through LocalEnhance's AI Solutions add-ons; the Labs pages exist to prove the capability before anyone signs a contract.
What's the difference between the three AI hubs and the individual experiments?
The three hubs (Operations, Marketing, Conversion) regroup the same 46 experiments by the business job they do, for anyone asking "what do you actually run for a company." The individual experiment cards are organized by technique instead, for anyone asking "how did you build that." Both views link to the same live pages.
Built in the open.
Shipped for real.
Everything here graduates into client work — the motion systems, the AI layers, the template worlds. If you want your brand to feel like this, you're in the right place.