# Hairline UI

> Hairline UI pairs 43 Next.js landing page templates with 121 free shadcn/ui components, plus an MCP server that lets coding agents install them directly.

- Website: https://hairlineui.com/
- Listed on: [Toolfio](https://toolfio.com/item/hairline-ui)
- Published: 2026/10/20

## About Hairline UI

## 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.ts` file 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.

## Categories

- [Design](https://toolfio.com/category/design)
- [Developer Tools](https://toolfio.com/category/developer-tools)
- [Website Builders](https://toolfio.com/category/website-builders)
- [Building Products](https://toolfio.com/category/building-products)

## Tags

Template, Landing Pages, For Developers, For Designers, Paid, Freemium, Boilerplate, API