Hairline UI

Hairline UI is built around one idea: AI has made landing pages cheap to produce, and it has also made them look the same. Each Hairline template starts from its own concept, so the layout, type, product screens, copy and motion are made for that idea rather than being a recoloured theme.

Every template is a standalone Next.js project (React + TypeScript, styled with Tailwind CSS or plain CSS) that the buyer owns outright. Words, links, prices and colours live in a single config file, so a page can be customised and deployed anywhere Next.js runs. No API keys or environment variables are needed to run a template.

Alongside the templates sits a free component library of 180+ shadcn/ui components with designed states and motion: labels that morph, numbers that roll, buttons that show their progress. They install with one shadcn CLI command, read the project's own shadcn theme, and need no provider or animation library. We will keep adding more components regularly.

How it works

1. 1.Pick a direction. Every template is a complete, original site with its own concept, copy and motion.
2. 2.Try it on every screen. Each demo runs as a real, isolated build, with desktop, laptop, tablet and phone widths to switch between before buying.
3. 3.Download the source from your account. Free templates unlock on sign-in, paid ones right after checkout.
4. 4.Unzip, run npm install and npm run dev.
5. 5.Make it yours. Edit the words, links, prices and colours in the one config file.
6. 6.Deploy anywhere Next.js runs.

Main features

Templates

• 45 complete Next.js landing page templates, each with its own concept, layout, copy and motion
• Categories include AI, SaaS, agency, fintech, online course and studio sites
• Live demo for every template, viewable at desktop, laptop, tablet and phone widths
• Standalone project per template: Next.js, React, TypeScript, Tailwind CSS or plain CSS
• All words, links, prices and colours in a single config file
• README with setup, customisation and copy guide
• No API keys or environment variables needed
• Commercial license on every purchase, for unlimited own and client projects
• Free updates to purchased templates
• New templates added regularly

Free component library

• 180+ free shadcn/ui components, no account needed
• Designed states and motion included, for example text morph, number roll, status button, diff review, live cursors, voice note, live map, activity rings and earnings chart
• AI chat components guide
• Installs with one shadcn CLI command; source is copied into the project
• Reads the project's shadcn theme (light and dark), with no provider or animation library

MCP server

• Free, no key required
• Connect Claude Code, Codex, Cursor, VS Code, Gemini CLI, Copilot CLI, OpenCode, Windsurf, Zed, Kiro, Cline, Antigravity, Claude or ChatGPT once
• The agent finds a component by name or by what it should do, reads its props and installs it with the shadcn CLI instead of writing its own.

Pricing

All payments are one-time. There is no subscription. Every plan includes a commercial license and free updates, and paid plans have a 14-day money-back guarantee.

Free — $0 with an account

• 5 complete templates: Relay, Tempo, Stillform, Fourteen and Index
• Download from your account, no card needed

Single template — $39 one-time

• Any one template in the catalog
• Full project, README and config-file customisation

All-Access — $149 one-time

• Every template in the library, plus every template released later
• Shown on the site as worth $1,755 if bought one by one

Components and MCP server — free

• All 180+ components free to install from the shadcn registry, source included, no account needed
• MCP server free, no key