用 shadcn/ui 的人多半都有同一个感受：组件很好，但拼不出页面。Button、Card、Dialog 都有了，可 Hero 区怎么排、定价表怎么做、FAQ 折叠怎么组织，还得自己从零搭。Shadcnblocks 补的就是组件到页面之间的这一层。
区块（Block）这个概念
区块是介于组件和页面之间的粒度：一个 Hero、一个功能网格、一段客户评价、一张定价表——每个都是能独立放进页面的完整段落。shadcnblocks.com 提供了数百个这样的区块，覆盖落地页、营销页、SaaS 产品页几种典型场景。
技术上它完全建立在 shadcn/ui 之上，用的是同一套 Tailwind 类名和 CSS 变量。这意味着你在 globals.css 里改一次主题色，区块跟着变，不会出现"引入的模板和自己的组件是两套配色"这种尴尬。
交付方式也是复制粘贴：挑中区块，复制代码进项目，改文案改图片就完事。不引入新依赖，不产生新的抽象层——这是它比大部分 UI kit 好用的核心原因。
实际能省多少时间
拿一个典型 SaaS 落地页来算：导航栏、Hero、Logo 墙、三段功能介绍、定价表、FAQ、CTA、Footer。自己写，含调整响应式断点，一天到两天是常态。用区块拼，半天能出一版能看的，剩下的时间花在文案和配图上——而文案配图本来就是这类页面真正决定转化的东西。
更值钱的其实是排版参照。很多后端出身的开发者不是写不出代码，是不知道 Hero 区的标题该多大、段落间距该留多少、按钮组该怎么排。区块里这些数值是设计师定过的，抄结构就等于抄了一份排版基准。
和免费方案的差距在哪
网上免费的 shadcn 区块不少，Tailwind UI 也有类似定位。差距主要在三处：
- 数量与覆盖度。免费集合通常几十个，够拼一个页面，不够让你在五个 Hero 变体里挑最合适的那个。挑选空间本身就是价值。
- 一致性。东拼西凑来的免费区块常常来自不同作者，间距体系、圆角、阴影都对不上，拼完还得统一调一遍。
- 暗色模式。免费区块的暗色适配经常是没做或做一半，实际项目里补这个很磨人。
反过来说，如果你只需要一个 Hero 加一个 Footer，免费资源完全够用，没必要为数百个区块买单。
什么时候不该用
做后台系统。区块的设计语言是营销页那一套：大留白、大标题、渐变强调。管理后台需要的是信息密度，两者取向相反。后台该直接用 shadcn/ui 组件加自己的布局。
已经有成熟设计系统的团队。你有自己的 token、自己的组件规范，引入外部区块反而要做大量对齐工作，改的时间不比写的时间少。
追求视觉独特性的项目。区块是通用方案，用得多了会"眼熟"。品牌官网、个人作品集这类靠视觉记忆点的场景，建议只把它当结构参考，视觉层重做。
一个务实的用法
不要整页照搬。合理的流程是：先用区块快速拼出结构，确认信息层级和页面节奏对了，再逐块替换视觉——换字体、换配色、换一两个关键区块的布局。这样既拿到了速度，也不至于做出一个和别人一模一样的页面。
Shadcnblocks 的完整工程源码在 组件模板栏目里，通过私有 Git 仓库交付，可以 git clone 拿到本地，上游更新区块后 git pull 就能同步——比在网页上逐个复制粘贴省事，本地跑起来还能直接预览所有区块效果。同栏目里还有 Nexty、Makerkit 这类完整 SaaS 底座，永久会员 Pro 可以全部免费获取。