live in your browser.
Every prototype is a live, clickable UI built in a distinct design language — pick a surface, then filter by style.
A plant-care companion in plain Material 3 — the repo's canonical M3 reference. Generative SVG plant art, animated thirst rings, M3 bottom sheets, FAB, emphasized motion and a live water schedule across four tabs.
6-screen Material 3 Expressive anime app with Home, Library, History, Search, Settings and a detail page. Real AniList data, add-to-library, custom keyboard.
An animated 8-step setup wizard — theme switching, folder selection, permissions, backup restore, and an animated companion. Lime M3 palette.
A soft-UI (neumorphism) music player — extruded circular album art, play/pause with pressed-in state, playlist grid and working playback simulation.
Meditation & breathing companion that turns neumorphism's plastic-gadget look inward — a single molded slab where every press carves into the surface and the centerpiece orb IS the control, scaling with box, 4-7-8 and ocean breath patterns.
Podcast & audio player that makes glassmorphism color discipline the product — milky low-alpha glass over a vivid mesh backdrop that rotates hue per tab (dawn amber → sea teal → dusk magenta → forest green). Generative cover art, live waveforms, draggable glass scrubber and a mini-player docked above the glass nav.
Aurora Weather — milky glassmorphism over a vivid four-theme sky (dawn/day/dusk/night), glossy gradient glyphs, count-up hero temp, sun arc, 24h charts, city search with favorites and full unit/theme settings.
Apple Wallet–style passes & payments in the iOS 26/27 Liquid Glass language — floating glass tab bar and nav bar, pass stack with tap-to-front, glass keypad Apple Pay flow and the iOS 27 Clear ↔ Tinted glass setting.
Neo-brutalist drop shop — marquee tickers, sticker badges, 2-3px ink borders and hard offset shadows on everything; size/colorway pickers, promo codes, favorites and a full cart, all persisted.
Neo-brutalist DIY gig guide — 0px radius, 2-3px ink borders, hard zero-blur offset shadows, marquee tickers and poster type. Numbered lineup, generative cover art, capacity meters and a ticket wallet with perforated stubs.
IBM Carbon banking app — flat layer surfaces, 0px radii, spending bar chart, transaction filtering, card freeze toggles and tabular-nums money.
IBM Carbon system-status dashboard — service status grid with blinking down-squares, ack/resolve incident flow with expandable timelines. Seeded 24h metric charts rescale under a Carbon range selector, with a real density toggle app-wide.
Bento-grid smart home dashboard — thermostat dial, light sliders, camera and energy tiles in mixed-height rounded cards, with live device toggles.
Travel trip planner where the bento tile hierarchy IS the information architecture — tile sizes encode frequency of use, generative CSS landscapes paint each destination, and tapping any tile morphs it full-screen. Hero/weather/countdown trip grid, saved places pairs, per-trip packing bento and a stats profile.
Apple HIG fitness app — activity rings, iOS grouped lists, translucent tab bar, week selector and a live workout timer.
Claymorphism learning game for kids — puffy pastel tiles, a tap-to-answer quiz with star rewards, a badge shelf and satisfying squish feedback.
Claymorphism recipes & cooking companion — generative CSS dish art, a live-scaling recipe view with press-in step blobs, a week's meal plan that derives an aisle-grouped shopping list, and a chunky clay countdown dial.
Flat-design messenger — zero shadows, solid teal/coral blocks, chat list with unread badges, working message send with auto-reply and the custom keyboard.
Monochrome minimalism — ink-on-paper habit checklist with streaks, a weekly completion grid, and add/manage habit flows. No color, only hierarchy.
A typographic reading journal where the design is the type scale: serif long-form reader with scroll-driven progress, immersive tap-to-hide chrome and hairline-marked passages. Notes, a goal ring and a text-only tab row — no color, no pills, one shadow.
Food delivery in Flat Design 2.0 — screens open ON solid cuisine colour planes, the tab bar is four edge-to-edge segments where the active one is an inverted block, and a coral dot travels a 1px rail through the live order tracker. Flying-square cart adds, block-stepper checkout, zero shadows anywhere.
Bauhaus museum app — generative CSS artwork plates in the red/blue/yellow triad, numbered exhibitions with detail pushes, a full-screen plate view with live re-inking, date-chip ticket booking and a persisted collection.
Bauhaus metro planner — the network drawn as geometry: three lines on right-angle SVG paths, circle stations with ink rings, interchanges as double rings. Journey planner with a vertical route diagram, live departure countdowns and a ticket wallet. Red primary, 2px borders, zero shadows.
A projects-first showcase built as a SOFT BENTO — bento discipline (mixed-span tiles, felt gutters, one job per tile) fused with the neumorph sheet: tiles share the background's soft sheet, shaped by dual light/dark shadows, and carve inward when pressed. Light mode takes one of five deep hue themes — coral, red, green, blue or yellow — picked at random per visit and re-inking the whole sheet (background, surfaces, shadows, text tint, accent, ambient washes) around that family; dark mode stays charcoal. No wordmark, no theme toggle, no hero copy, no external links: nine real builds — the builder's seven actual GitHub repositories plus the two legacy builds restored on request, each entry carrying its real launcher icon (where the repo ships one), accurate facts and a gallery of actual screenshots, site captures and silent tap-to-play mode clips — as tiles with pastel widget SVG art inset like widget screens; tapping one opens its detail page with a framed art plate, carved fact wells, the gallery strip (phone) or 2-col gallery (desktop) and tone-tinted highlights. Scrolling melts the top edge — a progressive blur veil tinted to the sheet (phone) or fading under the top bar (desktop) — and it vanishes back at the very top; on desktop the detail's whole left column pins as one sticky unit with a real cover shot. A ⌘K jump palette on desktop.
The MeshSight guides rebuilt as a POCKET FIELD MANUAL — the phone edition of the same print design: paper, ink, perforated tickets and rubber stamps. The cover opens on the plotted-cat scan plate and a RESUME band straight to the next unfinished step; THE LINE lists all seven guides as numbered stations on a vertical rail grouped into BUILD / PROCESS / SHIP phases with live tick strips. Sections read like chapters: sticky head with a perforation strip (tap to jump), job ticket, numbered plates, code tickets, punch lists, MARK STEP DONE stamps and a bottom bar that chains into the neighboring sections.
An ON-DEMAND APP BUILDER in flat Bauhaus — paper, ink and the triad as solid blocks with 2px borders and zero shadows. Pick a kind (to-do, habits, expenses, flashcards, water, timer), fill the spec sheet — name, accent, UI shape, feature modules — press BUILD and watch the assembly log ink the app into the frame block by block, then open the small WORKING app it produced: to-dos check off, flashcards flip, the timer times. The spec persists for a return visit.