fkromer/best-of-vue

best-of-vue

🏆  A ranked list of awesome projects. Updated weekly.

This curated list contains 65 awesome open-source projects with a total of 810K stars grouped into 14 categories. All projects are ranked by a project-quality score, which is calculated based on various metrics automatically collected from GitHub and different package managers. If you like to add or update projects, feel free to open an issue, submit a pull request, or directly edit the projects.yaml. Contributions are very welcome!

🧙‍♂️ Discover other best-of lists or create your own.

Contents

• Admin Dashboards 3 projects
• Components 4 projects
• CSS Frameworks 3 projects
• Drag & Drop 5 projects
• Developer Tools 3 projects
• GraphQL clients 7 projects
• GraphQL integrations 3 projects
• HTTP/Restful API clients 2 projects
• HTTP/Restful API client integrations 1 projects
• Routing 3 projects
• State Management 11 projects
• UI Frameworks & Libraries 13 projects
• Desktop Applications 2 projects
• Forms 5 projects

Explanation

• 🥇🥈🥉  Combined project-quality score
• ⭐️  Star count from GitHub
• 🐣  New project (less than 6 months old)
• 💤  Inactive project (12 months no activity)
• 💀  Dead project (60 months no activity)
• 📈📉  Project is trending up or down
• ➕  Project was recently added
• ❗️  Warning (e.g. missing/risky license)
• 👨‍💻  Contributors count from GitHub
• 🔀  Fork count from GitHub
• 📋  Issue count from GitHub
• ⏱️  Last update timestamp on package manager
• 📥  Download count from package manager
• 📦  Number of dependent projects
•   Projects related to Vue2.
•   Projects related to Vue3.
•   Projects related to Bootstrap v5 UI Framework.

Admin Dashboards

coreui-free-vue-admin-template (🥇20 · ⭐ 3.2K) - Open source admin template based on Bootstrap 5 and.. MIT

• GitHub (👨‍💻 11 · 🔀 940 · 📋 200 - 0% open · ⏱️ 01.05.2024):

   git clone https://github.com/coreui/coreui-free-vue-admin-template
  

admin-one-vue-tailwind (🥉16 · ⭐ 2K) - Free Vue.js 3.x Tailwind 3.x admin dashboard template.. MIT

• GitHub (👨‍💻 4 · 🔀 370 · 📋 39 - 56% open · ⏱️ 22.05.2024):

   git clone https://github.com/justboil/admin-one-vue-tailwind
  

vue-argon-dashboard (🥉13 · ⭐ 380) - Vue Argon Dashboard. MIT

• GitHub (👨‍💻 2 · 🔀 680 · 📋 50 - 10% open · ⏱️ 27.02.2024):

   git clone https://github.com/creativetimofficial/vue-argon-dashboard
  

Components

Headless UI (🥇30 · ⭐ 25K) - Completely unstyled, fully accessible UI components, designed to.. MIT

• GitHub (👨‍💻 62 · 🔀 1K · 📦 3.7K · 📋 1.2K - 1% open · ⏱️ 03.06.2024):

   git clone https://github.com/tailwindlabs/headlessui
  

flowbite-vue (🥈23 · ⭐ 680) - Official Vue 3 components built for Flowbite and Tailwind CSS. MIT

• GitHub (👨‍💻 40 · 🔀 100 · 📦 1.8K · 📋 130 - 28% open · ⏱️ 28.05.2024):

   git clone https://github.com/themesberg/flowbite-vue
  

CoreUI Components (🥈23 · ⭐ 600) - Bootstrap 5 based Vue 3 components and directives... MIT

• GitHub (👨‍💻 8 · 🔀 130 · 📦 3.6K · 📋 220 - 0% open · ⏱️ 30.05.2024):

   git clone https://github.com/coreui/coreui-vue
  

tailwindui-vue (🥉10 · ⭐ 650 · 💤) - Deprecated, please use the Headless UI repo instead. ❗Unlicensed

• GitHub (👨‍💻 4 · 🔀 29 · 📦 20 · ⏱️ 02.10.2020):

   git clone https://github.com/tailwindlabs/tailwindui-vue
  

