@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.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://tailark.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://tailark.com/r/registry.json

bun bunx shadcn@latest add https://tailark.com/r/registry.json

fetch registry curl -s https://tailark.com/r/registry.json

Components

60 total

Call To Action 1 block

Shadcn/ui call to action block

npx shadcn@latest add https://tailark.com/r/call-to-action-1.json

Call To Action 2 block

Shadcn/ui call to action block

npx shadcn@latest add https://tailark.com/r/call-to-action-2.json

Call To Action 3 block

Shadcn/ui call to action block

npx shadcn@latest add https://tailark.com/r/call-to-action-3.json

Pricing Comparator 1 block

Shadcn/ui pricing comparator table block

npx shadcn@latest add https://tailark.com/r/comparator-1.json

Content Block 1 block

Shadcn/ui website content block

npx shadcn@latest add https://tailark.com/r/content-1.json

Content Block 2 block

Shadcn/ui website content block

npx shadcn@latest add https://tailark.com/r/content-2.json

Content Block 3 block

Shadcn/ui website content block

npx shadcn@latest add https://tailark.com/r/content-3.json

Content Block 4 block

Shadcn/ui website content block

npx shadcn@latest add https://tailark.com/r/content-4.json

Content Block 5 block

Shadcn/ui website content block

npx shadcn@latest add https://tailark.com/r/content-5.json

Content Block 6 block

Shadcn/ui website content block

npx shadcn@latest add https://tailark.com/r/content-6.json

Content Block 7 block

Shadcn/ui website content block

npx shadcn@latest add https://tailark.com/r/content-7.json

FAQs Block 1 block

Shadcn/ui Frequently Asqued Questions block

npx shadcn@latest add https://tailark.com/r/faqs-1.json

FAQs Block 2 block

Shadcn/ui FAQs block with accordion component

npx shadcn@latest add https://tailark.com/r/faqs-2.json

FAQs Block 3 block

Shadcn/ui FAQs block with accordion component and icons

npx shadcn@latest add https://tailark.com/r/faqs-3.json

FAQs Block 4 block

Shadcn/ui FAQs block with accordion component and icons

npx shadcn@latest add https://tailark.com/r/faqs-4.json

Features Block 1 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-1.json

Features Block 2 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-2.json

Features Block 3 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-3.json

Features Block 4 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-4.json

Features Block 5 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-5.json

Features Block 6 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-6.json

Features Block 7 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-7.json

Features Block 8 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-8.json

Features Block 9 block

Shadcn/ui website features block

npx shadcn@latest add https://tailark.com/r/features-9.json

Features Block 10 block

Shadcn/ui website features block with cards and circular UI elements

npx shadcn@latest add https://tailark.com/r/features-10.json

Features Block 11 block

Shadcn/ui website features block with grid layout and images

npx shadcn@latest add https://tailark.com/r/features-11.json

Features Block 12 block

Shadcn/ui website features block with accordion and animated images

npx shadcn@latest add https://tailark.com/r/features-12.json

Footer Block 1 block

Shadcn/ui website footer block

npx shadcn@latest add https://tailark.com/r/footer-1.json

Footer Block 2 block

Shadcn/ui website footer block

npx shadcn@latest add https://tailark.com/r/footer-2.json

Footer Block 3 block

Shadcn/ui website footer block

npx shadcn@latest add https://tailark.com/r/footer-3.json

Footer Block 4 block

Shadcn/ui website footer block

npx shadcn@latest add https://tailark.com/r/footer-4.json

Footer Block 5 block

Shadcn/ui website footer block

npx shadcn@latest add https://tailark.com/r/footer-5.json

Hero Section 1 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-1.json

Hero Section 2 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-2.json

Hero Section 3 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-3.json

Hero Section 4 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-4.json

Hero Section 5 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-5.json

Hero Section 6 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-6.json

Hero Section 7 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-7.json

Hero Section 8 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-8.json

Hero Section 9 block

Shadcn/ui website Hero Section

npx shadcn@latest add https://tailark.com/r/hero-section-9.json

Login Page 1 block

Shadcn/ui Login Page

npx shadcn@latest add https://tailark.com/r/login-1.json

Login Page 2 block

Shadcn/ui Login Page

npx shadcn@latest add https://tailark.com/r/login-2.json

Login Page 3 block

Shadcn/ui Login Page

npx shadcn@latest add https://tailark.com/r/login-3.json

Sign Up Page 1 block

Shadcn/ui Sign Up Page

npx shadcn@latest add https://tailark.com/r/sign-up-1.json

Sign Up Page 2 block

Shadcn/ui Sign Up Page

npx shadcn@latest add https://tailark.com/r/sign-up-2.json

Sign Up Page 3 block

Shadcn/ui Sign Up Page

npx shadcn@latest add https://tailark.com/r/sign-up-3.json

Forgot Password Page 1 block

Shadcn/ui Forgot Password Page

npx shadcn@latest add https://tailark.com/r/forgot-password-1.json

Forgot Password Page 2 block

Shadcn/ui Forgot Password Page

npx shadcn@latest add https://tailark.com/r/forgot-password-2.json

Stats Block 1 block

Shadcn/ui website stats block

npx shadcn@latest add https://tailark.com/r/stats-1.json

Stats Block 2 block

Shadcn/ui website stats block

npx shadcn@latest add https://tailark.com/r/stats-2.json

Stats Block 3 block

Shadcn/ui website stats block

npx shadcn@latest add https://tailark.com/r/stats-3.json

Stats Block 4 block

Shadcn/ui website stats block

npx shadcn@latest add https://tailark.com/r/stats-4.json

Team Section 1 block

Shadcn/ui website team section

npx shadcn@latest add https://tailark.com/r/team-1.json

Team Section 2 block

Shadcn/ui website team section

npx shadcn@latest add https://tailark.com/r/team-2.json

Testimonials Section 1 block

Shadcn/ui website testimonials section

npx shadcn@latest add https://tailark.com/r/testimonials-1.json

Testimonials Section 2 block

Shadcn/ui website testimonials section

npx shadcn@latest add https://tailark.com/r/testimonials-2.json

Testimonials Section 3 block

Shadcn/ui website testimonials section

npx shadcn@latest add https://tailark.com/r/testimonials-3.json

Testimonials Section 4 block

Shadcn/ui website testimonials section

npx shadcn@latest add https://tailark.com/r/testimonials-4.json

Testimonials Section 5 block

Shadcn/ui website testimonials section

npx shadcn@latest add https://tailark.com/r/testimonials-5.json