JarinHe

第 1 期 · 38 分钟前更新 · 已收录 22 个

好看的组件库，
我帮你挑好了。

我每期会挑几个真正好看、能直接用的组件库，附上真实截图和我的点评。

浏览全部 22 个 ↓

框架

价格

共 11 个

ReUI

免费 + Pro

shadcn 生态里的后台组件仓库

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

JarinHe 的点评

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

React · Radix / Base UI · Tailwind官网

coss ui

第 1 期免费

直接拼出 AI 聊天 / 助手界面

做 AI 产品直接用它的 Composer，对话界面不用从零写。

JarinHe 的点评

最适合 AI 界面 / 通用基础组件Base UI 原语 · 56 组件

React · Base UI · Tailwind官网

Great UI

第 1 期免费

无障碍优先，复制粘贴就能用

对无障碍有要求的项目可以先看它，暗色主题也省心。

JarinHe 的点评

最适合通用基础组件亮暗主题 · 50+ 组件

React · Tailwind官网

shadcn/ui

免费

源码复制进项目，样式完全自己掌控

不知道选什么的 React 项目，先从它开始。

JarinHe 的点评

最适合通用基础组件源码归你 · CLI 安装

React · Radix · Tailwind官网

Mantine

免费

组件 + hooks 的一站式全家桶

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

JarinHe 的点评

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

React · CSS Modules官网

Naive UI

免费

主题可调、全 TypeScript 的 Vue 组件

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

JarinHe 的点评

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

Vue · CSS-in-JS官网

Vuetify

免费

Material Design 风格的 Vue 全家桶

想要 Google Material 风格就选它。

JarinHe 的点评

最适合通用基础组件布局系统 · 社区成熟

Vue · Material官网

Skeleton

免费

用设计令牌一键切换整套主题

Svelte 项目想快速换主题可以试试。

JarinHe 的点评

最适合通用基础组件Tailwind 原生 · 主题生成器

Svelte / React · Tailwind官网

shadcn-svelte

免费

Svelte 版的 shadcn/ui

用 Svelte 又羡慕 shadcn 的，直接用这个。

JarinHe 的点评

最适合通用基础组件Svelte 5 · 源码归你

Svelte · Bits UI · Tailwind官网

Angular Material

免费

Angular 官方维护的 Material 组件

Angular 项目的稳妥选择，官方维护。

JarinHe 的点评

最适合通用基础组件CDK · 无障碍

Angular · Material官网

HeroUI

免费 + Pro

React Aria + Tailwind 的现代组件库

还没点评这个库，先看看截图

JarinHe 的点评

最适合通用基础组件无障碍 · Tailwind v4

React · React Aria · Tailwind官网

好看的组件库，我帮你挑好了。

全部组件库

好看的组件库，
我帮你挑好了。