样式与UI
主流UI组件库
| 组件库 | 适配框架 | 核心设计 / 特点 | 2026年趋势/定位 | | :--- | :--- | :--- | :--- | | **Ant Design** | 主要为 **React**，另有Vue版 | **企业级**，设计严谨，功能全面 | 持续优化性能（如CSS-in-JS、
管理员
3 次浏览
2026年2月28日
博客文章
分享技术知识与实践经验
样式与UI
Tailwind CSS框架
你要找的Tailwind，其最知名且广泛使用的版本是 **Tailwind CSS**，一个功能优先（Utility-First）的CSS框架。它通过提供大量细粒度的、单一功能的CSS类（称为“工具类”），让你直接在HTML中组合来构建任何设计，而无需编写传统的CSS。 简单理解，它改变了编写CS
管理员
4 次浏览
2026年2月28日
样式与UI
Shadcn-Vue
```text 04-前端工程 └─ 样式与 UI ``` ## Shadcn-Vue ### 是什么 **Shadcn-Vue** 是一个 **基于 Vue 3 的 UI 组件集合方案**，它不是传统意义上的组件库，而是**“可拷贝的组件源码”**集合，用来快速构建**可定制、可维护的设计系
管理员
4 次浏览
2026年2月28日
样式与UI
Reka UI
--- ## Reka UI ### 是什么 **Reka UI** 是一个 **面向 Vue 3 的 Headless UI（无样式 UI 原语组件库）**，提供可访问性良好、可组合的 UI 行为与结构，但不包含任何视觉样式。 --- ### 核心定位 - **Headless UI
管理员
3 次浏览
2026年2月28日
样式与UI
Radix Vue
**Radix Vue** 是指： > **一套无样式（Unstyled）的 Vue 3 UI 组件原语（Primitives），专注于提供完善的可访问性（Accessibility）、键盘导航和交互行为** 一句话理解：**只管行为和功能，不管长什么样的"裸奔"组件库。** --
管理员
3 次浏览
2026年2月28日
样式与UI
PrimeVue
**PrimeVue（企业级 Vue UI 组件库）** 是指： > **一个由 PrimeTek 公司开发的、功能丰富的 Vue 3 UI 组件库，提供 90+ 个开箱即用的企业级组件，支持多种主题和可访问性标准** 一句话理解：**功能最全面的 Vue UI 库，适合构建企业级管理后台和复杂
管理员
3 次浏览
2026年2月28日
样式与UI
Nuxt UI
**Nuxt UI（Nuxt 的 UI 组件库）** 是指： > **一个由 Nuxt 官方团队打造的、完全无需配置的 UI 组件库，基于 Headless UI 和 Tailwind CSS 构建，为 Nuxt 3 应用提供开箱即用的美观组件** 一句话理解：**Nuxt 官方出品的"
管理员
3 次浏览
2026年2月28日
样式与UI
NutUI
**NutUI（京东移动端组件库）** 是指： > **由京东风格的前端团队（JDC）开发的、专注于移动端的轻量级 Vue/React 组件库，提供 70+ 个高质量移动端组件，支持按需加载和主题定制** 一句话理解：**京东出品的移动端 UI 库，专为 H5、小程序、App 优化，轻量
管理员
3 次浏览
2026年2月28日
样式与UI
Design Tokens
**Design Tokens（设计令牌）** 是指： > **设计系统中用于存储设计决策的最小单位变量，如颜色、字体、间距等，以平台无关的方式定义，可转换成各平台代码** 一句话理解：**把设计中的"魔法数字"变成有语义的变量，并在设计工具和代码之间同步。** --- ##
管理员
3 次浏览
2026年2月28日