---
name: "@tailark"
slug: "tailark"
description: "A production-ready block library for modern marketing websites, shipping two distinct style kits: Dusk (dark-mode-first, elegant) and Mist (light-mode, Notion-like). Blocks are built with shadcn/ui, Tailwind CSS, Next.js, and TypeScript, covering hero sections, features, pricing, footers, and page-level compositions. All blocks are fully open source (MIT) with no proprietary design system lock-in — raw TSX you paste into your codebase. Use for: founders and teams who need polished, theme-consistent marketing page sections for dark or light sites without writing layout code from scratch."
category: "Blocks & sections (marketing/SaaS)"
tags: ["ai", "animation", "audio", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "crypto", "design-system", "e-commerce", "forms", "hooks", "icons", "loaders", "maps", "marketing", "media", "navigation", "overlays", "payments", "pro-available", "saas", "text-effects", "theming"]
framework: "react"
license: "MIT"
author: "tailark"
website: "https://tailark.com"
github: "https://github.com/tailark/blocks"
registry: "https://tailark.com/r/registry.json"
pro: true
pro_url: "https://tailark.com/pricing"
github_stars: 2248
component_count: 250
generated_at: "2026-09-21T01:50:16.753Z"
---

# @tailark

A production-ready block library for modern marketing websites, shipping two distinct style kits: Dusk (dark-mode-first, elegant) and Mist (light-mode, Notion-like). Blocks are built with shadcn/ui, Tailwind CSS, Next.js, and TypeScript, covering hero sections, features, pricing, footers, and page-level compositions. All blocks are fully open source (MIT) with no proprietary design system lock-in — raw TSX you paste into your codebase. Use for: founders and teams who need polished, theme-consistent marketing page sections for dark or light sites without writing layout code from scratch.

## Links

