
Instrument
Monospace portfolio website with interactive 3D project cards, command palette, live experimental lab (particles, spring physics, ASCII shaders), and procedural audio.
Templates
Open one. Edit it in Hanzo.
Edit in Hanzo →
Monospace portfolio website with interactive 3D project cards, command palette, live experimental lab (particles, spring physics, ASCII shaders), and procedural audio.
PortfolioInstrument
01 / 29Monospace portfolio website with interactive 3D project cards, command palette, live experimental lab (particles, spring physics, ASCII shaders), and procedural audio.
hanzo template get instrument
Full-featured AI agent operations UI kit and observability console built on Next.js 16 and React 19, including both marketing pages and a multi-route operator console.
hanzo template get fernline
Polished AI and SaaS landing page template built with React 19, Vite, and TypeScript featuring bento feature grids, interactive pricing toggles, and customer proof sections.
hanzo template get aerva
Architectural and editorial studio website theme built with Astro 5, TypeScript, and embedded Sanity v5 CMS studio with project case studies and journal publishing.
hanzo template get tensile
Modular AI SaaS marketing template featuring 15 switchable hero, feature, pricing, and CTA variants with live WebGL shaders and interactive product demos.
hanzo template get nova
Precision monospace component library and interactive documentation site with 40+ components across 8 visual variants and full design token inspection.
hanzo template get minimal-ui
Interactive UI component states reference matrix showcasing default, hover, focus, active, loading, error, and disabled states across core primitives.
hanzo template get component-states
Playable cozy top-down island exploration web game with lighthouse beam physics, dynamic weather and day/night cycle, quests, and synthesized WebAudio soundtrack.
hanzo template get lighthouse
High-speed procedural tunnel ride built with Three.js Shading Language (TSL) on WebGPU with dynamic camera banking and bloom post-processing.
hanzo template get warp-tunnel
Interactive 3D particle globe rendering 31,723 world cities with instanced spatial indexing, population density scaling, and orbital telemetry controls.
hanzo template get dotted-globe
Signal-red 3D motion-tracking and computer-vision HUD overlay with real-time bounding-box telemetry, vector callouts, and spatial keypoint tracking.
hanzo template get tracking-3d
Parametric technical SVG line illustrations playground with live geometric controls, animated stroke paths, and copy-ready React/SVG export.
hanzo template get line-illustrations
Interactive Three.js holographic instrument scene featuring custom Fresnel scanline shaders, 6 switchable 3D models, and real-time optical controls.
hanzo template get holo
Domain-warped fractional Brownian motion (fBm) fluid shader written in Three.js TSL running natively on WebGPU with real-time parameter controls.
hanzo template get warp-shader
Procedural silver orbital ring sculpture in Three.js with physically based metallic reflections, nested gimbal kinematics, and studio environment lighting.
hanzo template get animated-rings
Interactive 3D point-cloud specimen library featuring 8 biological and mythological forms with pointer-reactive physics, morph transitions, and React/ESM exports.
hanzo template get bestiary
Comprehensive collection of 48 isometric 3D and vector SVG empty-state components for React and vanilla JS with live theme switching and interactive camera angles.
hanzo template get emptykit
Digital-agency portfolio — expertise, projects and articles behind an animated wordmark.
hanzo template get studio
Resort site — accommodation, dining, spa, weddings and tour booking, in four languages.
hanzo template get oasis
Architecture-studio site — architecture, landscape and interior work with a studio profile.
hanzo template get vault
Electric-vehicle marketing site — models, technology, news and ordering.
hanzo template get drive
Food-delivery storefront — menu, favourites and cart over a restaurant home page.
hanzo template get savor
Creative-agency portfolio built on GSAP — one scroll through work, services and contact.
hanzo template get prism
Creative portfolio driven by GSAP and smooth scroll — a project reel over case-study pages.
hanzo template get kinetic
Personal developer portfolio — intro, about, projects and contact on one page.
hanzo template get portfolio
Web-studio portfolio — work, expertise and a playground page.
hanzo template get pixel
Skincare storefront — category browsing, product pages and a slide-out cart.
hanzo template get hygge
Productivity-app landing page — tasks, lists and reminders with pricing and downloads.
hanzo template get solo
Crypto-card product site — virtual card, NFT and metaverse pages with light and dark blog.
hanzo template get loop
hanzo login hanzo template list hanzo template get instrument hanzo dev
Instrument instrument.hanzo.app
Edit in Hanzo →