推荐模块

综合组件库

包含至少五个组件的大型综合组件库。

Web 端

3.x

  • ant-design-vue 🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
  • element-plus 🎉 A Vue.js 3 UI Library made by Element team
  • vuetify 🐉 Material Component Framework for Vue
  • buefy Lightweight UI components for Vue.js based on Bulma
  • oruga 🐛 Oruga is a lightweight library of UI components without CSS framework dependency
  • vuestic-ui Free and Open Source UI Library for Vue 3 🤘
  • naive-ui A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.
  • varlet 基于 Vue3 的 Material design 风格移动端组件库 Material design mobile component library for Vue3
  • wave-ui An emerging UI framework for Vue.js & Vue 3 with only the bright side. ☀️
  • primevue The Most Complete Vue UI Component Library
  • quasar Quasar Framework - Build high-performance VueJS user interfaces in record time

2.x

  • element A Vue.js 2.0 UI Toolkit for Web

移动端

3.x

  • vant Lightweight Mobile UI Components built on Vue

功能组件库

包含单个或几个(不超过 5 个)的功能组件库。

Vue Hooks

  • vueuse Collection of Composition API utils for Vue 2 and 3
  • vue-composable Out-of-the-box ready to use composables
  • vuehooks Collection of utility composition functions for Vue
  • vue-use-web 🕸 Web APIs implemented as Vue.js composition functions
  • vue-promised 💝 Composable Promises & Promises as components

指令模块

  • v-hotkey Vue 2.x directive for binding hotkeys to components.
  • v-click-outside Vue directive to react on clicks outside an element without stopping the event propagation
  • vue-clipboard2 A simple vue2 binding to clipboard.js
  • v-scrollto Adds a directive that listens for click events and scrolls to elements.
  • vue-lazyload A Vue.js plugin for lazyload your Image or Component in your application.
  • v-scroll-lock A Vue.js directive for body scroll locking without breaking scrolling of a target element.
  • v-money Tiny (<2k gzipped) input/directive mask for currency
  • vue-clampy Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.
  • vue-inputmask Vue.js directive to add inputmask library to your inputs (vanilla javascript).
  • vue-ripple-directive Material Ripple Effect as Vue Directive.
  • vue-focus A reusable focus directive for reusable Vue.js components
  • v-blur Vue directive to blur an element dynamically
  • v-tooltip 💬 Easy tooltips, popovers, dropdown for Vue

工具链