CSS Frameworks

tailwindcss (🥇46 · ⭐ 79K) - A utility-first CSS framework for rapid UI development. MIT css

• GitHub (👨‍💻 280 · 🔀 3.9K · 📥 3.2M · 📦 9.7M · 📋 3.3K - 0% open · ⏱️ 04.06.2024):

   git clone https://github.com/tailwindlabs/tailwindcss
  

Bulma (🥉41 · ⭐ 49K) - Modern CSS framework based on Flexbox. MIT css

• GitHub (👨‍💻 420 · 🔀 3.9K · 📥 800K · 📦 250K · 📋 2.6K - 10% open · ⏱️ 29.05.2024):

   git clone https://github.com/jgthms/bulma
  

CoreUI (🥉32 · ⭐ 730) - Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript.. MIT

• GitHub (👨‍💻 1.5K · 🔀 190 · 📥 5.8K · 📦 34K · 📋 140 - 2% open · ⏱️ 27.05.2024):

   git clone https://github.com/coreui/coreui
  

Drag & Drop

mdb-ui-kit (🥇29 · ⭐ 24K) - Bootstrap 5 & Material Design UI KIT. ❗Unlicensed

• GitHub (👨‍💻 120 · 🔀 3.5K · 📦 12K · 📋 1.2K - 1% open · ⏱️ 27.05.2024):

   git clone https://github.com/mdbootstrap/mdb-ui-kit
  

vue.draggable.next (🥈16 · ⭐ 3.6K · 💤) - Vue 3 compatible drag-and-drop component based on.. MIT

• GitHub (👨‍💻 45 · 🔀 490 · 📋 230 - 70% open · ⏱️ 25.08.2021):

   git clone https://github.com/SortableJS/vue.draggable.next
  

vue-js-grid (🥉14 · ⭐ 950 · 💤) - Vue.js 2.x responsive grid system with smooth sorting, drag-.. MIT

• GitHub (👨‍💻 8 · 🔀 110 · 📦 160 · 📋 31 - 51% open · ⏱️ 17.05.2020):

   git clone https://github.com/euvl/vue-js-grid
  

vue3-draggable (🥉10 · ⭐ 35 · 💤) - simple drag&drop component for vue 3.x. MIT

• GitHub (🔀 18 · 📦 310 · 📋 9 - 88% open · ⏱️ 07.06.2021):

   git clone https://github.com/shkilo/vue3-draggable
  

Show 1 hidden projects...

• vue-dragging (🥈16 · ⭐ 760 · 💀) - A sortable list directive with Vue. MIT

Developer Tools

vue-devtools (🥇30 · ⭐ 24K) - Browser devtools extension for debugging Vue.js applications. MIT

• GitHub (👨‍💻 140 · 🔀 4.1K · 📥 100K · 📦 3 · 📋 1.6K - 28% open · ⏱️ 04.06.2024):

   git clone https://github.com/vuejs/devtools
  

Storybook for Nuxt framework (🥉14 · ⭐ 130 · 📈) - Storybook integration for Nuxt Framework - Unleashing.. ❗Unlicensed

• GitHub (👨‍💻 7 · 🔀 18 · 📦 5 · 📋 57 - 57% open · ⏱️ 19.04.2024):

   git clone https://github.com/storybook-vue/nuxt
  

Storybook Addon Nuxt (🥉9 · ⭐ 78) - This add-on makes it easier to set up Storybook in.. ❗Unlicensed

• GitHub (👨‍💻 2 · 🔀 13 · 📦 55 · 📋 15 - 80% open · ⏱️ 28.09.2023):

   git clone https://github.com/hirotaka/storybook-addon-nuxt
  

GraphQL clients

Appolo Client (🥇38 · ⭐ 19K) - A fully-featured, production ready caching GraphQL.. MIT

• GitHub (👨‍💻 880 · 🔀 2.6K · 📦 180K · 📋 5.1K - 9% open · ⏱️ 03.06.2024):

   git clone https://github.com/apollographql/apollo-client
  

