Templates

Templates of the storefront’s gallery. 59 listed.

  • Synapse — AI chat workspace — conversation lists, prompt composer, subscription and settings screens.
  • Blocks — Bento card grid in four layouts (default, square, horizontal, background) for SaaS feature sections.
  • Cipher — Bento card grid for crypto products — wallet keys, exchange and blockchain explainer cards.
  • Deploy — Bento list cards — grouped task lists with per-card icon, colour and duplicate/delete.
  • Matrix — Bento card grid on a binary-rain theme, in four layouts.
  • Mosaic — Bento card grid for component and analytics products, in four layouts.
  • Blog Platform — Blog on @hanzo/ui — tag filters, post list and a writing view.
  • Changelog — Product changelog — dated releases with tags, a version timeline and dark mode.
  • Drive — Electric-vehicle marketing site — models, technology, news and ordering.
  • Soar — Web-studio landing page — services, team and work, with a contact call-to-action.
  • Analytics Dashboard — Analytics dashboard on @hanzo/ui — revenue, users and sales tiles over an overview chart.
  • Beta — Admin dashboard — projects, tasks, kanban, calendar, contacts, invoices and a file browser.
  • Metrics — Admin dashboard — sales, purchases and returns over a leaderboard, product list and transaction history.
  • Unity — Creator admin app — products, campaigns, schedules, payouts, statements and insights.
  • Chat — Desktop AI client — streaming SSE to any OpenAI-compatible gateway, threads and API key kept in the OS config dir, not web storage.
  • Editor — CodeMirror 6 code editor in a Tauri window — real filesystem tree, syntax highlighting, native folder picker, Cmd-S writes through.
  • Electron — Electron 43 + Forge + Vite + React baseline — contextIsolated IPC allowlist, native dialogs, app metrics, frameless chrome.
  • Hanzo Desktop — Tauri v2 + React 19 desktop starter — Rust command round-trip, Hanzo Base backend, frameless chrome, one web preview build.
  • Monitor — Native system monitor — per-core CPU, memory, process table, disks and interfaces via sysinfo, sampled at 1 Hz.
  • Notes — Local-first markdown notes — one .md file per note in the OS app-data dir, split editor/preview, autosave, optional Base sync.
  • Recorder — Screen recorder — desktopCapturer enumerates every screen and window with no OS prompt, MediaRecorder writes webm to disk.
  • Tray — Menubar/tray utility — resident clipboard history, global shortcut, close-hides-not-quits, background watcher thread in Rust.
  • Ecommerce Storefront — Storefront on @hanzo/ui — category filters, product grid and add-to-cart.
  • Hygge — Skincare storefront — category browsing, product pages and a slide-out cart.
  • Savor — Food-delivery storefront — menu, favourites and cart over a restaurant home page.
  • Chunk — First-person voxel sandbox: procedural terrain, face-culled chunk meshing, place/break editing that re-meshes only what changed.
  • Circuit — A drivable arcade racer where one Catmull-Rom track curve drives the road mesh, the on-track test, the lap checkpoints and the autopilot line.
  • Fracture Yard — Rigid-body sandbox where Rapier3D (Rust compiled to WASM) owns the simulation and three.js only draws it.
  • Neon Reef — WebGPU-first Three.js scene with automatic WebGL2 fallback: TSL node materials and 900 instanced shards in one draw call.
  • Orb Runner — A complete 3D arcade game in ~150 lines of GDScript, exported to WebAssembly by Godot 4.
  • Unity WebGL — A real Unity WebGL build served cross-origin-isolated, so SharedArrayBuffer is available to multithreaded builds.
  • Oasis — Resort site — accommodation, dining, spa, weddings and tour booking, in four languages.
  • Construct — App landing page — feature tour, screenshots and a download call-to-action.
  • Serif — Editorial magazine — section fronts, article pages and a shop in a serif type system.
  • Video Streaming — Video watch page on @hanzo/ui — player, chapters, transcript and channel subscribe.
  • Hanzo Auth — OAuth 2.0 + PKCE sign-in against Hanzo IAM in the system browser, with a one-place route guard.
  • Hanzo Chat (Expo) — Streaming AI chat client on Expo Router, wired to the Hanzo /v1 API with run-time endpoint config.
  • Hanzo Chat (Flutter) — Streaming AI chat in Flutter, wired to the Hanzo /v1 API, with tests over the failure path.
  • Hanzo Flutter — Material 3 starter — NavigationBar over an IndexedStack, search, detail route and widget tests.
  • Hanzo Mobile — Expo Router tab starter — iOS, Android and web from one tree. Feed, search, settings and a dynamic detail route.
  • Hanzo Shop — Storefront: product grid, detail route and a cart with a live tab badge.
  • Canvas — Personal portfolio — animated name marquee over about, projects and contact.
  • Folio — Creative portfolio kit — 26 pages of masonry and grid layouts plus agency, designer, developer and photography variants.
  • Kinetic — Creative portfolio driven by GSAP and smooth scroll — a project reel over case-study pages.
  • Mint — Creative-studio portfolio — work index, about and contact behind a full-screen menu.
  • Pixel — Web-studio portfolio — work, expertise and a playground page.
  • Portfolio — Personal developer portfolio — intro, about, projects and contact on one page.
  • Prism — Creative-agency portfolio built on GSAP — one scroll through work, services and contact.
  • Studio — Digital-agency portfolio — expertise, projects and articles behind an animated wordmark.
  • Vault — Architecture-studio site — architecture, landscape and interior work with a studio profile.
  • Kanban Board — Kanban board on @hanzo/ui — To Do / In Progress / Done with labelled, assigned cards.
  • Markdown Editor — Markdown editor on @hanzo/ui — live preview, syntax highlighting, copy and export.
  • Forge — SaaS product landing page — feature blocks, pricing, FAQ and light/dark toggle.
  • Launch — SaaS launch page — waitlist capture, feature tour and pricing.
  • SaaS Landing — SaaS landing page on @hanzo/ui — hero, feature grid, social proof and pricing.
  • Solo — Productivity-app landing page — tasks, lists and reminders with pricing and downloads.
  • Circle — Social platform UI — feed, profile and messaging screens.
  • Crypto Portfolio — Crypto portfolio tracker on @hanzo/ui — holdings, performance and transaction history.
  • Loop — Crypto-card product site — virtual card, NFT and metaverse pages with light and dark blog.

This page as Markdown