See the components working together
Each page below is built only from Harbour UI components. Open one, then copy the patterns straight into your own app.
Form
A multi-section account & workspace form with validation, choice cards, and toggles.
Requests
A traffic analytics dashboard in the app shell — status charts, latency, top endpoints, and a request log.
Blog
A paginated reading list plus a full post page with article content and a live, threaded comment section with reactions.
Code & docs
A developer quickstart with tabbed snippets, a syntax-highlighted diff, and shortcuts.
Support
A help center with search, category cards, an FAQ accordion, and a contact form.
Pricing
A three-tier pricing table with a featured plan, billing toggle, plan comparison matrix, and FAQ.
Full, working application screens
Dynamic demos and layout references that show the kit driving real, data-backed pages.
Repositories
A repository browser with branch navigation and file trees.
Agent loops
An AI agent loop workspace — goals, activity, approvals and run logs.
Layouts
Reference shells: top bar, sidebar, auth and marketing chrome.
Design system
The components, palette, theme, fonts and motion behind every example.