HHyperKit
DocsComponentsDemos
Explorer ↗GitHub ↗
full applications — not component swatches

Demo apps

Five complete application surfaces, each built entirely from HyperKit and running natively in this site. Open one — menus, panels, palettes and data all work.

▸ /demos/issue-tracker

Issue Tracker

Menu bar, filterable repo sidebar, board/list/table views, an issue detail drawer, a command palette (⌘K), and a live status bar — the surface a real dev tool ships.

MenuBarSidebarIssueBoardDrawerCommandPaletteStatusBar
▸ /demos/ai-workspace

AI Workspace

Session sidebar, streaming chat with tool approvals, model selector, cost tracking, and a subagent tracker — a complete AI product surface.

ChatWindowSessionManagerToolApprovalModelSelectorCostTrackerSubagentTracker
▸ /demos/dashboard

Ops Dashboard

KPI cards with trends, charts, an activity timeline, and a sortable data table behind tabbed sections — the classic analytics product, end to end.

MetricCardWaterfallChartSparklineTableTimelineTabs
▸ /demos/files

File Manager

Directory tree, list/icons/gallery views, breadcrumb navigation, preview pane, right-click context menu, and toasts — a desktop-grade file manager.

FileExplorerPathBreadcrumbFilePreviewContextMenuToast
▸ /demos/kanban

Sprint Board

A kanban board with card editing in a dialog, tag inputs, filter chips, and a sprint progress header — project planning as a working app.

KanbanBoardDialogTagInputFilterChipProgressBar
▸ /demos/diagrams

Architecture Studio

A categorized diagram workspace — flows, service maps, networks, pipelines, org charts and state machines — each re-laid-out live with Dagre hierarchical, left-to-right, or force-directed layouts, plus pan/zoom controls and a minimap.

DiagramProviderDiagramControlsMiniMapdagreLayoutd3ForceLayout
HyperKit — MIT © 2024–2026 contributorsnpmDocsDemos