URQL (🥈33 · ⭐ 8.5K · 📉) - The highly customizable and versatile GraphQL client with which.. MIT

• GitHub (👨‍💻 250 · 🔀 440 · 📦 420K · 📋 940 - 2% open · ⏱️ 06.06.2024):

   git clone https://github.com/urql-graphql/urql
  

Relay (🥈32 · ⭐ 18K) - Relay is a JavaScript framework for building data-driven React.. MIT

• GitHub (👨‍💻 880 · 🔀 1.8K · 📦 3 · 📋 2.2K - 23% open · ⏱️ 06.06.2024):

   git clone https://github.com/facebook/relay
  

graphql-request (🥈32 · ⭐ 5.7K) - Minimal GraphQL client. MIT

• GitHub (👨‍💻 89 · 🔀 300 · 📦 240K · 📋 330 - 3% open · ⏱️ 06.06.2024):

   git clone https://github.com/prisma-labs/graphql-request
  

graphql-hooks (🥉23 · ⭐ 1.9K · 📈) - Minimal hooks-first GraphQL client. ❗Unlicensed

• GitHub (👨‍💻 90 · 🔀 90 · 📦 1.1K · ⏱️ 05.06.2024):

   git clone https://github.com/nearform/graphql-hooks
  

villus (🥉20 · ⭐ 790) - A tiny and fast GraphQL client for Vue.js. MIT

• GitHub (👨‍💻 22 · 🔀 31 · 📦 15 · 📋 140 - 9% open · ⏱️ 18.05.2024):

   git clone https://github.com/logaretm/villus
  

Genql (🥉18 · ⭐ 860) - Type safe TypeScript client for any GraphQL API. MIT

• GitHub (👨‍💻 12 · 🔀 33 · 📦 13 · 📋 140 - 15% open · ⏱️ 30.03.2024):

   git clone https://github.com/remorses/genql
  

GraphQL integrations

Appolo Client integration (🥇22 · ⭐ 6K) - Apollo/GraphQL integration for VueJS. MIT appolo

• GitHub (👨‍💻 140 · 🔀 500 · 📦 3 · 📋 930 - 27% open · ⏱️ 29.03.2024):

   git clone https://github.com/vuejs/apollo
  

Vuex ORM integration (🥉15 · ⭐ 230 · 💤) - Vuex ORM persistence plugin to sync the store against.. MIT vuex-orm

• GitHub (👨‍💻 18 · 🔀 50 · 📦 3 · 📋 120 - 38% open · ⏱️ 18.11.2020):

   git clone https://github.com/vuex-orm/plugin-graphql
  

Relay client integration (🥉9 · ⭐ 120 · 💤) - A framework for building GraphQL-driven Vue.js.. BSD-2 relay

• GitHub (👨‍💻 2 · 🔀 10 · 📦 14 · 📋 8 - 50% open · ⏱️ 12.08.2021):

   git clone https://github.com/vue-relay/vue-relay
  

HTTP/Restful API clients

Axios (🥇42 · ⭐ 100K) - Promise based HTTP client for the browser and node.js. MIT

• GitHub (👨‍💻 460 · 🔀 11K · 📦 13M · 📋 4.6K - 12% open · ⏱️ 21.05.2024):

   git clone https://github.com/axios/axios
  

vue-resource (🥉30 · ⭐ 10K · 💤) - The HTTP client for Vue.js. MIT

• GitHub (👨‍💻 26 · 🔀 1.6K · 📦 130K · 📋 540 - 15% open · ⏱️ 14.06.2021):

   git clone https://github.com/pagekit/vue-resource
  

HTTP/Restful API client integrations

Vue Chimera (🥇13 · ⭐ 170 · 💤) - VueJS reactive RESTful API. MIT axios

• GitHub (👨‍💻 2 · 🔀 18 · 📦 26 · 📋 14 - 14% open · ⏱️ 20.03.2020):

   git clone https://github.com/chimera-js/vue-chimera
  

Routing

vue-router (🥇43 · ⭐ 19K) - The official router for Vue 2. MIT

