Tailark

What Is Tailark?

Tailark is a shadcn/ui registry of marketing blocks, full pages and illustrations for building marketing websites with Next.js and Tailwind CSS. You install every item by name with the shadcn CLI, so the code lands in your project and stays yours to edit. Each block comes in a Base UI version (the default) and a Radix UI version.

Tailark is the successor of Tailus UI. The Tailus templates and UI kits are no longer maintained, and the Tailus GitHub organization now points to Tailark.

It has two parts:

• Free kits: Mist, Dusk and Veil, open source under the MIT license and served from the @tailark-oss registry with no account. Dusk alone has 10 landing pages and 39 blocks.

• Tailark Pro (Quartz): hundreds of premium blocks, illustrations and complete pages from the @tailark registry, unlocked with an API key. Pro moved from pro.tailark.com to tailark.com in 2026, and existing accounts carry over.

Features ✨

• Blocks for every marketing section: header, hero, secondary hero, logo cloud, features, features carousel, expandable features, bento, code demo, how it works, integrations, content, stats, testimonials, call to action, pricing, comparator, footer, auth and contact

• Complete pages in four styles (Dark, Grid 1, Grid 2 and Libre): landing, product, solution, pricing, customers, customer story, wall of love, about, contact, blog, blog article, brand and legal pages

• Illustrations: hand-coded UI visuals for feature sections and bento grids

• Base UI or Radix UI: the same blocks and pages for either primitive library

• Modern stack: Next.js 16, React 19, Tailwind CSS v4 and Motion for animation

• AI setup: a prompt generator on the site writes your components.json, and the shadcn MCP server lets Claude Code, Cursor, VS Code, Codex or OpenCode find and install Tailark items

• Regular releases: new Quartz hero and features sections and Libre pages shipped through 2026

Pricing 💳

• Free ($0): the free blocks, pages and snippets, unlimited projects

• Essentials ($249 one-time): every premium block, code snippet and illustration, with updates and priority support

• Complete ($299 one-time): Essentials plus every Quartz page

• Team ($499 one-time): Complete plus 10 team members and high-priority support

Pros and Cons

Pros ✅

• One command per block: shadcn add installs the files and their dependencies

• Real free tier: three MIT-licensed kits with full landing pages, not just a sample

• Whole pages, not only sections: Complete covers the pages a SaaS site needs after the home page

• One-time payment: lifetime access instead of a subscription

• Base UI and Radix UI: fits either shadcn/ui setup

Cons ⚠️

• React and Next.js only: no HTML, Vue or Svelte versions

• Pages cost more: complete Quartz pages need the Complete plan or above

• Marketing focus: no dashboard or app UI

• Registry setup: you need a shadcn/ui project with aliases configured before installing page kits

Integration

• Free kits: add the @tailark-oss namespace to components.json, then run npx shadcn@latest add @tailark-oss/dusk-hero-section-one

• Pro: point @tailark at https://tailark.com/r/{name}.json with your TAILARK_API_KEY in the x-api-key header, then run npx shadcn@latest add @tailark/hero-section-1

• Radix UI projects: use the /r/radix/{name}.json path for either registry

• AI agents: run npx shadcn@latest mcp init --client claude (or cursor, vscode, codex, opencode) and ask for a block from @tailark or @tailark-oss

• Moving from pro.tailark.com: replace @tailark-pro with @tailark and keep your API key

FAQ

Is Tailark free?

Partly. The Mist, Dusk and Veil kits are free and open source under the MIT license, with no account needed. Tailark Pro (the Quartz kit) is a one-time purchase: Essentials is $249, Complete is $299 and Team is $499.

What happened to Tailus UI?

Tailus UI became Tailark. The Tailus GitHub organization marks the project as no longer maintained and points to tailark.com, and the Tailus templates are no longer sold.

Is pro.tailark.com still used?

Tailark Pro now lives on tailark.com. Sign in there with the email on your Pro account and your plan carries over. In components.json, replace @tailark-pro with @tailark and point it at tailark.com; your API key keeps working.

Does Tailark work with Radix UI?

Yes. Every block, illustration and page is available for Base UI (the default) and Radix UI. Radix projects use the /r/radix/{name}.json path of the registry.

What do I need to use Tailark?

A React project set up with shadcn/ui and Tailwind CSS, usually Next.js. Install items with the shadcn CLI, or let an AI assistant do it through the shadcn MCP server.