Tailark Blocks - Open source Shadcn blocks for Next.js
A large collection of responsive, production-ready marketing blocks built with shadcn/ui and Tailwind CSS. Includes two distinct style kits, Dusk for dark themes and Veil for light, minimalist sites, all fully editable and MIT licensed.
All blocks are MIT licensed and completely free to use in any project.
Every block is built to look great across all screen sizes and devices.
Choose between Dusk for dark elegant themes and Veil for clean light layouts.
Components are built for real codebases, not just demos or prototypes.
Blocks are fully editable and integrate naturally without locking you into fixed patterns.
Built on the popular shadcn/ui component system for familiar structure and styling.
Ship polished marketing websites faster with ready-made component blocks
Tailark Blocks is a free, open-source collection of marketing website components designed for founders and teams who want to get sites shipped quickly. Built with shadcn/ui and Tailwind CSS on a Next.js and TypeScript foundation, the library provides a wide range of responsive blocks that drop directly into your codebase. Rather than imposing a rigid design system, every component is fully editable so you can adapt styling and structure to match your brand. The collection ships with two distinct visual kits, giving you flexibility to build dark-themed or light-themed sites from the same component set.
What's included
- Dusk kit — a stylish, elegant set of blocks optimized for dark mode websites that also works well in light themes
- Veil kit — friendly, super minimal, but elegant block set designed specifically for light mode layouts
- Responsive marketing blocks covering common website sections
- shadcn/ui-based components with consistent design tokens
- TypeScript source code for type safety across all blocks
- Monorepo structure with Turbopack development support
Ideal for
- SaaS and startup marketing websites
- Product launch and waitlist landing pages
- Founder-led teams building marketing sites without a dedicated designer
- Developer portfolios or agency showcase sites
- Any project already using shadcn/ui that needs marketing page sections
Theming & dark mode
The two bundled kits take different approaches to theming. Dusk leans into rich, dark aesthetics with carefully tuned contrast and color choices, while still rendering cleanly when toggled to light mode. Mist takes the opposite approach, a minimal, content-focused light theme reminiscent of documentation-style layouts. Because both kits share the same underlying shadcn/ui primitives, you can mix elements from each or use them as starting points for a fully custom theme.
License & usage
All components are released under the MIT license, so you can use them freely in personal and commercial projects without attribution requirements. The full source is available on GitHub, and contributions are welcome.