• GitHub (👨‍💻 290 · 🔀 5K · 📦 2.3M · 📋 2.8K - 2% open · ⏱️ 14.05.2024):

   git clone https://github.com/vuejs/vue-router
  

• npm (📥 12M / month):

   npm install vue-router
  

router (🥉41 · ⭐ 3.7K) - The official router for Vue.js. MIT

• GitHub (👨‍💻 230 · 🔀 1.1K · 📦 2.3M · 📋 870 - 3% open · ⏱️ 04.06.2024):

   git clone https://github.com/vuejs/router
  

• npm (📥 2.6M / month):

   npm install router
  

Show 1 hidden projects...

• vue-route (🥉15 · ⭐ 75 · 💀) - Routing directive for Vue.js, inspired by ng-view. ❗Unlicensed

State Management

vuex (🥇43 · ⭐ 28K) - Centralized State Management for Vue.js. MIT

• GitHub (👨‍💻 340 · 🔀 9.5K · 📦 1.3M · 📋 1.3K - 7% open · ⏱️ 08.08.2023):

   git clone https://github.com/vuejs/vuex
  

• npm (📥 6.6M / month):

   npm install vuex
  

xstate (🥇43 · ⭐ 26K) - Actor-based state management & orchestration for complex app logic. MIT

• GitHub (👨‍💻 360 · 🔀 1.2K · 📦 260K · 📋 1.3K - 5% open · ⏱️ 01.06.2024):

   git clone https://github.com/statelyai/xstate
  

• npm (📥 7.1M / month):

   npm install xstate
  

pinia (🥈39 · ⭐ 13K) - Intuitive, type safe, light and flexible Store for Vue using the.. MIT

• GitHub (👨‍💻 230 · 🔀 970 · 📦 240K · 📋 680 - 3% open · ⏱️ 29.05.2024):

   git clone https://github.com/vuejs/pinia
  

• npm (📥 4.9M / month):

   npm install pinia
  

vuex-orm (🥈22 · ⭐ 2.4K · 💤) - The Vuex plugin to enable Object-Relational Mapping access to.. MIT

• GitHub (👨‍💻 62 · 🔀 160 · 📦 34 · 📋 540 - 23% open · ⏱️ 03.07.2021):

   git clone https://github.com/vuex-orm/vuex-orm
  

vuex-orm-next (🥈18 · ⭐ 190 · 💤) - The next iteration of Vuex ORM. MIT

• GitHub (👨‍💻 9 · 🔀 11 · 📦 1K · 📋 33 - 33% open · ⏱️ 03.12.2021):

   git clone https://github.com/vuex-orm/vuex-orm-next
  

vue-save-state (🥉17 · ⭐ 240 · 💤) - A Vue mixin to save the state of a component to local storage. MIT

• GitHub (👨‍💻 9 · 🔀 23 · 📦 150 · ⏱️ 21.03.2022):

   git clone https://github.com/spatie/vue-save-state
  

• npm (📥 2.3K / month):

   npm install vue-save-state
  

harlem (🥉16 · ⭐ 510 · 💤) - Powerfully simple global state management for Vue 3. MIT

• GitHub (👨‍💻 10 · 🔀 16 · 📦 12 · 📋 16 - 18% open · ⏱️ 26.04.2023):

   git clone https://github.com/andrewcourtice/harlem
  

• npm (📥 110 / month):

   npm install harlem
  

vue-stator (🥉11 · ⭐ 170 · 💤) - Vuex alternative based on Vue.observable(). ❗Unlicensed

• GitHub (👨‍💻 4 · 🔀 3 · 📦 6 · 📋 10 - 40% open · ⏱️ 26.01.2021):

   git clone https://github.com/galvez/vue-stator
  

• npm (📥 46 / month):

   npm install vue-stator
  

Show 3 hidden projects...

• vue-redux (🥉9 · ⭐ 140 · 💀) - What happen when Vue.js + Redux. ❗Unlicensed
• vue-freeze (🥉6 · ⭐ 74 · 💀) - Simple state management whitout bloating API and Concept for Vue.js. MIT
• vue-simple-store (🥉6 · ⭐ 67 · 💀) - Store Organizer To Simplify Your Stores. MIT