- Website: https://tailark.com
- GitHub: https://github.com/tailark/blocks
- Registry JSON: https://tailark.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/tailark
- This file: https://sh4dcn.vercel.app/md/tailark.md
- Pro / pricing: https://tailark.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://tailark.com/r/registry.json
pnpm dlx shadcn@latest add https://tailark.com/r/registry.json
bunx shadcn@latest add https://tailark.com/r/registry.json
# clone the source repo
git clone https://github.com/tailark/blocks.git
# fetch the raw registry index
curl -s https://tailark.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| core-utils | registry:lib | Tailark core utility helpers | `npx shadcn@latest add https://tailark.com/r/core-utils.json` |
| core-use-media | registry:hook | Tailark core use media hook | `npx shadcn@latest add https://tailark.com/r/core-use-media.json` |
| core-accel | registry:ui | Tailark core accel svg logo | `npx shadcn@latest add https://tailark.com/r/core-accel.json` |
| core-antigravity | registry:ui | Tailark core antigravity svg logo | `npx shadcn@latest add https://tailark.com/r/core-antigravity.json` |
| core-beacon | registry:ui | Tailark core beacon svg logo | `npx shadcn@latest add https://tailark.com/r/core-beacon.json` |
| core-bolt | registry:ui | Tailark core bolt svg logo | `npx shadcn@latest add https://tailark.com/r/core-bolt.json` |
| core-cisco | registry:ui | Tailark core cisco svg logo | `npx shadcn@latest add https://tailark.com/r/core-cisco.json` |
| core-claude | registry:ui | Tailark core claude svg logo | `npx shadcn@latest add https://tailark.com/r/core-claude.json` |
| core-clerk | registry:ui | Tailark core clerk svg logo | `npx shadcn@latest add https://tailark.com/r/core-clerk.json` |
| core-cloudflare | registry:ui | Tailark core cloudflare svg logo | `npx shadcn@latest add https://tailark.com/r/core-cloudflare.json` |
| core-cohere | registry:ui | Tailark core cohere svg logo | `npx shadcn@latest add https://tailark.com/r/core-cohere.json` |
| core-cursor | registry:ui | Tailark core cursor svg logo | `npx shadcn@latest add https://tailark.com/r/core-cursor.json` |
| core-deepseek | registry:ui | Tailark core deepseek svg logo | `npx shadcn@latest add https://tailark.com/r/core-deepseek.json` |
| core-drive | registry:ui | Tailark core drive svg logo | `npx shadcn@latest add https://tailark.com/r/core-drive.json` |
| core-figma | registry:ui | Tailark core figma svg logo | `npx shadcn@latest add https://tailark.com/r/core-figma.json` |
| core-firebase | registry:ui | Tailark core firebase svg logo | `npx shadcn@latest add https://tailark.com/r/core-firebase.json` |
| core-gemini | registry:ui | Tailark core gemini svg logo | `npx shadcn@latest add https://tailark.com/r/core-gemini.json` |
| core-gmail | registry:ui | Tailark core gmail svg logo | `npx shadcn@latest add https://tailark.com/r/core-gmail.json` |
| core-google-palm | registry:ui | Tailark core google-palm svg logo | `npx shadcn@latest add https://tailark.com/r/core-google-palm.json` |
| core-hulu | registry:ui | Tailark core hulu svg logo | `npx shadcn@latest add https://tailark.com/r/core-hulu.json` |
| core-intellij | registry:ui | Tailark core intellij svg logo | `npx shadcn@latest add https://tailark.com/r/core-intellij.json` |
| core-leap-wallet | registry:ui | Tailark core leap-wallet svg logo | `npx shadcn@latest add https://tailark.com/r/core-leap-wallet.json` |
| core-linear | registry:ui | Tailark core linear svg logo | `npx shadcn@latest add https://tailark.com/r/core-linear.json` |
| core-magicui | registry:ui | Tailark core magicui svg logo | `npx shadcn@latest add https://tailark.com/r/core-magicui.json` |
| core-media-wiki | registry:ui | Tailark core media-wiki svg logo | `npx shadcn@latest add https://tailark.com/r/core-media-wiki.json` |
| core-mediawiki | registry:ui | Tailark core mediawiki svg logo | `npx shadcn@latest add https://tailark.com/r/core-mediawiki.json` |
| core-microsoft-excel | registry:ui | Tailark core microsoft-excel svg logo | `npx shadcn@latest add https://tailark.com/r/core-microsoft-excel.json` |
| core-microsoft-word | registry:ui | Tailark core microsoft-word svg logo | `npx shadcn@latest add https://tailark.com/r/core-microsoft-word.json` |
| core-mistral-ai | registry:ui | Tailark core mistral-ai svg logo | `npx shadcn@latest add https://tailark.com/r/core-mistral-ai.json` |
| core-neon | registry:ui | Tailark core neon svg logo | `npx shadcn@latest add https://tailark.com/r/core-neon.json` |
| core-open-ai | registry:ui | Tailark core open-ai svg logo | `npx shadcn@latest add https://tailark.com/r/core-open-ai.json` |
| core-openai | registry:ui | Tailark core openai svg logo | `npx shadcn@latest add https://tailark.com/r/core-openai.json` |
| core-paypal | registry:ui | Tailark core paypal svg logo | `npx shadcn@latest add https://tailark.com/r/core-paypal.json` |
| core-pdf | registry:ui | Tailark core pdf svg logo | `npx shadcn@latest add https://tailark.com/r/core-pdf.json` |
| core-perplexity-ai | registry:ui | Tailark core perplexity-ai svg logo | `npx shadcn@latest add https://tailark.com/r/core-perplexity-ai.json` |
| core-polar | registry:ui | Tailark core polar svg logo | `npx shadcn@latest add https://tailark.com/r/core-polar.json` |
| core-polars | registry:ui | Tailark core polars svg logo | `npx shadcn@latest add https://tailark.com/r/core-polars.json` |
| core-prime | registry:ui | Tailark core prime svg logo | `npx shadcn@latest add https://tailark.com/r/core-prime.json` |
| core-qwen | registry:ui | Tailark core qwen svg logo | `npx shadcn@latest add https://tailark.com/r/core-qwen.json` |
| core-replit | registry:ui | Tailark core replit svg logo | `npx shadcn@latest add https://tailark.com/r/core-replit.json` |
| core-salesforce | registry:ui | Tailark core salesforce svg logo | `npx shadcn@latest add https://tailark.com/r/core-salesforce.json` |
| core-sequoia | registry:ui | Tailark core sequoia svg logo | `npx shadcn@latest add https://tailark.com/r/core-sequoia.json` |
| core-shopify | registry:ui | Tailark core shopify svg logo | `npx shadcn@latest add https://tailark.com/r/core-shopify.json` |
| core-slack | registry:ui | Tailark core slack svg logo | `npx shadcn@latest add https://tailark.com/r/core-slack.json` |
| core-spotify | registry:ui | Tailark core spotify svg logo | `npx shadcn@latest add https://tailark.com/r/core-spotify.json` |
| core-stripe | registry:ui | Tailark core stripe svg logo | `npx shadcn@latest add https://tailark.com/r/core-stripe.json` |
| core-supabase | registry:ui | Tailark core supabase svg logo | `npx shadcn@latest add https://tailark.com/r/core-supabase.json` |
| core-sva | registry:ui | Tailark core sva svg logo | `npx shadcn@latest add https://tailark.com/r/core-sva.json` |
| core-tailwindcss | registry:ui | Tailark core tailwindcss svg logo | `npx shadcn@latest add https://tailark.com/r/core-tailwindcss.json` |
| core-twilio | registry:ui | Tailark core twilio svg logo | `npx shadcn@latest add https://tailark.com/r/core-twilio.json` |
| core-vercel | registry:ui | Tailark core vercel svg logo | `npx shadcn@latest add https://tailark.com/r/core-vercel.json` |
| core-vs-code | registry:ui | Tailark core vs-code svg logo | `npx shadcn@latest add https://tailark.com/r/core-vs-code.json` |
| core-vs-codium | registry:ui | Tailark core vs-codium svg logo | `npx shadcn@latest add https://tailark.com/r/core-vs-codium.json` |
| core-windsurf | registry:ui | Tailark core windsurf svg logo | `npx shadcn@latest add https://tailark.com/r/core-windsurf.json` |
| core-y-combinator | registry:ui | Tailark core y-combinator svg logo | `npx shadcn@latest add https://tailark.com/r/core-y-combinator.json` |
| motion-primitives-animated-group | registry:component | Tailark motion primitives animated-group component | `npx shadcn@latest add https://tailark.com/r/motion-primitives-animated-group.json` |
| motion-primitives-infinite-slider | registry:component | Tailark motion primitives infinite-slider component | `npx shadcn@latest add https://tailark.com/r/motion-primitives-infinite-slider.json` |
| motion-primitives-progressive-blur | registry:component | Tailark motion primitives progressive-blur component | `npx shadcn@latest add https://tailark.com/r/motion-primitives-progressive-blur.json` |
| motion-primitives-text-effect | registry:component | Tailark motion primitives text-effect component | `npx shadcn@latest add https://tailark.com/r/motion-primitives-text-effect.json` |
| motion-primitives-text-scramble | registry:component | Tailark motion primitives text-scramble component | `npx shadcn@latest add https://tailark.com/r/motion-primitives-text-scramble.json` |
| motion-primitives-text-shimmer | registry:component | Tailark motion primitives text-shimmer component | `npx shadcn@latest add https://tailark.com/r/motion-primitives-text-shimmer.json` |
| core-copyright-year | registry:ui | Cached current year for copyright footers | `npx shadcn@latest add https://tailark.com/r/core-copyright-year.json` |
| core-logo | registry:ui | Tailark core logo component | `npx shadcn@latest add https://tailark.com/r/core-logo.json` |
| core-particles | registry:ui | Tailark core particles component | `npx shadcn@latest add https://tailark.com/r/core-particles.json` |
| core-response-stream | registry:ui | Tailark core response stream component | `npx shadcn@latest add https://tailark.com/r/core-response-stream.json` |
| core-prompt-input | registry:component | Tailark core prompt input component | `npx shadcn@latest add https://tailark.com/r/core-prompt-input.json` |
| core-suggestion | registry:component | Tailark core suggestion component | `npx shadcn@latest add https://tailark.com/r/core-suggestion.json` |
| accordion | registry:ui | Tailark Base UI Accordion component | `npx shadcn@latest add https://tailark.com/r/accordion.json` |
| aspect-ratio | registry:ui | Tailark Base UI Aspect Ratio component | `npx shadcn@latest add https://tailark.com/r/aspect-ratio.json` |
| avatar | registry:ui | Tailark Base UI Avatar component | `npx shadcn@latest add https://tailark.com/r/avatar.json` |
| button | registry:ui | Tailark Base UI Button component | `npx shadcn@latest add https://tailark.com/r/button.json` |
| card | registry:ui | Tailark Base UI Card component | `npx shadcn@latest add https://tailark.com/r/card.json` |
| carousel | registry:ui | Tailark Base UI Carousel component | `npx shadcn@latest add https://tailark.com/r/carousel.json` |
| chart | registry:ui | Tailark Base UI Chart component | `npx shadcn@latest add https://tailark.com/r/chart.json` |
| dialog | registry:ui | Tailark Base UI Dialog component | `npx shadcn@latest add https://tailark.com/r/dialog.json` |
| hover-card | registry:ui | Tailark Base UI Hover Card component | `npx shadcn@latest add https://tailark.com/r/hover-card.json` |
| input | registry:ui | Tailark Base UI Input component | `npx shadcn@latest add https://tailark.com/r/input.json` |
| label | registry:ui | Tailark Base UI Label component | `npx shadcn@latest add https://tailark.com/r/label.json` |
| loader | registry:ui | Tailark Base UI Loader component | `npx shadcn@latest add https://tailark.com/r/loader.json` |
| navigation-menu | registry:ui | Tailark Base UI Navigation Menu component | `npx shadcn@latest add https://tailark.com/r/navigation-menu.json` |
| scroll-area | registry:ui | Tailark Base UI Scroll Area component | `npx shadcn@latest add https://tailark.com/r/scroll-area.json` |
| select | registry:ui | Tailark Base UI Select component | `npx shadcn@latest add https://tailark.com/r/select.json` |
| sources | registry:ui | Tailark Base UI Sources component | `npx shadcn@latest add https://tailark.com/r/sources.json` |
| textarea | registry:ui | Tailark Base UI Textarea component | `npx shadcn@latest add https://tailark.com/r/textarea.json` |
| toggle | registry:ui | Tailark Base UI Toggle component | `npx shadcn@latest add https://tailark.com/r/toggle.json` |
| toggle-group | registry:ui | Tailark Base UI Toggle Group component | `npx shadcn@latest add https://tailark.com/r/toggle-group.json` |
| tooltip | registry:ui | Tailark Base UI Tooltip component | `npx shadcn@latest add https://tailark.com/r/tooltip.json` |
| context-menu | registry:ui | Tailark Base UI Context Menu component | `npx shadcn@latest add https://tailark.com/r/context-menu.json` |
| gantt | registry:ui | Tailark Base UI Gantt component | `npx shadcn@latest add https://tailark.com/r/gantt.json` |
| document | registry:component | Tailark document illustration | `npx shadcn@latest add https://tailark.com/r/document.json` |
| document-pdf | registry:component | Tailark pdf document illustration | `npx shadcn@latest add https://tailark.com/r/document-pdf.json` |
| document-docx | registry:component | Tailark docx document illustration | `npx shadcn@latest add https://tailark.com/r/document-docx.json` |
| document-xlx | registry:component | Tailark xlx document illustration | `npx shadcn@latest add https://tailark.com/r/document-xlx.json` |
| document-txt | registry:component | Tailark txt document illustration | `npx shadcn@latest add https://tailark.com/r/document-txt.json` |
| document-json | registry:component | Tailark json document illustration | `npx shadcn@latest add https://tailark.com/r/document-json.json` |
| document-md | registry:component | Tailark md document illustration | `npx shadcn@latest add https://tailark.com/r/document-md.json` |
| document-pptx | registry:component | Tailark pptx document illustration | `npx shadcn@latest add https://tailark.com/r/document-pptx.json` |
| document-csv | registry:component | Tailark csv document illustration | `npx shadcn@latest add https://tailark.com/r/document-csv.json` |
| document-html | registry:component | Tailark html document illustration | `npx shadcn@latest add https://tailark.com/r/document-html.json` |
| document-zip | registry:component | Tailark zip document illustration | `npx shadcn@latest add https://tailark.com/r/document-zip.json` |
| document-img | registry:component | Tailark img document illustration | `npx shadcn@latest add https://tailark.com/r/document-img.json` |
| currency | registry:component | Tailark currency illustration | `npx shadcn@latest add https://tailark.com/r/currency.json` |
| campaign | registry:component | Tailark campaign illustration | `npx shadcn@latest add https://tailark.com/r/campaign.json` |
| invoice | registry:component | Tailark invoice illustration | `npx shadcn@latest add https://tailark.com/r/invoice.json` |
| message | registry:component | Tailark message illustration | `npx shadcn@latest add https://tailark.com/r/message.json` |
| uptime | registry:component | Tailark uptime illustration | `npx shadcn@latest add https://tailark.com/r/uptime.json` |
| poll | registry:component | Tailark poll illustration | `npx shadcn@latest add https://tailark.com/r/poll.json` |
| reply | registry:component | Tailark reply illustration | `npx shadcn@latest add https://tailark.com/r/reply.json` |
| visualization | registry:component | Tailark visualization illustration | `npx shadcn@latest add https://tailark.com/r/visualization.json` |
| keys | registry:component | Tailark keys illustration | `npx shadcn@latest add https://tailark.com/r/keys.json` |
| map | registry:component | Tailark map illustration | `npx shadcn@latest add https://tailark.com/r/map.json` |
| file-upload | registry:component | Tailark file-upload illustration | `npx shadcn@latest add https://tailark.com/r/file-upload.json` |
| actionnable | registry:component | Tailark actionnable illustration | `npx shadcn@latest add https://tailark.com/r/actionnable.json` |
| map-2 | registry:component | Tailark 2 map illustration | `npx shadcn@latest add https://tailark.com/r/map-2.json` |
| add-comment | registry:component | Tailark add comment illustration | `npx shadcn@latest add https://tailark.com/r/add-comment.json` |
| campaign-2 | registry:component | Tailark 2 campaign illustration | `npx shadcn@latest add https://tailark.com/r/campaign-2.json` |
| chat | registry:component | Tailark chat illustration | `npx shadcn@latest add https://tailark.com/r/chat.json` |
| face-scan | registry:component | Tailark face-scan illustration | `npx shadcn@latest add https://tailark.com/r/face-scan.json` |
| face-scan-2 | registry:component | Tailark 2 face-scan illustration | `npx shadcn@latest add https://tailark.com/r/face-scan-2.json` |
| fingerprint-scan | registry:component | Tailark scan fingerprint illustration | `npx shadcn@latest add https://tailark.com/r/fingerprint-scan.json` |
| fingerprint | registry:component | Tailark fingerprint illustration | `npx shadcn@latest add https://tailark.com/r/fingerprint.json` |
| document-analysis | registry:component | Tailark analysis document illustration | `npx shadcn@latest add https://tailark.com/r/document-analysis.json` |
| metrics | registry:component | Tailark metrics illustration | `npx shadcn@latest add https://tailark.com/r/metrics.json` |
| invoice-signing | registry:component | Tailark signing invoice illustration | `npx shadcn@latest add https://tailark.com/r/invoice-signing.json` |
| id-check | registry:component | Tailark id-check illustration | `npx shadcn@latest add https://tailark.com/r/id-check.json` |
| memory-usage | registry:component | Tailark memory-usage illustration | `npx shadcn@latest add https://tailark.com/r/memory-usage.json` |
| payment | registry:component | Tailark payment illustration | `npx shadcn@latest add https://tailark.com/r/payment.json` |
| poll-2 | registry:component | Tailark 2 poll illustration | `npx shadcn@latest add https://tailark.com/r/poll-2.json` |
| schedule | registry:component | Tailark schedule illustration | `npx shadcn@latest add https://tailark.com/r/schedule.json` |
| comment | registry:component | Tailark comment illustration | `npx shadcn@latest add https://tailark.com/r/comment.json` |
| user | registry:component | Tailark user illustration | `npx shadcn@latest add https://tailark.com/r/user.json` |
| users | registry:component | Tailark multiple user illustration | `npx shadcn@latest add https://tailark.com/r/users.json` |
| collaboration | registry:component | Tailark collaboration illustration | `npx shadcn@latest add https://tailark.com/r/collaboration.json` |
| collaboration-comment | registry:component | Tailark comment collaboration illustration | `npx shadcn@latest add https://tailark.com/r/collaboration-comment.json` |
| email | registry:component | Tailark email illustration | `npx shadcn@latest add https://tailark.com/r/email.json` |
| notes | registry:component | Tailark notes illustration | `npx shadcn@latest add https://tailark.com/r/notes.json` |
| notes-3 | registry:component | Tailark 3 notes illustration | `npx shadcn@latest add https://tailark.com/r/notes-3.json` |
| notes-2 | registry:component | Tailark 2 notes illustration | `npx shadcn@latest add https://tailark.com/r/notes-2.json` |
| kanban | registry:component | Tailark kanban illustration | `npx shadcn@latest add https://tailark.com/r/kanban.json` |
| kanban-2 | registry:component | Tailark 2 kanban illustration | `npx shadcn@latest add https://tailark.com/r/kanban-2.json` |
| kanban-3 | registry:component | Tailark 3 kanban illustration | `npx shadcn@latest add https://tailark.com/r/kanban-3.json` |
| calendar | registry:component | Tailark calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar.json` |
| calendar-2 | registry:component | Tailark 2 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-2.json` |
| calendar-3 | registry:component | Tailark 3 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-3.json` |
| calendar-4 | registry:component | Tailark 4 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-4.json` |
| calendar-5 | registry:component | Tailark 5 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-5.json` |
| calendar-6 | registry:component | Tailark 6 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-6.json` |
| calendar-7 | registry:component | Tailark 7 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-7.json` |
| calendar-8 | registry:component | Tailark 8 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-8.json` |
| calendar-10 | registry:component | Tailark 10 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-10.json` |
| calendar-11 | registry:component | Tailark 11 calendar illustration | `npx shadcn@latest add https://tailark.com/r/calendar-11.json` |
| meeting | registry:component | Tailark meeting illustration | `npx shadcn@latest add https://tailark.com/r/meeting.json` |
| meeting-2 | registry:component | Tailark 2 meeting illustration | `npx shadcn@latest add https://tailark.com/r/meeting-2.json` |
| meeting-3 | registry:component | Tailark 3 meeting illustration | `npx shadcn@latest add https://tailark.com/r/meeting-3.json` |
| meeting-4 | registry:component | Tailark 4 meeting illustration | `npx shadcn@latest add https://tailark.com/r/meeting-4.json` |
| flow | registry:component | Tailark flow illustration | `npx shadcn@latest add https://tailark.com/r/flow.json` |
| flow-2 | registry:component | Tailark 2 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-2.json` |
| flow-4 | registry:component | Tailark 4 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-4.json` |
| flow-3 | registry:component | Tailark 3 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-3.json` |
| flow-5 | registry:component | Tailark 5 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-5.json` |
| flow-6 | registry:component | Tailark 6 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-6.json` |
| flow-8 | registry:component | Tailark 8 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-8.json` |
| flow-7 | registry:component | Tailark 7 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-7.json` |
| flow-9 | registry:component | Tailark 9 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-9.json` |
| flow-10 | registry:component | Tailark 10 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-10.json` |
| flow-11 | registry:component | Tailark 11 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-11.json` |
| flow-12 | registry:component | Tailark 12 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-12.json` |
| flow-13 | registry:component | Tailark 13 flow illustration | `npx shadcn@latest add https://tailark.com/r/flow-13.json` |
| ai-1 | registry:component | Tailark 1 ai illustration | `npx shadcn@latest add https://tailark.com/r/ai-1.json` |
| ai-2 | registry:component | Tailark 2 ai illustration | `npx shadcn@latest add https://tailark.com/r/ai-2.json` |
| ai-3 | registry:component | Tailark 3 ai illustration | `npx shadcn@latest add https://tailark.com/r/ai-3.json` |
| agent-workflow | registry:component | Tailark workflow agent illustration | `npx shadcn@latest add https://tailark.com/r/agent-workflow.json` |
| models-3 | registry:component | Tailark 3 models illustration | `npx shadcn@latest add https://tailark.com/r/models-3.json` |
| models-4 | registry:component | Tailark 4 models illustration | `npx shadcn@latest add https://tailark.com/r/models-4.json` |
| translation-interface | registry:component | Tailark translation illustration | `npx shadcn@latest add https://tailark.com/r/translation-interface.json` |
| model-selector | registry:component | Tailark model-selector illustration | `npx shadcn@latest add https://tailark.com/r/model-selector.json` |
| token-counter | registry:component | Tailark token-counter illustration | `npx shadcn@latest add https://tailark.com/r/token-counter.json` |
| model-training | registry:component | Tailark model-training illustration | `npx shadcn@latest add https://tailark.com/r/model-training.json` |
| models | registry:component | Tailark models illustration | `npx shadcn@latest add https://tailark.com/r/models.json` |
| models-2 | registry:component | Tailark 2 models illustration | `npx shadcn@latest add https://tailark.com/r/models-2.json` |
| ai-search | registry:component | Tailark ai-search illustration | `npx shadcn@latest add https://tailark.com/r/ai-search.json` |
| ai-search-2 | registry:component | Tailark 2 ai-search illustration | `npx shadcn@latest add https://tailark.com/r/ai-search-2.json` |
| ai-memory | registry:component | Tailark ai-memory illustration | `npx shadcn@latest add https://tailark.com/r/ai-memory.json` |
| integrations | registry:component | Tailark integrations illustration | `npx shadcn@latest add https://tailark.com/r/integrations.json` |
| text-to-speech | registry:component | Tailark text-to-speech illustration | `npx shadcn@latest add https://tailark.com/r/text-to-speech.json` |
| ai-autocomplete | registry:component | Tailark ai-autocomplete illustration | `npx shadcn@latest add https://tailark.com/r/ai-autocomplete.json` |
| ai-summarization | registry:component | Tailark ai-summarization illustration | `npx shadcn@latest add https://tailark.com/r/ai-summarization.json` |
| message-2 | registry:component | Tailark 2 message illustration | `npx shadcn@latest add https://tailark.com/r/message-2.json` |
| ai-chat-interface | registry:component | Tailark ai-chat-interface illustration | `npx shadcn@latest add https://tailark.com/r/ai-chat-interface.json` |
| ai-mentions | registry:component | Tailark ai-mentions illustration | `npx shadcn@latest add https://tailark.com/r/ai-mentions.json` |
| agent-task-planning | registry:component | Tailark task-planning agent illustration | `npx shadcn@latest add https://tailark.com/r/agent-task-planning.json` |
| agent-feedback | registry:component | Tailark feedback agent illustration | `npx shadcn@latest add https://tailark.com/r/agent-feedback.json` |
| ai-suggestion | registry:component | Tailark ai-suggestion illustration | `npx shadcn@latest add https://tailark.com/r/ai-suggestion.json` |
| workflow | registry:component | Tailark workflow illustration | `npx shadcn@latest add https://tailark.com/r/workflow.json` |
| agent-tasks | registry:component | Tailark tasks agent illustration | `npx shadcn@latest add https://tailark.com/r/agent-tasks.json` |
| sleep-visualization | registry:component | Tailark sleep-visualization health illustration | `npx shadcn@latest add https://tailark.com/r/sleep-visualization.json` |
| running-visualization | registry:component | Tailark running-visualization health illustration | `npx shadcn@latest add https://tailark.com/r/running-visualization.json` |
| mobile-wallet | registry:component | Tailark wallet mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-wallet.json` |
| todo-app | registry:component | Tailark todo-app illustration | `npx shadcn@latest add https://tailark.com/r/todo-app.json` |
| shopping-cart | registry:component | Tailark shopping-cart illustration | `npx shadcn@latest add https://tailark.com/r/shopping-cart.json` |
| bank-stats | registry:component | Tailark bank-stats illustration | `npx shadcn@latest add https://tailark.com/r/bank-stats.json` |
| ride-sharing | registry:component | Tailark ride-sharing illustration | `npx shadcn@latest add https://tailark.com/r/ride-sharing.json` |
| food-delivery | registry:component | Tailark food-delivery illustration | `npx shadcn@latest add https://tailark.com/r/food-delivery.json` |
| mobile-card-form | registry:component | Tailark card-form mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-card-form.json` |
| sleep-tracker | registry:component | Tailark sleep-tracker health illustration | `npx shadcn@latest add https://tailark.com/r/sleep-tracker.json` |
| mobile-wallet-area | registry:component | Tailark wallet-area mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-wallet-area.json` |
| mobile-wallet-line | registry:component | Tailark wallet-line mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-wallet-line.json` |
| mobile-ai-assistant | registry:component | Tailark ai-assistant mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-ai-assistant.json` |
| mobile-ai-suggestion | registry:component | Tailark ai-suggestion mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-ai-suggestion.json` |
| mobile-email | registry:component | Tailark email mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-email.json` |
| mobile-note | registry:component | Tailark note mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-note.json` |
| mobile-note-2 | registry:component | Tailark note-2 mobile illustration | `npx shadcn@latest add https://tailark.com/r/mobile-note-2.json` |
| bento-8 | registry:block | Tailark bento variant 8 block | `npx shadcn@latest add https://tailark.com/r/bento-8.json` |
| bento-11 | registry:block | Tailark bento variant 11 block | `npx shadcn@latest add https://tailark.com/r/bento-11.json` |
| bento-5 | registry:block | Tailark bento variant 5 block | `npx shadcn@latest add https://tailark.com/r/bento-5.json` |
| bento-4 | registry:block | Tailark bento variant 4 block | `npx shadcn@latest add https://tailark.com/r/bento-4.json` |
| bento-14 | registry:block | Tailark bento variant 14 block | `npx shadcn@latest add https://tailark.com/r/bento-14.json` |
| bento-9 | registry:block | Tailark bento variant 9 block | `npx shadcn@latest add https://tailark.com/r/bento-9.json` |
| bento-1 | registry:block | Tailark bento variant 1 block | `npx shadcn@latest add https://tailark.com/r/bento-1.json` |
| bento-7 | registry:block | Tailark bento variant 7 block | `npx shadcn@latest add https://tailark.com/r/bento-7.json` |
| bento-6 | registry:block | Tailark bento variant 6 block | `npx shadcn@latest add https://tailark.com/r/bento-6.json` |
| bento-10 | registry:block | Tailark bento variant 10 block | `npx shadcn@latest add https://tailark.com/r/bento-10.json` |
| bento-13 | registry:block | Tailark bento variant 13 block | `npx shadcn@latest add https://tailark.com/r/bento-13.json` |
| bento-3 | registry:block | Tailark bento variant 3 block | `npx shadcn@latest add https://tailark.com/r/bento-3.json` |
| bento-12 | registry:block | Tailark bento variant 12 block | `npx shadcn@latest add https://tailark.com/r/bento-12.json` |
| bento-2 | registry:block | Tailark bento variant 2 block | `npx shadcn@latest add https://tailark.com/r/bento-2.json` |
| blog-blocks-5 | registry:block | Tailark blog-blocks variant 5 block | `npx shadcn@latest add https://tailark.com/r/blog-blocks-5.json` |
| blog-blocks-4 | registry:block | Tailark blog-blocks variant 4 block | `npx shadcn@latest add https://tailark.com/r/blog-blocks-4.json` |
| blog-blocks-1 | registry:block | Tailark blog-blocks variant 1 block | `npx shadcn@latest add https://tailark.com/r/blog-blocks-1.json` |
| blog-blocks-7 | registry:block | Tailark blog-blocks variant 7 block | `npx shadcn@latest add https://tailark.com/r/blog-blocks-7.json` |
| blog-blocks-6 | registry:block | Tailark blog-blocks variant 6 block | `npx shadcn@latest add https://tailark.com/r/blog-blocks-6.json` |
| blog-blocks-3 | registry:block | Tailark blog-blocks variant 3 block | `npx shadcn@latest add https://tailark.com/r/blog-blocks-3.json` |
| blog-blocks-2 | registry:block | Tailark blog-blocks variant 2 block | `npx shadcn@latest add https://tailark.com/r/blog-blocks-2.json` |
| call-to-action-1 | registry:block | Tailark call-to-action variant 1 block | `npx shadcn@latest add https://tailark.com/r/call-to-action-1.json` |
| call-to-action-3 | registry:block | Tailark call-to-action variant 3 block | `npx shadcn@latest add https://tailark.com/r/call-to-action-3.json` |
| call-to-action-2 | registry:block | Tailark call-to-action variant 2 block | `npx shadcn@latest add https://tailark.com/r/call-to-action-2.json` |
| code-demo-4 | registry:block | Tailark code-demo variant 4 block | `npx shadcn@latest add https://tailark.com/r/code-demo-4.json` |
| code-demo-1 | registry:block | Tailark code-demo variant 1 block | `npx shadcn@latest add https://tailark.com/r/code-demo-1.json` |
| code-demo-3 | registry:block | Tailark code-demo variant 3 block | `npx shadcn@latest add https://tailark.com/r/code-demo-3.json` |
| code-demo-2 | registry:block | Tailark code-demo variant 2 block | `npx shadcn@latest add https://tailark.com/r/code-demo-2.json` |
| comparator-5 | registry:block | Tailark comparator variant 5 block | `npx shadcn@latest add https://tailark.com/r/comparator-5.json` |
| comparator-4 | registry:block | Tailark comparator variant 4 block | `npx shadcn@latest add https://tailark.com/r/comparator-4.json` |
| comparator-1 | registry:block | Tailark comparator variant 1 block | `npx shadcn@latest add https://tailark.com/r/comparator-1.json` |
| comparator-7 | registry:block | Tailark comparator variant 7 block | `npx shadcn@latest add https://tailark.com/r/comparator-7.json` |
| comparator-6 | registry:block | Tailark comparator variant 6 block | `npx shadcn@latest add https://tailark.com/r/comparator-6.json` |
| comparator-3 | registry:block | Tailark comparator variant 3 block | `npx shadcn@latest add https://tailark.com/r/comparator-3.json` |
| comparator-2 | registry:block | Tailark comparator variant 2 block | `npx shadcn@latest add https://tailark.com/r/comparator-2.json` |
| contact-8 | registry:block | Tailark contact variant 8 block | `npx shadcn@latest add https://tailark.com/r/contact-8.json` |
| contact-5 | registry:block | Tailark contact variant 5 block | `npx shadcn@latest add https://tailark.com/r/contact-5.json` |
| contact-4 | registry:block | Tailark contact variant 4 block | `npx shadcn@latest add https://tailark.com/r/contact-4.json` |

## For AI agents

```text
You are adding components from @tailark to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/tailark.md) for the component list.
2. Fetch the machine-readable index: https://tailark.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: tailark).
```