Overview
Hairline UI is a commercial library of Next.js landing page templates paired with a free shadcn/ui component registry. It is aimed at developers, studios and designers who need finished marketing sites rather than a blank boilerplate, bundling 43 standalone template projects with 121 installable components and an MCP server for agent-assisted setup.
Key Features
- 43 original template projects: Each entry in the catalog is a complete Next.js site with its own concept, copy and motion design, spanning AI tools, SaaS, agencies, studios and fintech. The catalog is filterable by vertical, and pricing stops at $39 per template or $99 for the entire library including future releases.
- 121 free shadcn/ui components: The component library installs through a shadcn registry, with source, interaction states and animation included and no account required. Entries cover live cursors, voice notes, diff review panels, activity rings, earnings charts and similar interface primitives.
- MCP server for coding agents: A single connection to Claude Code, Codex, Cursor, Copilot CLI, Windsurf, Zed or Cline lets an agent discover a component, read its props and install it via the shadcn CLI instead of writing an equivalent from scratch. The integration is free and needs no API key.
- Config-driven customisation: Brand name, accent colour, calls to action, links and prices live in one
site.config.tsfile per project, so rebranding is a single-file edit before deploying to any Next.js host. - Real build previews: Demos run as isolated deployments with a viewer that switches between desktop, laptop, tablet and phone widths, letting buyers assess responsive behaviour before purchase.
Licensing is perpetual: every paid tier includes a commercial license for unlimited personal and client projects, free updates, and a 14-day money-back guarantee. Five templates — Relay, Tempo, Stillform, Fourteen and Index — download free with an account. Reselling the template files as a template or UI kit is explicitly excluded, and styling varies between Tailwind CSS and plain CSS depending on the project.