UI Frameworks & Libraries

Element Plus (🥇44 · ⭐ 23K) - A Vue.js 3 UI Library made by Element team. MIT typescript

• GitHub (👨‍💻 610 · 🔀 14K · 📦 88K · 📋 6.5K - 20% open · ⏱️ 06.06.2024):

   git clone https://github.com/element-plus/element-plus
  

• npm (📥 1.1M / month):

   npm install element-plus
  

Quasar Framework (🥇43 · ⭐ 25K) - Quasar Framework - Build high-performance VueJS user.. MIT javascript

• GitHub (👨‍💻 720 · 🔀 3.4K · 📦 49K · 📋 7.7K - 6% open · ⏱️ 05.06.2024):

   git clone https://github.com/quasarframework/quasar
  

• npm (📥 540K / month):

   npm install quasar
  

PrimeVue (🥈42 · ⭐ 8.2K · 📈) - Next Generation Vue UI Component Library. MIT typescript

• GitHub (👨‍💻 260 · 🔀 1K · 📦 23K · 📋 4.6K - 9% open · ⏱️ 03.06.2024):

   git clone https://github.com/primefaces/primevue
  

• npm (📥 910K / month):

   npm install primevue
  

Ant Design Vue (🥈40 · ⭐ 20K · 📈) - An enterprise-class UI components based on Ant Design.. ❗Unlicensed

• GitHub (👨‍💻 280 · 🔀 3.7K · 📦 55K · 📋 5.6K - 3% open · ⏱️ 06.06.2024):

   git clone https://github.com/vueComponent/ant-design-vue
  

• npm (📥 440K / month):

   npm install ant-design-vue
  

Bootstrap v4 Integration (🥈40 · ⭐ 14K) - BootstrapVue provides one of the most comprehensive.. MIT javascript

• GitHub (👨‍💻 360 · 🔀 1.8K · 📦 180K · 📋 3.4K - 4% open · ⏱️ 28.07.2023):

   git clone https://github.com/bootstrap-vue/bootstrap-vue
  

• npm (📥 1.4M / month):

   npm install bootstrap-vue
  

Naive UI (🥉38 · ⭐ 15K) - A Vue 3 Component Library. Fairly Complete. Theme Customizable... MIT typescript

• GitHub (👨‍💻 300 · 🔀 1.6K · 📦 30K · 📋 2.8K - 11% open · ⏱️ 05.06.2024):

   git clone https://github.com/tusen-ai/naive-ui
  

• npm (📥 160K / month):

   npm install naive-ui
  

Vuestic UI (🥉34 · ⭐ 3.3K) - Free and Open Source UI Library for Vue 3. MIT typescript

• GitHub (👨‍💻 120 · 🔀 320 · 📦 1.5K · 📋 2.4K - 18% open · ⏱️ 05.06.2024):

   git clone https://github.com/epicmaxco/vuestic-ui
  

• npm (📥 23K / month):

   npm install vuestic-ui
  

Amplify UI (🥉34 · ⭐ 780) - Amplify UI is a collection of accessible, themeable,.. Apache-2

• GitHub (👨‍💻 120 · 🔀 250 · 📦 51K · 📋 1.1K - 13% open · ⏱️ 06.06.2024):

   git clone https://github.com/aws-amplify/amplify-ui
  

• npm (📥 110K / month):

   npm install @aws-amplify/ui-vue
  

Oruga UI (🥉27 · ⭐ 1.1K) - Oruga is a lightweight library of UI components without any.. MIT typescript

• GitHub (👨‍💻 86 · 🔀 170 · 📦 3 · 📋 400 - 11% open · ⏱️ 06.06.2024):

   git clone https://github.com/oruga-ui/oruga
  

• npm (📥 5.4K / month):

   npm install @oruga-ui/oruga
  

Semantic UI Integration (🥉24 · ⭐ 940 · 💤) - Semantic UI integration for Vue. MIT javascript

