跳到主要内容
挑组件 PickUIby JarinHe
专题登录

中后台组件库推荐

做管理后台要用的组件:表格、表单、数据看板、甘特图和看板。

共 9 个 · 由 JarinHe 人工挑选,附真实截图和点评

AWC UI

免费

一套代码跑遍五大框架的 MD3 组件库

喜欢 material design 风格的话 可以试试

JarinHe 的点评

最适合 通用基础组件 / 中后台MD3 · 跨框架

React / Angular / Vue / Svelte / HTML · Material官网

Kumo UI

免费

Cloudflare 出品的 React 组件库

Cloudflare出品,试试

JarinHe 的点评

最适合 中后台 / 通用基础组件中后台 · 仪表盘

React · Tailwind官网

ReUI

免费 + Pro

shadcn 生态里的后台组件仓库

做后台最省事的一套:Data Grid、Gantt、Kanban 这些 shadcn 里没有的组件,都做成了带真实仪表盘布局的示例,复制就能改。

JarinHe 的点评

最适合 中后台 / 通用基础组件1264 个示例 · Data Grid / Kanban

React · Radix / Base UI · Tailwind官网

Mantine

免费

组件 + hooks 的一站式全家桶

不想东拼西凑的话,一个库基本够用。

JarinHe 的点评

最适合 通用基础组件 / 中后台100+ 组件 · 50+ hooks

React · CSS Modules官网

企业中后台的成熟方案

做公司后台系统,选它很稳。

JarinHe 的点评

最适合 中后台重型表格表单 · 设计规范

React · CSS-in-JS官网

Vue 3 管理后台的常用选择

Vue 写后台的老朋友,网上教程最多。

JarinHe 的点评

最适合 中后台后台模板多 · 中文文档

Vue · SCSS官网

Naive UI

免费

主题可调、全 TypeScript 的 Vue 组件

喜欢暗色风格又用 TS 的 Vue 开发者会喜欢。

JarinHe 的点评

最适合 中后台 / 通用基础组件暗色主题 · 无需引 CSS

Vue · CSS-in-JS官网

PrimeNG

免费 + Pro

数据表格等重型组件很全

表格需求多的 Angular 项目先看它。

JarinHe 的点评

最适合 中后台主题预设 · 付费模板

Angular · 其他官网

Tailwind 官方的页面区块和整站模板

要花钱,但整页模板拿来就能上线。

JarinHe 的点评

最适合 落地页 / 中后台500+ 区块 · React / Vue / HTML

React / Vue / HTML · Tailwind官网

怎么选:9 个中后台组件库速览

  1. AWC UI:一套代码跑遍五大框架的 MD3 组件库。适合多框架团队或企业中后台,想统一用一套 Material 3 组件。 免费
  2. Kumo UI:Cloudflare 出品的 React 组件库。适合做 SaaS、中后台与数据类产品界面。 免费 · MIT
  3. ReUI:shadcn 生态里的后台组件仓库。适合用 shadcn/Base UI 打底、要更多业务向组件。 免费 + Pro · MIT
  4. Mantine:组件 + hooks 的一站式全家桶。适合React 全场景开发,要组件全、Hooks 与表单都省心。 免费 · MIT
  5. Ant Design:企业中后台的成熟方案。适合企业级中后台,要经大规模验证的设计规范。 免费 · MIT
  6. Element Plus:Vue 3 管理后台的常用选择。适合Vue 3 中后台,团队熟 Element、看重中文生态。 免费 · MIT
  7. Naive UI:主题可调、全 TypeScript 的 Vue 组件。适合Vue 3 中后台,看重主题定制与 TypeScript 体验。 免费 · MIT
  8. PrimeNG:数据表格等重型组件很全。适合Angular 中后台,需要表格、图表等重型企业组件。 免费 + Pro
  9. Tailwind Plus:Tailwind 官方的页面区块和整站模板。适合已在用 Tailwind,愿意付费买官方组件与模板省时间。 付费 · Proprietary