ReUI
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
当需要在React + Tailwind CSS项目中快速搭建符合shadcn/ui标准的界面,同时希望AI编码代理也能直接调用相同组件库时,ReUI提供了一套从免费组件到付费区块、图标、模板的完整注册表,并自带MCP服务器供代理使用。
| 平台 | React + Tailwind CSS + shadcn/ui |
|---|---|
| 中文 | 无中文界面,文档为英文 |
| 用途 | 为开发者与AI代理提供shadcn/ui兼容的组件、区块、图标和模板 |
ReUI将资源分为免费组件与付费区块两大层级。免费部分包含1034个shadcn UI组件和19个自定义原始组件,覆盖Accordion、Alert、Button、Calendar、Data Grid、Event Calendar、Gantt、Kanban等数十个分类,每个分类下提供多个示例(如Button有61个组件、Alert有20个组件)。付费Pro版提供490个区块,横跨Application(285个)、Data Grid(30个)、Solutions(64个)、eCommerce(87个)、Marketing(24个)五大组,共53个细分类别,例如App Shell、Auth、Chart、Dashboard、Empty State、Form、Navbar、Onboarding、Settings、Stats、Timeline、Wizard、Agents、AI Ops、Analytics、Billing、CRM、Category Card、Checkout、Product Grid、FAQ等。Ultimate版额外包含2248个手绘图标(4种风格:Filled、Solid、Duotone、Outline)和全页模板。
ReUI是首个为AI代理提供一等公民支持的shadcn/ui注册表。它内置MCP服务器,支持Claude、Codex、Cursor、v0、Lovable、Replit、OpenCode、VS Code、Zed等主流编码代理工具。开发者浏览和安装的组件目录与AI代理通过MCP协议获取的目录完全一致,确保人工编写与代理生成的代码来源相同。免费套餐每天提供100次MCP请求,Pro和Ultimate套餐无限制。此外还提供Agent Skills功能,进一步扩展代理能力。
ReUI采用免费基础+一次性付费升级模式。免费套餐无需账户即可使用1034个组件和19个原始组件,包含无限商业使用授权和终身免费更新,支持社区邮件支持。Pro版249美元一次性支付,解锁全部490个Pro区块,包含1个用户访问权限、无限商业使用、终身更新、注册表访问、Agent Skills和MCP服务器。Ultimate版499美元一次性支付,在Pro基础上增加2248个图标和全页模板。所有套餐均不包含团队共享访问和团队管理功能(仅限个人使用)。
ReUI保持活跃迭代。v2.1.5(2026年7月20日)新增了Event Calendar原始组件(5种视图)、Gantt原始组件(从天到年刻度)、5个Event Calendar示例组件、5个Gantt示例组件、Event Calendar区块、Gantt区块和可编辑Data Grid区块,并对Data Grid、Filters、Sortable、Kanban、Stepper等组件进行了改进,同时提升了MCP服务器认证可靠性(OAuth 2.1合规)。v2.1.0(2026年6月30日)发布了Pro版,包含485个区块和562个Pro图标。
Q1:ReUI的免费组件和Pro区块有什么区别?
A1:免费组件包含1034个shadcn UI组件和19个ReUI原始组件,覆盖基础UI元素(按钮、表单、弹窗等),可直接通过CLI安装。Pro区块是490个更完整、设计更精致的页面级布局,按Application、Data Grid、Solutions、eCommerce、Marketing五大组分类,适合快速搭建实际应用界面。免费组件无需付费,Pro区块需购买Pro套餐(249美元一次性)。
Q2:ReUI的MCP服务器如何帮助AI编码代理?
A2:ReUI内置MCP服务器,支持Claude、Codex、Cursor、v0、Lovable、Replit、OpenCode、VS Code、Zed等代理工具。代理通过MCP协议直接访问与开发者浏览器相同的组件目录,确保生成的代码与人工安装的组件一致。免费套餐每天限100次MCP请求,Pro和Ultimate套餐无限制。
Q3:ReUI的图标集有什么特点?
A3:ReUI提供2248个手绘图标,分为Filled、Solid、Duotone、Outline四种风格,悬停时可预览动画效果。图标仅包含在Ultimate套餐(499美元一次性)中,Pro和免费套餐不包含图标。
更多同类工具与网站,可在React分类继续挑选。
信息核实于 2026年7月,具体以官网为准。
评论
暂无评论