Design

shadcn/uiReact · ui.shadcn.com ↗

代码直接复制进你的项目，想怎么改都行。AI 写前端时最常拿它打底。

Ant DesignReact · ant.design ↗

蚂蚁出品，表格、表单、后台布局最全，做中后台先看它。

HeroUIReact · heroui.com ↗

前身是 NextUI，默认样式就很好看，适合不想调样式的人。

Arco DesignReact / Vue · arco.design ↗

字节的企业级组件库，React 和 Vue 两套写法一致。

TDesignReact / Vue / 小程序 · tdesign.tencent.com ↗

腾讯出品，网页、手机、小程序用同一套设计。

Element PlusVue · element-plus.org ↗

Vue 3 后台项目里最常见的那一套。

Nuxt UIVue · ui.nuxt.com ↗

Nuxt 官方组件库，基于 Tailwind，写 Vue 时的 shadcn 感觉。

Radix PrimitivesReact · radix-ui.com ↗

shadcn/ui 底下那一层。弹窗、下拉、焦点管理都替你处理好。

Base UIReact · base-ui.com ↗

Radix 和 MUI 的原班人马重新做的一套。

React AriaReact · Adobe ↗

无障碍和多语言做得最细，读屏、键盘、日期格式都考虑到了。

Headless UIReact / Vue · headlessui.com ↗

Tailwind 团队做的，配 Tailwind 写最顺手。

Ark UIReact / Vue / Solid / Svelte · ark-ui.com ↗

Chakra 团队出品，一套逻辑四种框架都能用。

SonnerReact · Emil Kowalski ↗

只做轻提示，几条叠在一起时的层次感是标杆。

VaulReact · Emil Kowalski ↗

只做抽屉，手机上往下一拽就关的手感。

cmdkReact · Paco Coursey ↗

只做命令面板，Linear、Raycast 那种 ⌘K。

QingIconReact / Vue · Asorn ↗

3900 多个中性风图标，线条、填充之外还有一套手绘草图风，商用免费。

MotionReact / Vue / JS · motion.dev ↗

前身是 Framer Motion。想让东西动起来，先从它开始。

Magic UIReact · magicui.design ↗

落地页上常见的动效块，能直接和 shadcn/ui 混用。