核心功能
截至 9 月 22 日最新版本，ShadcnSpace 共收录 457+ 区块、456+ 组件、12 套模板、28+ 预制页面。所有内容均达到生产级开发标准，符合 WCAG 2.2 无障碍规范，基于 TypeScript、Tailwind CSS 搭配 CVA、标准 shadcn/ui 模式开发，可直接在 React 和 Next.js 技术栈中使用。
所有资源同时支持 Radix UI 和 Base UI 两类 UI 原语，开发者可以自行选择熟悉的底层基础，获得对边缘场景处理完善的无障碍元素实现。可选的动效变体基于 Framer Motion 搭建，在添加交互反馈的同时不会破坏无障碍特性和代码可维护性。
可用内容分类
区块
区块是完整的预制 UI 板块，按使用场景分为以下类别：
营销类区块：首屏展示区、定价区、作品集区、功能介绍区、导航栏、用户评价区、页脚、订阅区、登录区、方案对比区块
仪表盘 UI 区块：AI 运维外壳、仪表盘外壳、图表组件、小部件、侧边栏、弹窗、数据表格、AI 聊天区块
电商类区块：结账流程、优惠券组件、商品列表、商品对比、商品概览板块
组件
组件库包含 450+ 独立 UI 元素，涵盖手风琴、头像、跑马灯、动效列表、按钮、徽章、日历、轮播图以及各类表单元素。所有组件支持自由组合，结构统一规范，可以直接嵌入现有项目，修改成本很低。
模板
提供开箱即用、支持全自定义的 Shadcn UI 模板，适配各类实际开发场景，包括 SaaS 产品官网、SaaS 落地页、代理工作室/作品集站点。所有付费模板布局规范统一，复用已有组件模式，直接继承自底层组件系统。
Figma UI 套件
配套的 Figma 设计系统包含 100+ 款与代码资产完全对应的 Shadcn UI 组件，让设计和开发团队的对接更顺畅，两端工作流的 UI 样式完全统一。
支持的工作流
直接复制粘贴使用
每一个区块、组件和模板都可以直接复制代码粘贴到现有 React 项目中，无需额外配置，马上就能加入对应的 UI 板块。
CLI 命令行工作流
通过 ShadcnSpace CLI，你可以直接在终端里安装、管理组件、区块和模板，和现有 shadcn/ui 部署、现代前端项目结构完全兼容。
MCP 服务集成
在线 MCP 服务可以连接到你的开发环境，让你直接在 IDE 内生成、浏览各类组件和布局，减少原型阶段的手动复制粘贴操作。
免费与付费许可协议
所有开源 ShadcnSpace 资源均采用 MIT 许可，支持任意商业项目使用。免费权限可以完整访问大部分开源区块、组件和基础模板。付费版可以使用专属高级模板、扩展型仪表盘布局、完整付费版 Figma 套件，享受终身更新，商用场景下没有额外的许可限制，所有付费资源都兼容 CLI 工作流。
评论