好用的组件库

# UI 组件库

NutUI

京东风格的轻量级移动端组件库

NutUI-bingo

基于 NutUI 的抽奖组件库，助力营销活动和小游戏场景。

Element-plus

vue3 + ts 组件库

- name: NutUI
  desc: 京东风格的轻量级移动端组件库
  link: https://nutui.jd.com/h5/vue/4x/#/zh-CN/guide/intro # 链接，可选
  bgColor: "#e12501" # 背景色，可选，默认var(--bodyBg)。颜色值有#号时请添加引号
  textColor: "#ffffff" # 文本色，可选，默认var(--textColor)
- name: NutUI-bingo
  desc: 基于 NutUI 的抽奖组件库，助力营销活动和小游戏场景。
  link: https://nutui.jd.com/bingo/index.html#/intro
  bgColor: "#fa2c19" # 背景色，可选，默认var(--bodyBg)。颜色值有#号时请添加引号
  textColor: "#ffffff" # 文本色，可选，默认var(--textColor)
- name: Element-plus
  desc: vue3 + ts 组件库
  link: https://element-plus.gitee.io/zh-CN/component/button.html
  bgColor: "#409EFF" # 背景色，可选，默认var(--bodyBg)。颜色值有#号时请添加引号
  textColor: "#ffffff" # 文本色，可选，默认var(--textColor)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# Vue 组合式工具

@vueuse/core

基于 Vue 组合式 API 的函数工具集（文档见 vueuse.org）

- name: "@vueuse/core"
  desc: 基于 Vue 组合式 API 的函数工具集（文档见 vueuse.org）
  link: https://www.npmjs.com/package/@vueuse/core
  bgColor: "#CBEAFA"
  textColor: "#6854A1"

1
2
3
4
5

# AI 与数据分析

SQLBot

DataEase 开源，基于大模型与 RAG 的智能问数、对话式数据分析（Text-to-SQL），多通过 Docker 部署

- name: SQLBot
  desc: DataEase 开源，基于大模型与 RAG 的智能问数、对话式数据分析（Text-to-SQL），多通过 Docker 部署
  link: https://github.com/dataease/SQLBot
  bgColor: "#E3F2FD"
  textColor: "#1565C0"

1
2
3
4
5

# 网络代理

Clash Verge Rev

基于 Clash / Mihomo 的跨平台桌面客户端，订阅与规则管理清晰

- name: Clash Verge Rev
  desc: 基于 Clash / Mihomo 的跨平台桌面客户端，订阅与规则管理清晰
  link: https://github.com/clash-verge-rev/clash-verge-rev
  bgColor: "#1565C0"
  textColor: "#ffffff"

1
2
3
4
5

# 文本测量与排版

Pretext

纯 JS/TS 的快速文本测量与多行排版，尽量少碰 DOM，适合复杂换行与国际化排版；npm 包名 pretext

- name: Pretext
  desc: 纯 JS/TS 的快速文本测量与多行排版，尽量少碰 DOM，适合复杂换行与国际化排版；npm 包名 pretext
  link: https://github.com/chenglou/pretext
  bgColor: "#F3E5F5"
  textColor: "#6A1B9A"

1
2
3
4
5

编辑

上次更新: 2026/04/17, 9:04:00

AI 相关开源→