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

Vue 组件库推荐

支持 Vue 3 的 UI 组件库,覆盖中后台、通用基础组件和动效。

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

AWC UI

免费

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

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

JarinHe 的点评

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

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

Canvas UI

免费

35 个复制即用的 canvas 特效组件

做艺术落地页可以看看👀

JarinHe 的点评

最适合 动效 & 微交互 / 落地页动效 · canvas

React / Vue / Svelte · [待确认]官网

Shaders

免费 + Pro

200+ 开源 WebGPU 特效组件

很多高级网站落地页 Hero 区域就用 shader

JarinHe 的点评

最适合 动效 & 微交互 / 落地页WebGPU · 特效组件

React / Vue / Svelte · [待确认]官网

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

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

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

JarinHe 的点评

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

React / Vue / HTML · Tailwind官网

怎么选:7 个 Vue 组件库速览

  1. AWC UI:一套代码跑遍五大框架的 MD3 组件库。适合多框架团队或企业中后台,想统一用一套 Material 3 组件。 免费
  2. Canvas UI:35 个复制即用的 canvas 特效组件。适合想给页面加创意动效的前端开发者。 免费 · MIT + Commons Clause
  3. Shaders:200+ 开源 WebGPU 特效组件。适合给落地页、品牌站加 WebGPU 视觉特效。 免费 + Pro · MIT
  4. Element Plus:Vue 3 管理后台的常用选择。适合Vue 3 中后台,团队熟 Element、看重中文生态。 免费 · MIT
  5. Naive UI:主题可调、全 TypeScript 的 Vue 组件。适合Vue 3 中后台,看重主题定制与 TypeScript 体验。 免费 · MIT
  6. Vuetify:Material Design 风格的 Vue 全家桶。适合Vue 中后台,要 Material 风格的完整组件生态。 免费 · MIT
  7. Tailwind Plus:Tailwind 官方的页面区块和整站模板。适合已在用 Tailwind,愿意付费买官方组件与模板省时间。 付费 · Proprietary