UI 组件库

Element UI(Vue2)

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

Element Plus(Vue3)

Element Plus 基于 Vue 3,面向设计师和开发者的组件库

Vuetify

Vuetify 是一个完整的 Vue 生态系统,它提供一整套 Vue 生态工具,让您轻松构建内容丰富、界面美观的 Web 应用

Vuetify0

面向 Vue 3 的无头(Headless)UI 引擎与框架

Naive UI

一个 Vue 3 组件库。比较完整,主题可调,使用 TypeScript,快。有点意思

Arco Design

字节跳动出品的企业级设计系统

Vant 4

Vant 是一个轻量、可定制的移动端组件库

Varlet UI

Varlet UI 是一个基于 Vue3 开发的 Material Design 组件库,全面拥抱 Vue3 生态,支持移动端和桌面端,由 varletjs 组织维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化,并提供 VSCode 插件保障良好的开发体验

Antdv Next

是基于 Ant Design 设计体系的 Vue 实现,提供了丰富的高质量 Vue 组件,帮助开发者快速构建现代化的 Web 应用。

TDesign

TDesign 是腾讯开源的企业级设计体系,提供了统一价值观,一致的设计语言和视觉风格,和开箱即用的 UI 组件库。致力于为设计师 & 开发者,打造工作美学

PrimeVue

一套专为 Vue 3 设计的开源前端 UI 组件库,由知名组件库供应商 PrimeTek Informatics 开发

Quasar Framework

企业级跨平台 VueJs 框架

Headless UI

专为 Vue 3 设计的、完全无样式设计、且具备良好无障碍访问功能的用户界面组件

shadcn/vue

shadcn/ui 是一套设计精美、易于使用的组件集合,同时也是一个代码分发平台。它可以与您常用的框架和 AI 模型配合使用。完全开源,代码可自由查看。

Reka UI

无需额外样式设置即可使用的组件,有助于在 Vue 中构建高质量的设计系统和网页应用

Vuestic UI

跟vuetify风格类似,都是md风格,但是它的API设计的很合理

Nuxt UI

基于 Reka UI 和 Tailwind CSS 构建的 Nuxt 和 Vue 的全样式可定制组件

NutUI

京东风格的轻量级移动端组件库,居然还在更新

实用插件

Day.js

Moment.js 的 2kB 轻量化方案,拥有同样强大的 API

bignumber.js

一个用于任意精度十进制和非十进制算术的 JavaScript 库

number-precision

1kb大小的计算库,超级好用

Lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库,中文文档:https://www.lodashjs.com/

type-fest

丰富的TypeScript类型工具,比如深度Omit

SortableJS

用于可重排序拖放列表的 JavaScript 库

vue.draggable.next

基于Sortable.js的vue组件,用以实现拖拽功能

Swiper

经典轮播插件

medium-zoom

一个用于放大图像的 JavaScript 库,类似 Medium。(这他妈好像是掘金用的灯箱插件啊,沃日了,我踏马还自己搓了一个)

split

用于可调整大小的分割视图的无偏见实用程序

lucky-canvas

基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖,致力于为 WEB 前端提供一个功能强大且专业可靠的营销组件,只需要通过简单配置即可实现自由化定制,帮助你快速的完成产品需求

axios

axios 是一个基于 Promise 的简单 HTTP 客户端,适用于浏览器和 Node.js axios axios 简单易用 axios 上手极为简单,一行代码即可完成初始化。

Photo-Sphere-Viewer

一个用于显示 360°全景图的 JavaScript 库

pretext

纯 JavaScript/TypeScript 库,用于多行文本测量和布局。

Compressor.js

JavaScript 图像压缩器。使用浏览器原生的 HTMLCanvasElement.toBlob() 方法进行压缩,这意味着它是有损压缩 、 异步的,并且在不同浏览器中有不同的压缩效果 。通常在上传前,先用它在客户端预压缩图片。

pica

在浏览器中调整图片大小时不会像素化,速度也相当快。自动选择最优秀的可用技术:webworkers、webassembly、createImageBitmap、纯 JS。

NProgress

极简进度条

cropper-next-vue

一个独立发布的 Vue 3 图片裁剪库,重点处理旋转边界判断、边界限制、高分屏导出与实时预览。

BetterScroll 2.0

优雅的滚动 为移动端(已支持 PC)各种滚动场景提供丝滑的滚动效果。 零依赖 基于原生 JS 实现的,不依赖任何框架。完美运用于 Vue、React 等 MVVM 框架。 扩展灵活 提供插件机制,便于对基础滚动进行功能扩展,目前支持上拉加载、下拉刷新、Picker、鼠标滚轮、放大缩小、移动缩放、轮播图、滚动视觉差,放大镜等等能力

SimpleBar

用自定义的 CSS 风格滚动条替换浏览器默认滚动条,且不损失性能。

Prism

代码高亮

highlight.js

代码高亮

Shiki

Shiki 式 代码语法高亮工具 美观而强大的语法高亮工具

bumpp

一个用于 Node.js/前端项目的版本号提升(Bump)和发布辅助工具。它能够自动修改 package.json 中的版本号,创建 Git 标签(Tag),并将代码及标签推送到远程仓库。

npm-check-updates

是一个用于检查和升级 Node.js 项目中 package.json 依赖项到最新版本的工具。它可以突破 npm update 只能按语义化版本规范(semver)升级的限制,直接将所有依赖(包括主版本号大改的包)升级到仓库中的最新版本。

Pinia Plugin Persistedstate

Pinia 插件 Persistedstate可配置的 Pinia 存储持久化

erlihs/pinia-plugin-storage

是一个支持indexDB持久化的pinia插件

unbuild

unbuild 是一个专为 JavaScript/TypeScript 库(Library)和 npm 包设计的零配置统一构建工具。它基于 Rollup 开发,通过“约定大于配置”的核心理念,让你只需写最简单的配置,就能一键生成同时支持 ESM 与 CJS 格式的产物并自动输出 .d.ts 类型声明文件。

Vue Bits

Vue Bits 是一个大型动画 VueJS 界面组件合集,旨在为您的网页创作增添趣味。我们拥有动画、组件、背景和各种精彩内容,这些都是你在其他地方找不到的——全都免费供你使用!

postcss-mobile-forever

postcss-mobile-forever 是一款 PostCSS 插件,用于将固定尺寸转为伸缩尺寸,得到一个能够等比例缩放的视图,并提供一揽子限制最大宽度的办法。

VueRequest

这是一个能够轻松帮助你管理请求状态的库,支持 SWR、轮询、错误重试、缓存、分页等常用功能。

TanStack Query

帮开发者在前端应用中轻松管理服务器数据,处理数据的获取、缓存、同步和更新,无需手写繁琐的加载状态和全局状态逻辑。

Floating UI

一个用于定位浮动元素并创建交互的 JavaScript 库

Inquirer.js

Inquirer.js 是一个流行的 Node.js 库,用于在终端中构建美观、用户友好的交互式命令行界面(CLI)。它能简化向终端用户提问、收集输入、校验答案以及管理多步骤流程的操作。

Faker

在浏览器和 node.js 中生成大量假数据

BoxSlider

有点酷炫的轮播