Tailark 是一个专为构建营销网站设计的 UI 组件块(Blocks)工具包,主要基于 shadcn/ui + Tailwind CSS + Next.js + TypeScript 技术栈。它最初叫 NSUI,后来更名为 Tailark,GitHub 项目(tailark/blocks)已有超过 1800+ stars,开源部分采用 MIT 许可。
核心功能
- 提供大量预制、可复制的营销块(Blocks):包括但不限于:
- Hero 英雄区
- Features 功能展示
- Pricing 定价表
- Testimonials 用户评价/案例
- CTA(Call to Action)行动号召按钮/区
- FAQ 常见问题
- Logo Cloud 品牌墙
- Team 团队介绍
- Footer 页脚、Auth 登录页等
- 通过 shadcn CLI 一键安装:把 Tailark 添加到你的 shadcn registry 后,直接用命令(如 npx shadcn@latest add tailark-hero-01)把块拉到项目里,无需整套模板,高度可组合、可自定义。
- 响应式 + 生产就绪:所有块都已做好移动端适配、暗黑模式支持、动画优化,直接复制代码即可用。
- 免费开源版 + 付费 Pro 版:
- 免费版:几十个精选块,足够个人/小型项目。
- Tailark Pro(https://pro.tailark.com):几百个高级块 + 完整页面模板(多种风格,如 Quartz、Dusk、Mist),定期更新,包含独家插图和组件,一次性买断(lifetime access),支持无限项目(包括商业/客户项目)。
主要特点与优势
- 极致加速营销页面开发:专为 SaaS 产品页、Startup Landing Page、代理公司快速交付设计的块,注重转化率(conversion-oriented design)。
- 与 shadcn/ui 深度集成:不像普通组件库需要全局安装,Tailark 完全遵循 shadcn 的“复制-粘贴-拥有”哲学,你真正拥有代码,随意修改。
- 高质量美观设计:块风格现代、优雅,很多用户反馈“比用 v0.dev 或其他 AI 生成的还要好看且可用”。
- 灵活性高:不锁死模板,想怎么拼就怎么拼,适合 Next.js App Router / Pages Router 项目。
- 社区与更新活跃:有 Discord 社区,Pro 版持续增加新块和新完整页面。
适合人群
- Indie Hacker / 初创团队快速搭产品官网
- 开发者/设计师想省掉从零写 Hero、Pricing 等常见模块的时间
- 代理公司需要高品质、可复用的营销页面组件
- 已经使用 shadcn/ui + Tailwind CSS 栈的项目
简单来说,Tailark 就是“shadcn/ui 专属的营销页面积木包”,用它搭一个好看、高转化的 Landing Page 可能只需要几小时。如果你正在用 Next.js + shadcn 建站,强烈推荐试试免费版,先加 registry 玩几个块就知道有多香了!
数据统计
相关导航
没有相关内容!
暂无评论...

