JarinHe

第 1 期 · 47 分钟前更新 · 已收录 21 个

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

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

浏览全部 21 个 ↓

框架

价格

共 21 个

ReUI

免费 + Pro

shadcn 生态里的后台组件仓库

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

JarinHe 的点评

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

React · Radix / Base UI · Tailwind官网

Sombra

定价待确认

调分层渐变，导出 React 组件

落地页主视觉要渐变可以先在这里调，导出的组件自带缓慢动画，不依赖任何 UI 库。

JarinHe 的点评

最适合落地页渐变生成器 · 导出 React

React · 其他官网

beUI

免费 + Pro

复制即用的 Motion 动效组件

界面想要有手感，它的 Toast Stack、Morphing Modal、Dock 都是调好参数的弹簧动效，复制源码再改数值最省事。

JarinHe 的点评

最适合动效 & 微交互Motion 弹簧动效 · 145 组件

React · Motion · Tailwind官网

coss ui

第 1 期免费

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

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

JarinHe 的点评

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

React · Base UI · Tailwind官网

Great UI

第 1 期免费

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

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

JarinHe 的点评

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

React · Tailwind官网

Bencho

第 1 期定价待确认

让按钮、开关有手感的微交互

页面想要“有手感”，加几个它的微交互就够了。

JarinHe 的点评

最适合动效 & 微交互点赞 / 开关动画

React · [待确认]官网

shadcn/ui

免费

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

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

JarinHe 的点评

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

React · Radix · Tailwind官网

Aceternity UI

免费 + Pro

落地页上抢眼的光效和滚动动画

做落地页、作品集很出效果，后台系统就别用了。

JarinHe 的点评

最适合动效 & 微交互 / 落地页Pro 模板 · 复制即用

React · Motion · Tailwind官网

Magic UI

免费 + Pro

营销页常用的动效小组件

和 shadcn 搭着用，营销页的动效一次配齐。

JarinHe 的点评

最适合动效 & 微交互 / 落地页Shimmer 按钮 · Marquee

React · Motion · Tailwind官网

Mantine

免费

组件 + hooks 的一站式全家桶

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

JarinHe 的点评

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

React · CSS Modules官网

Ant Design

免费

企业中后台的成熟方案

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

JarinHe 的点评

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

React · CSS-in-JS官网

Element Plus

免费

Vue 3 管理后台的常用选择

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

JarinHe 的点评

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

Vue · SCSS官网

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官网

PrimeNG

免费 + Pro

数据表格等重型组件很全

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

JarinHe 的点评

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

Angular · 其他官网

Tailwind Plus

付费

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

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

JarinHe 的点评

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

React / Vue / HTML · Tailwind官网

HeroUI

免费 + Pro

React Aria + Tailwind 的现代组件库

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

JarinHe 的点评

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

React · React Aria · Tailwind官网

Watermelon UI

免费

动效组件 + 落地页与后台区块

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

JarinHe 的点评

最适合动效 & 微交互 / 落地页shadcn 安装 · 动效组件

React · Motion · Tailwind官网

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

全部组件库

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