• GitHub (👨‍💻 71 · 🔀 150 · 📦 1.8K · 📋 250 - 42% open · ⏱️ 03.06.2020):

   git clone https://github.com/Semantic-UI-Vue/Semantic-UI-Vue
  

• npm (📥 5.3K / month):

   npm install semantic-ui-vue
  

AgnosticUI (🥉15 · ⭐ 710 · 💤) - AgnosticUI is a set of UI primitives that start their.. Apache-2

• GitHub (👨‍💻 12 · 🔀 46 · 📋 190 - 20% open · ⏱️ 23.01.2023):

   git clone https://github.com/AgnosticUI/agnosticui
  

• npm:

   npm install agnosticui
  

Show 2 hidden projects...

• SuperBVue (🥉5 · ⭐ 14 · 💤) - The Most Complete Vue UI Component Library using.. ❗Unlicensed typescript
• Equal UI (🥉3 · 🐣) - Redirect to the new repository. ❗Unlicensed typescript

Desktop Applications

Electron (🥇51 · ⭐ 110K) - Build cross-platform desktop apps with JavaScript, HTML, and CSS. MIT

• GitHub (👨‍💻 1.5K · 🔀 15K · 📥 6.4M · 📦 350K · 📋 20K - 4% open · ⏱️ 06.06.2024):

   git clone https://github.com/electron/electron
  

• npm (📥 2.9M / month):

   npm install electron
  

Tauri (🥉38 · ⭐ 79K · 📉) - Build smaller, faster, and more secure desktop applications with a.. Apache-2

• GitHub (👨‍💻 370 · 🔀 2.3K · 📥 110K · 📦 630 · 📋 4K - 19% open · ⏱️ 06.06.2024):

   git clone https://github.com/tauri-apps/tauri
  

• npm (📥 1.8K / month):

   npm install tauri
  

Forms

vee-validate (🥇35 · ⭐ 11K) - Painless Vue forms. MIT

• GitHub (👨‍💻 380 · 🔀 1.2K · 📦 81K · 📋 3.4K - 1% open · ⏱️ 06.06.2024):

   git clone https://github.com/logaretm/vee-validate
  

formkit (🥈27 · ⭐ 4.1K) - Vue Forms Supercharged. MIT

• GitHub (👨‍💻 59 · 🔀 160 · 📦 96 · 📋 950 - 9% open · ⏱️ 28.05.2024):

   git clone https://github.com/formkit/formkit
  

vuelidate (🥉26 · ⭐ 6.8K) - Simple, lightweight model-based validation for Vue.js. MIT

• GitHub (👨‍💻 93 · 🔀 500 · 📦 48K · 📋 910 - 20% open · ⏱️ 22.12.2023):

   git clone https://github.com/vuelidate/vuelidate
  

vue-formulate (🥉19 · ⭐ 2.2K · 💤) - The easiest way to build forms with Vue. MIT

• GitHub (👨‍💻 18 · 🔀 240 · 📦 45 · 📋 450 - 25% open · ⏱️ 13.04.2022):

   git clone https://github.com/wearebraid/vue-formulate
  

vorms (🥉15 · ⭐ 510 · 📉) - Vue Form Validation with Composition API. MIT

• GitHub (👨‍💻 6 · 🔀 18 · 📦 52 · 📋 19 - 47% open · ⏱️ 04.03.2024):

   git clone https://github.com/Mini-ghost/vorms
  

---

Related Resources

• Best-of lists: Discover other best-of lists with awesome open-source projects on all kinds of topics.

Contribution

Contributions are encouraged and always welcome! If you like to add or update projects, choose one of the following ways:

• Open an issue by selecting one of the provided categories from the issue page and fill in the requested information.
• Modify the projects.yaml with your additions or changes, and submit a pull request. This can also be done directly via the Github UI.

If you like to contribute to or share suggestions regarding the project metadata collection or markdown generation, please refer to the best-of-generator repository. If you like to create your own best-of list, we recommend to follow this guide.

For more information on how to add or update projects, please read the contribution guidelines. By participating in this project, you agree to abide by its Code of Conduct.

License