Vue 核心生态
Vue.js(官网)
渐进式 JavaScript 框架 易学易用,性能出色,适用场景丰富的 Web 前端框架
Vue Router(官网)
Vue.js 的官方路由。 为 Vue.js 提供富有表现力、可配置的、方便的路由
Pinia
Pinia符合直觉的 Vue.js 状态管理库 类型安全、可扩展性以及模块化设计。 甚至让你忘记正在使用的是一个状态库
OXC
The Oxidation Compiler(氧化编译器)是一套用 Rust 编写、面向 JavaScript 与 TypeScript 的高性能工具集合
VoidZero
专注于为 JavaScript/TypeScript 生态系统开发开源、高性能的统一开发工具链
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
有点酷炫的轮播
图表
富文本与编辑器
模板与脚手架
旧框架与老插件
jQuery
jQuery 4.0 了
Bootstrap
Bootstrap框架
UIkit前端框架
一个轻量级的模块化前端框架, 用于快速开发强大的Web界面。
LuLu UI
LuLu UI 你问我有什么不同? 只是更自由,更纯粹,和用户走得更近。
Umbrella JS
jq的替代品,只处理dom操作
RequireJS
AMD规范的模块加载器
Fancyapps
灯箱插件
lightGallery
灯箱,一个可定制、模块化、响应式的 Lightbox Gallery 插件
lazyload
基于jq的图片懒加载插件
Awesome Bootstrap Theme
与 Atlassian Design 设计的超棒 Bootstrap 主题
You Might Not Need jQuery
原生js代替jq的一些方式