KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #codex #claude-code #mcp #rust #deepseek-harness #typescript #ai-agent #cli

awesome-vue-3

★ 1,647 Open GitHub ↗

A curated list of awesome things related to Vue 3

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Awesome Vue 3 [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

A curated list of awesome things related to Vue 3

- [Awesome Vue 3 ![Awesome](https://github.com/sindresorhus/awesome)](https://raw.githubusercontent.com/gs00s/awesome-vue-3/master/)
- [Resources](#resources)
  - [Official](#official)
  - [Related awesome lists](#related-awesome-lists)
  - [Articles](#articles)
  - [Packages](#packages)
    - [Form editor](#form-editor)
  - [Examples](#examples)
  - [Tools](#tools)
  - [Videos](#videos)
  - [Books](#books)
  - [Courses](#courses)

# Resources

## Official

- [Official Documentation](https://vuejs.org/)
- [Vue Composition API](https://vuejs.org/guide/introduction.html)
- [RFCs for substantial changes / feature additions to Vue core](https://github.com/vuejs/rfcs)

## Related awesome lists

- [Vite](https://github.com/vitejs/awesome-vite)
- [General](https://github.com/vuejs/awesome-vue)

## Articles

- [Vue 3 – A roundup of infos about the new version of Vue.js](https://madewithvuejs.com/blog/vue-3-roundup)
- [An Overview of What's Coming in Vue 3](https://www.digitalocean.com/community/tutorials/vuejs-whats-coming-in-vue-3)
- [Exciting new features in Vue 3](https://vueschool.io/articles/vuejs-tutorials/exciting-new-features-in-vue-3/)
- [New features in Vue 3 and how to use them](https://blog.logrocket.com/new-features-in-vue-3-and-how-to-use-them/)
- [What Noticeable Features You Should Expect in Vue v3 Release](https://hackernoon.com/what-is-coming-noticeable-in-vue-3-lzd32rx)
- [What New Features for Developers are Coming to Vue.js 3?](https://medium.com/js-dojo/what-new-features-for-developers-are-coming-to-vue-js-3-2f57bf4ac93b)
- [The Vue 3 upgrade guide](https://dev.to/blacksonic/the-vue-3-upgrade-guide-4dc4)
- [Build a movie search app using the Vue Composition API](https://dev.to/blacksonic/build-a-movie-search-app-using-the-vue-composition-api-5218)
- [React Hooks vs. Vue 3 Composition API](https://academy.esveo.com/en/blog/Yr)
- [Composition API cheat sheet](https://www.vuemastery.com/vue-3-cheat-sheet/)
- [Building the Same Component in Vue2 vs. Vue3](https://medium.com/javascript-in-plain-english/building-the-same-component-in-vue2-vs-vue3-ed47a09ade15)
- [Suspense – new feature in Vue 3](https://vueschool.io/articles/vuejs-tutorials/suspense-new-feature-in-vue-3/)
- [State Management with Composition API](https://vueschool.io/articles/vuejs-tutorials/state-management-with-composition-api/)
- [Portal – a new feature in Vue 3](https://vueschool.io/articles/vuejs-tutorials/portal-a-new-feature-in-vue-3/)
- [Faster Web Applications with Vue 3](https://vueschool.io/articles/vuejs-tutorials/faster-web-applications-with-vue-3/)
- [Why people got upset with Vue 3](https://vueschool.io/articles/news/why-people-are-mad-with-vue-3/)
- [Vue 3: Data down, Events up](https://www.vuemastery.com/blog/vue-3-data-down-events-up/)
- [Vue 3: Start Using it Today](https://www.vuemastery.com/blog/vue-3-start-using-it-today/)
- [Reactivity: Vue 2 vs Vue 3](https://www.vuemastery.com/blog/Reactivity-Vue2-vs-Vue3/)
- [Top ways to learn Vue 3](https://www.vuemastery.com/blog/top-ways-to-learn-Vue-3/)
- [A useModal hook and Proxies](https://lmiller1990.github.io/electic/posts/20200519_a_usemodal_hook_and_proxies.html)
- [Vite the Fastest Development Environment Ever](https://lmiller1990.github.io/electic/posts/20200510_vite_the_fastest_development_environment_ever.html)
- [Vue 3 Async Components and Bundle Splitting](https://lmiller1990.github.io/electic/posts/20200503_vue_3_async_components_and_bundle_splitting.html)
- [Introducing Teleport aka Portal](https://lmiller1990.github.io/electic/posts/20200411_introducing_teleport_aka_portal.html)
- [Webpack for Vue 3](https://lmiller1990.github.io/electic/posts/20200406_webpack_for_vue_3.html)
- [Best Practices for Testing Vue 3 Components](https://lmiller1990.github.io/electic/posts/20200301_best_practices_for_testing_vue_3_components.html)
- [Vuejs 3 and TypeScript](https://lmiller1990.github.io/electic/posts/20200215_vuejs_3_and_typescript.html)
- [Reactivity in Vue 3](https://www.netlify.com/blog/2020/03/10/reactivity-in-vue-3/)
- [What Does Vue 3.0 Mean for Web Development?](https://medium.com/@mattmaribojoc/what-does-vue-3-0-mean-for-web-development-851052fc0138)
- [How to Use Vue’s watchEffect to Track Reactive Dependencies](https://medium.com/better-programming/using-vue-watcheffect-to-track-reactive-dependencies-7c99d76304e7)
- [Vue 3's Global Mounting](http://wildermuth.com/2020/05/17/Vue-3-s-Global-Mounting)
- [Where Did Filters Go in Vue 3?](http://wildermuth.com/2020/05/11/Where-Did-Filters-Go-in-Vue-3)
- [Go async in Vue 3 with Suspense](https://vuedose.tips/go-async-in-vue-3-with-suspense/)
- [Faster hot reloading for Vue development with Vite](https://www.vuemastery.com/blog/faster-hot-reloading-for-vue-development-with-vite/)
- [Create a i18n Plugin with Composition API in Vue.js 3](https://vuedose.tips/create-a-i18n-plugin-with-composition-api-in-vuejs-3/)
- [Clean, Scalable Forms with Vue Composition API](https://medium.com/js-dojo/clean-scalable-forms-with-vue-composition-api-6db03cccabde)
- [Easily switch to Composition API in Vue.js 3](https://vuedose.tips/easily-switch-to-composition-api-in-vuejs-3/)
- [Use old instance properties in Composition API in Vue.js 3](https://vuedose.tips/use-old-instance-properties-in-composition-api-in-vuejs-3/)
- [Access template refs in Composition API in Vue.js 3](https://vuedose.tips/access-template-refs-in-composition-api-in-vuejs-3/)
- [The process: Making Vue 3](https://increment.com/frontend/making-vue-3/)
- [Context and Provider Pattern with the Vue 3 Composition API](https://markus.oberlehner.net/blog/context-and-provider-pattern-with-the-vue-3-composition-api/)
- [Understanding Reactivity in Vue 3.0](https://dev.to/jinjiang/understanding-reactivity-in-vue-3-0-1jni)
- [Set up Vue 3 linting in VSCode](https://blog.simohamed.tech/blog/vue3-lint/)
- [Headless Testing with Vite + Vue-Test-Utils](https://dev.to/aelbore/headless-testing-with-vite-vue-test-utils-3jd1)
- [Use Composition API to easily handle API requests in Vue.js](https://vuedose.tips/use-composition-api-to-easily-handle-api-requests-in-vue-js/)
- [You Might Not Need Vuex with Vue 3](https://dev.to/blacksonic/you-might-not-need-vuex-with-vue-3-52e4)
- [Writing a vite plugin](https://medium.com/@axwdev/writing-a-vite-plugin-for-vue-3-5bcc1c0915e0)
- [Be prepared to migrate your Vue app to Vue 3](https://dev.to/chenxeed/be-prepared-to-migrate-your-vue-app-to-vue-3-eom)
- [What’s New in Vue 3](https://www.grapecity.com/blogs/whats-new-in-vue-3)
- [What the Heck is Vite?](https://www.wrappixel.com/what-the-heck-is-vite/)
- [Cool Features of Vue Router 4](https://vuejsdevelopers.com/topics/vue-router/)
- [Watch with @vue/reactivity](https://antfu.me/posts/watch-with-reactivity/)
- [Handling Asynchrony in Vue 3 / Composition API](https://medium.com/javascript-in-plain-english/handling-asynchrony-in-vue-3-composition-api-part-1-managing-async-state-e993842ebf8f)
- [Handling Asynchrony with Vue Composition API and vue-concurrency](https://medium.com/javascript-in-plain-english/handling-asynchrony-with-vue-composition-api-and-vue-concurrency-part-2-canceling-throttling-4e0305c82367)
- [Building a data layer with Vue and Composition API](https://medium.com/javascript-in-plain-english/building-a-data-layer-with-vue-and-composition-api-547cc9761b4c)
- [Should You Use Composition API as a Replacement for Vuex?](https://vuejsdevelopers.com/2020/10/05/composition-api-vuex/)
- [Nuxt Composition API](https://vueschool.io/articles/vuejs-tutorials/nuxt-composition-api/)
- [Creating Custom Hooks with Vue 3 & Typescript](https://codesource.io/creating-custom-hooks-with-vue-3-typescript/)
- [Deep dive into the Vue Composition API's watch() method](https://www.netlify.com/blog/2021/01/29/deep-dive-into-the-vue-composition-apis-watch-method/)
- [Write Vue like you write React](https://dev.to/blacksonic/write-vue-like-you-write-react-23p9)
- [Announcing Vite 2.0](https://dev.to/yyx990803/announcing-vite-2-0-2f0a)
- [Vue Composition API vs. React Hooks](https://blog.logrocket.com/vue-composition-api-vs-react-hooks/)
- [Building Vue 3 Reactivity from Scratch](https://lachlan-miller.me/articles/vue-3-reactivity-from-scratch)
- [Vue with TSX - the perfect duo!?](https://areknawo.com/vue-with-tsx-the-perfect-duo/)
- [Pinia, an Alternative Vue.js Store](https://vueschool.io/articles/vuejs-tutorials/pinia-an-alternative-vue-js-store/)
- [State Management in Vue 3 Applications](https://auth0.com/blog/state-management-in-vue-3-applications/)
- [What's new in Vue 3.1?](https://blog.ninja-squad.com/2021/06/07/what-is-new-vue-3.1/)
- [Template to create vue 3, vuex 4 with modules, typescript project](https://dev.to/shubhadip/vue-3-vuex-4-modules-typescript-2i2o)
- [Adding server side rendering to existing vue 3 projects](https://dev.to/shubhadip/adding-server-side-rendering-to-existing-vue-3-project-53oo)
- [Getting started with Vite and Vue 3](https://blog.ninja-squad.com/2022/02/23/getting-started-with-vite-and-vue/)
- [Implementing Auto Update Feature in Vite Plugin PWA](https://jaybharadia.hashnode.dev/implementing-auto-update-feature-in-vite-plugin-pwa)
- [Add testing to Vite](https://sonicoder.com/blog/add-testing-to-vite)

## Packages

- [vue-next](https://github.com/vuejs/vue-next) - Repo for Vue 3.0
- [vue-cli-plugin-vue-next](https://github.com/vuejs/vue-cli-plugin-vue-next) - A Vue CLI plugin for trying out vue-next (experimental)
- [vue-router-next](https://github.com/vuejs/vue-router-next) - The Vue 3 official router (WIP)
- [vue-test-utils-next](https://github.com/vuejs/vue-test-utils-next) - The next iteration of Vue Test Utils, targeting Vue 3
- [composition-api](https://github.com/vuejs/composition-api) - Vue2 plugin for the Composition API.
- [vite](https://github.com/vitejs/vite) - Next generation frontend tooling. It's fast.
- [vitest](https://vitest.dev/) - A blazing fast unit-test framework powered by Vite ⚡️
- [vitepress](https://github.com/vuejs/vitepress) - Vite & Vue powered static site generator
- [vue-use-web](https://github.com/logaretm/vue-use-web) - 🕸 Web APIs implemented as Vue.js composition functions
- [vee-validate](https://github.com/logaretm/vee-validate) - VeeValidate (v4) Vue 3 Template driven form validation
- [vuelidate-next](https://github.com/vuelidate/vuelidate/tree/next) - Vuelidate (next) - Simple, lightweight model-based validation
- [vue-compose-promise](https://github.com/posva/vue-compose-promise) - 💝 Promises using vue composition API
- [vue-composition-toolkit](https://github.com/soouup/vue-composition-toolkit) - 💚 Vue3 Composition-API toolkit
- [vue-composable](https://github.com/pikax/vue-composable) - Vue composition-api composable components
- [vueuse](https://github.com/antfu/vueuse) - 🧰 Collection of essential Vue Composition API utils works for Vue 2 and 3
- [vue-use-kit](https://github.com/microcipcip/vue-use-kit) - 🛠️ Useful collection of Vue composition API functions
- [vue-use-utilities](https://github.com/vueblocks/vue-use-utilities) - 🔧 A collection of Vue Composition API utilities
- [vue-condition-watcher](https://github.com/runkids/vue-condition-watcher) - 🕶 Vue Composition API for automatic fetch data when condition has been changed
- [vue-router-compositions](https://github.com/greenpress/vue-router-compositions) - VueRouter Composition-API utils library
- [vue-use-switch-map](https://github.com/jfet97/vue-use-switch-map) - 👽 The power of the RxJS switchMap operator injected into the Vue composition world
- [vue-use-infinite-scroll](https://github.com/jfet97/vue-use-infinite-scroll) - ♾️ A Vue composition function that makes infinite scroll a breeze
- [vue-eternal-loading](https://github.com/ts-pro/vue-eternal-loading) - 💚 Vue 3 infinity loading component for js, ts, browser, etc...
- [vuehooks](https://github.com/jsbroks/vuehooks) - 🌟 Collection of utility composition functions for Vue
- [vue-cookie-next](https://github.com/anish2690/vue-cookie-next) - 🍪 A vue 3 plugin for handling browser cookies with typescript support.
- [vue-quill](https://github.com/vueup/vue-quill) - ✒️📝 A Vue 3 rich text editor component based on Quill Editor. See a [Live Demo](https://vueup.github.io/vue-quill/#demo).
- [vue-draggable-next](https://github.com/anish2690/vue-draggable-next) - 🧱 A Vue 3 drag-and-drop component based on Sortable.js.
- [vue-smooth-dnd](https://github.com/kutlugsahin/vue-smooth-dnd) - A fast and lightweight drag&drop, sortable library for Vue.js with many configuration options covering many d&d scenarios.
- [vue-tree-dnd](https://github.com/jcuenod/vue-tree-dnd) - A sortable drag-n-drop tree structure for Vue3 with no dependencies.
- [vue-float-menu](https://github.com/prabhuignoto/vue-float-menu) - Customizable Floating Menu for Vue 3
- [vue-toastification](https://github.com/Maronato/vue-toastification) - 🍞 Light, easy, and beautiful Toasts for Vue 2 and 3.
- [vue3-scroll-picker](https://github.com/HJ29/vue3-scroll-picker) - A scroll picker component for Vue 3.
- [vue-concurrency](https://github.com/MartinMalinda/vue-concurrency) - 🚦 A library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.
- [vue-inline-svg](https://github.com/shrpne/vue-inline-svg) - Vue component loads an SVG source dynamically and inline `<svg>` so you can manipulate the style of it with CSS or JS. Works for Vue 2 and 3.
- [vue-3-sanitize](https://github.com/vannsl/vue-3-sanitize) - HTML sanitizer for Vue.js 3 apps
- [echarts-for-vue](https://github.com/ambit-tsai/echarts-for-vue) - 📊📈ECharts wrapper component for Vue 3 and 2
- [headlessui-vue](https://github.com/tailwindlabs/headlessui) - A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS.
- [vue3-spring](https://github.com/ismail9k/vue3-spring) - A spring-physics based animation library, in addition to more components, to cover most of the UI related animations.
- [vue3-carousel](https://github.com/ismail9k/vue3-carousel) - Modern lightweight carousel component built for Vue 3.
- [vue3-tabs](https://github.com/HJ29/vue3-tabs) - A swipeable tabs component for vue 3.
- [vue3-dynamic-tabs](https://github.com/Tapha/vue3-dynamic-tabs) - A Vue3 tabs component to easily display tabs, however and wherever you want.
- [vue3-blocks-tree](https://github.com/megafetis/vue3-blocks-tree) - A simple organization structure tree view based on Vue3.x. It supports events, slots, horizontal vision and nodes manipulation.
- [particles.vue3](https://github.com/matteobruni/tsparticles/blob/master/components/vue3/README.md) - A lightweight library for easily create highly customizable particles animations for websites
- [vue-final-modal](https://github.com/hunterliu1003/vue-final-modal) - A renderless, lightweight, feature-rich modal component for Vue 3.
- [vueper-slides](https://antoniandre.github.io/vueper-slides) - A touch ready and responsive slideshow / carousel for Vue and Vue 3.
- [splitpanes](https://antoniandre.github.io/splitpanes) - A Vue and Vue 3 reliable, simple and touch-ready panes splitter / resizer.
- [vue-cal](https://antoniandre.github.io/vue-cal) - A Vue and Vue 3 full calendar, no dependency, no BS. 🤘
- [wave-ui](https://antoniandre.github.io/wave-ui) - An emerging UI framework for Vue.js & Vue 3 with only the bright side. ☀️
- [vant](https://github.com/youzan/vant) - Lightweight Mobile UI Components built on Vue 3
- [vue-hooks-form](https://github.com/beizhedenglong/vue-hooks-form) - Building forms with Vue composition API
- [vue-visibility](https://github.com/lewandy/vue-visibility) - Vue plugin that hides or shows elements depending of a criteria. 👀
- [vue-responsive-video-background-player](https://github.com/avidofood/vue-responsive-video-background-player) - Play your own videos in background responsively in different resolutions.
- [harlem](https://github.com/andrewcourtice/harlem) - Simple, unopinionated, lightweight and extensible state management for Vue 3
- [vue3-ui](https://github.com/pathscale/vue3-ui) - Very clean Vue 3 components styled with love and care to integrate nicely with Bulma CSS.
- [vue3-qr-reader](https://github.com/HJ29/vue3-qr-reader) - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.
- [Equal UI](https://github.com/quatrochan/Equal) - Vue 3 components library with 30+ components based on TypeScript and Equal design system.
- [vue-advanced-cropper](https://github.com/Norserium/vue-advanced-cropper/tree/vue-next) - The advanced vue cropper library that gives you opportunity to create your own croppers suited for any website design.
- [vue-visual-filter](https://github.com/obadakhalili/vue-visual-filter) - An unopinionated visual filtering component for Vue 3.
- [vue-simple-acl](https://github.com/victorybiz/vue-simple-acl) - A simple unopinionated Vue plugin for managing user roles and permissions, access-control list (ACL) and role-based access control (RBAC).
- [vue-middleware](https://github.com/themustafaomar/vue-middleware) - A lightweight and powerful Vue3 plugin for creating custom middlewares and manage roles and permissions with zero-config.
- [reforms.js](https://reforms.js.org) - Vue 3 and Bootstrap 5 forms and cards generator.
- [vue3-touch-events](https://github.com/robinrodricks/vue3-touch-events) - Enable tap / swipe / touch / hold / mouse down / mouse up events for HTML DOM elements
- [element-plus](https://element-plus.org/) - Vue 3.0 component library with over 50 components, for developers, designers and product managers
- [fast-crud](https://github.com/fast-crud/fast-crud) - Options-oriented crud framework, developing crud as fast as lightning
- [v-calendar](https://vcalendar.io/) - An elegant calendar and datepicker plugin for Vuejs
- [vue-highlight](https://github.com/point-hub/vue-highlight) - Vue 3 directive for highlight.js.
- [superBVue](https://github.com/superbvue/SuperBVue) - A Vue 3 UI Components for Web is based on boostrap 5.
- [vue-color-kit](https://github.com/anish2690/vue-color-kit) -🎨 A Vue 3 color picker component. lightweight, modern, and no dependence.
- [vue-contentful-rich-text](https://github.com/Anivive/vue-contentful-rich-text) - 🦉 Vue 3 package for outputting a Contentful Rich Text Field
- [vue3-fullscreen](https://github.com/mirari/vue3-fullscreen) - A simple Vue 3 component for fullscreen.
- [vue3-viewer](https://github.com/mirari/vue3-viewer) - Image viewer component for Vue 3, supports rotation, scale, zoom and so on.
- [smart-table](https://vue-smart-table.netlify.app/) - Simple and feature packed table components. Sorting, filtering, selection and pagination out of the box.
- [@casthub/embed](https://github.com/casthub/embed) - iFrame Hook with cross-origin (a)synchronous IPC
- [@casthub/form](https://github.com/casthub/form) - Vue 3 Form Handling & Validation hook
- [vue3-openlayers](https://github.com/MelihAltintas/vue3-openlayers) - vue3-openlayers is components library that brings the powerful OpenLayers API to the Vue3 reactive world. It can display maps with tiled, raster or vector layers loaded from different sources. [Live Demo](https://vue3openlayers.netlify.app/demo/)
- [vue3-pdfmake](https://github.com/Novout/vue-pdfmake) - A PDFMake Plugin for Vue 3.x
- [@vueform/multiselect](https://github.com/vueform/multiselect) - Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind support). [Online Demo](https://github.com/vueform/multiselect)
- [@vueform/slider](https://github.com/vueform/slider) - Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind support). [Online Demo](https://github.com/vueform/slider)
- [@vueform/toggle](https://github.com/vueform/toggle) - Vue 3 toggle component with labels, custom slots and styling options (+Tailwind support). [Online Demo](https://github.com/vueform/toggle)
- [Vueform](https://vueform.com) - Advanced form builder for Vue.js with multi-file upload, conditions, form steps and Tailwind support. [Online Demo](https://vueform.com/examples/basics/simple-form)
- [vue-timeago3](https://github.com/MrDeerly/vue-timeago3) - A timeago component. Render a timestamp to a Messenger like string.
- [AgnosticUI](https://www.agnosticui.com/) - Accessible Vue 3 Component Primitives (that also works with React, Svelte, and Angular)
- [FormKit](https://formkit.com) — ⚡️ Form generator, inputs, validation, internationalization (i18n) and much more.
- [timer-hook](https://github.com/riderx/vue-timer-hook) - Handle timer, stopwatch, and time logic/state in your vue 3 component.
- [vue3-dnd](https://github.com/hcg1023/vue3-dnd) - React DnD vue3 implementation, free drag via hooks.
- [vuestic-ui](https://github.com/epicmaxco/vuestic-ui) - Vue.js 3.0 UI Library
- [vue-video-annotation](https://github.com/xwellingtonx/vue-video-annotation) - Vue3 component that allows adding annotations to videos by free drawing or adding shapes like circles, squares, and arrows.
- [qalendar](https://github.com/tomosterlund/qalendar) - A component library with an event calendar & datepicker.
- [Vuedoc Markdown](https://gitlab.com/vuedoc/md) - Generate a Markdown Documentation for a Vue Component
- [markstream-vue](https://github.com/Simon-He95/markstream-vue) - A Vue 3 streaming Markdown renderer for AI chat, supporting incomplete Markdown, Mermaid, KaTeX, long responses, and streaming code blocks.
- [Vuedoc Parser](https://gitlab.com/vuedoc/parser) - Generate a JSON documentation for a Vue component
- [vorms](https://github.com/Mini-ghost/vorms) - Vue Form Validate with Composition API.
- [@vuepic/vue-datepicker](https://github.com/Vuepic/vue-datepicker) - The most complete datepicker solution for Vue 3
- [vue-tailwind-datepicker](https://github.com/elreco/vue-tailwind-datepicker) - A modern datepicker made with Tailwind for Vue 3
- [Vue Icons](https://www.npmjs.com/package/@kalimahapps/vue-icons) - vue3 library with more than 50,000 SVG icons to integrate into vue projects. [Online Demo](https://vue-icons.kalimah-apps.com/)
- [Vue Popper](https://www.npmjs.com/package/@kalimahapps/vue-popper) - A tooltip component for vue3 using popperjs
- [Vue USWDS](https://github.com/patrickcate/vue-uswds) - A Vue.js implementation of the USWDS (U.S. Web Design System)
- [Vue BaseTooltip](https://github.com/CarlLDreyer/vue-base-tooltip) - A simple and performant tooltip plugin using Floating UI.
- [@kolirt/vue-web3-auth](https://github.com/kolirt/vue-web3-auth) - Simple WalletConnect Web3Modal v2 integration package for Vue3 apps.
- [@kolirt/vue-modal](https://github.com/kolirt/vue-modal) - Easy to use and highly customizable Vue3 modal package.
- [vite-plugin-robots](https://github.com/kolirt/vite-plugin-robots) - Plugin for Vite to generating robots.txt for production and development builds.
- [Virtua](https://github.com/inokawa/virtua) - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid.
- [vue-file-upload](https://github.com/canopas/web-file-upload/vue) - A file management system built with `Vue3` and `TypeScript` that allows for single and multiple file uploading with a preview feature
- [Vue Virtual Waterfall](https://github.com/lhlyu/vue-virtual-waterfall) - A vue3 virtual waterfall component
- [v-hide directive](https://github.com/ventralnet/v-hide) - v-hide directive to accompany v-if and v-show, but keep hidden space in layout
- [V-privacy](https://github.com/fchancel/v-privacy) - A Vue 3 plugin that allows you to manage the privacy of an HTML element by blurring its content and optional encrypt node text data in DOM.
- [Vuersatile Components](https://www.andres-brugarolas.com/vuersatile-components/) - A Vue 3 component library, with form self-validation and a SCSS framework integrated.
- [Vue 3 Easter Egg Trigger](https://github.com/webdevnerdstuff/vue3-easter-egg-trigger) - This packages makes it nice and easy to add Easter Egg triggers to your Vue3 site.
- [Everright-filter](https://github.com/Liberty-liu/Everright-filter) - A query builder component for Vue3. Supports filtering of multiple data types, including string, number, dropdown, cascade, region, date, and time.
- [Vue 3 social sharing](https://github.com/hedint/vue3-social-sharing) - Style agnostic Vue 3 plugin for sharing your links on major social networks.
- [vue3-datagrid](https://github.com/revolist/vue3-datagrid) - Powerful virtual data grid spreadsheet for Vue 3 with advanced customization based on [revogrid](https://rv-grid.com).
- [Vue3 Pivottable](https://github.com/vue-pivottable/vue3-pivottable) – A Vue 3 port of the jQuery-based PivotTable.js.
- [validation-composable](https://github.com/nexxtmove/validation-composable) - ✅ Lightweight validation for Vue — just 40 lines of code.
- [Formisch](https://formisch.dev/vue/guides/introduction/) - A form library with focus on performance, type safety and bundle size
- [Toastflow](https://github.com/adrianjanocko/toastflow) - 💡 Headless toast (notification) engine + Vue 3 renderer (TS-first, CSS-first theming, highly customizable).
- [hy-app](https://github.com/MrGao-hy/hy-design-uni) - A Vue 3 and TypeScript UI component library for UniApp, providing mobile-first components, theme customization, dark mode support, and cross-platform compatibility.

#### Form editor

- [Everright-formEditor](https://github.com/Liberty-liu/Everright-formEditor) - A visual drag-and-drop low-code form editor. The PC depends on element-plus while the mobile depends on vant.

## Examples

- [vue-3-playground](https://github.com/blacksonic/vue-3-playground) - Vue 3 Playground packed with all the new features
- [vue3-webpack-boilerplate](https://github.com/starkovsky/vue3-webpack-boilerplate) - Vue 3 Webpack Boilerplate (Vue 3, Vue Router 4, Vuex 4, Typescript)
- [vue-ts-starter](https://github.com/yugasun/vue-ts-starter) - Vue template for starter using Vue3 + TypeScript + Vite + Pinia 🚀 - [Demo](https://vue-ts-starter.vercel.app/)
- [vite-tailwind-starter](https://github.com/posva/vite-tailwind-starter) - Starter using Vite + Tailwind for super fast prototyping
- [todomvc-vue-composition-api](https://github.com/blacksonic/todomvc-vue-composition-api) - TodoMVC built with Vue 3 Composition Api and Vuex
- [composition-api-demos](https://github.com/LinusBorg/composition-api-demos) - A Vue.js app demonstarting various use cases for the new composition API
- [Vue3Todo](https://github.com/ShetlandJ/Vue3Todo) - A repository showcasing the new Vue 3.0 Composition API with simple examples
- [movie-search-vue](https://github.com/blacksonic/movie-search-vue) - Movie search app with the Vue 3 Composition API
- [vue-next-webpack-preview](https://github.com/vuejs/vue-next-webpack-preview) - Minimal webpack setup for Vue 3 (beta)
- [vue-3-reactivity](https://github.com/Code-Pop/vue-3-reactivity) - Code from the Vue 3 Reactivity course
- [vue-cart with import-maps](https://github.com/aelbore/vue-cart/tree/vue3-composition-api) - Basic Shopping Cart with Vue ES Module and Composition API (without bundler or build step)
- [vue3-realworld-example-app](https://github.com/mutoe/vue3-realworld-example-app) - [Realworld](https://github.com/gothinkster/realworld) app implementation using Vue 3 + TypeScript + Composition Api
- [vue3-ssr-realworld-example-app](https://github.com/levchak0910/vue3-ssr-realworld-example-app) - [Realworld](https://github.com/gothinkster/realworld) app implementation using Vue 3 with SSR
- [vue3-md-blog](https://github.com/yeikiu/vue3-md-blog) - ✍️ Minimal config Vue3 + Markdown blog engine
- [vite-vue3-tailwind-starter](https://github.com/web2033/vite-vue3-tailwind-starter) - Starter Template based on Vite (Vue 3, Vue Router and Tailwind CSS)
- [vite-wind](https://github.com/boussadjra/vite-wind) - Boilerplate with Tailwind CSS, TypeScript, css-pro-layout, 9+ components and dark mode support.
- [Materio-vuetify-vuejs-admin-template-free](https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free) - A Production ready, carefully crafted, most comprehensive Vuetify Vuejs admin template.
- [vue-dapp](https://github.com/chnejohnson/vue-dapp) - Vue 3 library for building Dapps with ethers.js.
- [vue-timer-hook](https://riderx.github.io/vue-timer-hook/) - Demo Vue 3 Timer module inspired by react-timer-hook
- [vue3-default-preset-demo](https://github.com/j-kav/vue3-default-preset-demo) - A demo app the new Vue 3.0 Composition API, Vuex, Router.
- [vite-wind](https://github.com/boussadjra/vite-wind) - Boilerplate with Tailwind CSS, TypeScript, css-pro-layout, 9+ components and dark mode support.
- [Materio-vuetify-vuejs-admin-template-free](https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free) - A Production ready, carefully crafted, most comprehensive Vuetify Vuejs admin template.
- [Building Vue 3 Component Library with Rollup](https://dev.to/shubhadip/vue-3-component-library-2le8)
- [vue3-vite2-chrome-extension-demo](https://github.com/betterRunner/context-note) - A note-taking chrome extension built by Vue3 & Vite2.
- [Materio-vuetify-vuejs-laravel-admin-template-free](https://github.com/themeselection/materio-vuetify-vuejs-laravel-admin-template-free) - Open-source & easy to use Vuetify Vuejs Laravel Admin Template with Elegant Design & Unique Layout.
- [vue3-compact-template](https://github.com/upupming/vue3-compact-template) - ⚡️ A simple and compact vue 3 template with current cutting edge front end technologies.
- [CoreUI for Vue](https://github.com/coreui/coreui-vue) - An Open Source UI components library for Vue 3
- [Tailwindadmin](https://github.com/Tailwind-Admin/free-tailwind-admin-dashboard-template) - A free, open-source Shadcn UI admin dashboard template supporting React, Next.js, Angular, and Vue.js.
- [vue3 2048 game](https://github.com/nicosrc/vue-2048) - A vue 3 implemention of the popular 2048 game
- [vue3 MineSweeper game](https://github.com/LeonardoSalvucci/mine-sweeper) - A vue 3 implemention of classical MineSweeper retro game
- [Vue3 Starter Template](https://github.com/M-Media-Group/Vue3-SPA-starter-template) = A Vue3 starter kit with full authentication routes, payment support, multilingual abilities, a global event bus, meta+schema tag generators, and more!
- [Sneat Vuetify VueJS Admin Template](https://themeselection.com/item/sneat-vuetify-vuejs-admin-template/) - The Ultimate VueJS Admin Template for building responsive web apps
- [Material Pro Vuetify Admin Template](https://github.com/wrappixel/materialpro-vuetify-lite) - A Beautiful Vuetify Admin Template.
- [Modernize VueJs Template](https://github.com/adminmart/Modernize-vuejs-free) - Modernize Vue 3 + Vite + TypeScript + Vuetify 3 Admin Template.
- [Pinx](https://themeforest.net/item/pinx-vuejs-admin-template/47799543?ref=DverseStudio&utm_source=awesomevue) - Pinx is an admin template crafted with Vue 3 + TypeScript, developer-friendly and designed with Naive UI and Tailwind CSS. Nuxt compatible !
- [Sneat Free Vuetify VueJS Admin Template](https://github.com/themeselection/sneat-vuetify-vuejs-admin-template-free) - A Production ready, carefully crafted, most comprehensive Opensource & Free Vuejs admin template.
- [Vue3 Atomic Design](https://github.com/alexander-elgin/vue3-atomic-design) - A Vue3 boilerplate based on atomic design methodology
- [Sneat-free-vuetify-nuxtjs-admin-template](https://github.com/themeselection/sneat-vuetify-nuxtjs-admin-template-free) - Open Source NuxtJS admin template based on latest Vuetify, NuxtJS 3, Vue 3 & Typescript for developing responsive web apps with ease.
- [YummyAdmin](https://github.com/doroudi/YummyAdmin) - 📈 Totaly free Vue 3 Dashboard template based on NaiveUI, Typescript, MSW, Tailwindcss, multilanguage, fully RTL support and production ready.
- [OpenClaw Monitor](https://github.com/flik2002/openclaw-monitor) - Real-time monitoring dashboard for OpenClaw AI agents — token usage, session tracking, 7-day trends.

## Tools

- [aria-vue](https://github.com/aelbore/aria-vue) - Headless testing with Vite + Vue + Vue-Testting-Utils
- [vue3-sfc-loader](https://github.com/FranckFreiburger/vue3-sfc-loader) - Load .vue files directly from your html/js. No node.js environment, no (webpack) build step.
- [vue-composable-starter](https://github.com/Tahul/vue-composable-starter) - 🪝 Minimalist starting point for your next Vue composable.
- [Vue-Cheatsheet](https://github.com/themeselection/vue-cheatsheet) - An interactive cheatsheet of Vue, Vue Router and, Pinia

## Videos

- [Evan You - State of the Vuenion 2020](https://www.youtube.com/watch?v=3COrQGxnPv0)
- [Alex Kyriakidis - What you'll love in Vue 3](https://www.youtube.com/watch?v=eQpVcZa8dVQ)
- [Evan You - What's Coming in Vue 3](https://www.softwaretalks.io/v/10323/evan-you-whats-coming-in-vue-3-0)
- [Vue 3: What I'm Most Excited About with Chris Fritz](https://www.youtube.com/watch?v=b554XmaTWrw)
- [Live coding: The new Composition API - Jason Yu](https://www.youtube.com/watch?v=JON6X6Wmteo)
- [Natalia Tepluhina - You might not need Vuex](https://www.youtube.com/watch?v=sjB6wamZQN0)
- [Design Principles of Vue 3.0 by Evan You](https://www.youtube.com/watch?v=WLpLYhnGqPA)
- [Why the Vue 3 Composition API?](https://www.youtube.com/watch?v=6HUjDKVn0e0)
- [Vue 3 and Composition API by Alex Kyriakidis](https://www.youtube.com/watch?v=ysnbEVkvgm4)
- [Thorsten Lünborg - Composition API Best Practices](https://www.youtube.com/watch?v=6D58SI9P-aU)
- [Damian Dulisz - Vuelidate version for Vue 3.0](https://www.youtube.com/watch?v=5-Z-EmTnDyU)
- [The State of Vue.js in 2020 - Why You Should Make The Leap - Gwendolyn Faraday](https://www.youtube.com/watch?v=eiUgVa2Td_k)
- [Full-Stack TypeScript with Vue.js 3, Node.js and PostgreSQL](https://www.youtube.com/watch?v=rLAElFkRrWI&list=PLhXZp00uXBk5hnHEIAFl74mZyLrVKKJAD)
- [Vue 3: The Future of Front End](https://www.youtube.com/watch?v=dNBLq6aLpCA)
- [Vue 3 Tutorial Playlist by Coding With Justin](https://www.youtube.com/playlist?list=PLnKfPkeIekbb7X0TqmNNdX-CKOJaYNTpu)
- [Understanding Vue 3 Internals: @vue/reactivity](https://www.youtube.com/watch?v=HzhcXVFEiVY)
- [Vue.js 3 Tutorial](https://www.youtube.com/playlist?list=PL4cUxeGkcC9hYYGbV60Vq3IXYNfDk8At1)

## Books

- [Become a ninja with Vue 3](https://books.ninja-squad.com/vue)
- [Vue.js 3 Cookbook](https://www.packtpub.com/product/vue-js-3-cookbook/9781838826222)
- [Large Scale Apps with Vue 3 and TypeScript](https://www.vuetypescript.com/)
- [Vue The Road To Enterprise](https://theroadtoenterprise.com/)
- [Design Patterns for Vue.js](https://lachlan-miller.me/design-patterns-for-vuejs)
- [Fullstack Vue 3](https://www.newline.co/vue)
- [Vue.js 3 Cookbook](https://www.packtpub.com/product/vue-js-3-cookbook/9781838826222)

## Courses

- [The Vue.js 3 Master Class](https://vueschool.io/courses/the-vuejs-3-master-class)
- [What's new in Vue 3](https://vueschool.io/courses/whats-new-in-vue-3)
- [Vue 3 Essentials](https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api/)
- [Vue 3 Deep Dive with Evan You](https://www.vuemastery.com/courses/vue3-deep-dive-with-evan-you/vue3-overview/)
- [Build a Gmail Clone with Vue 3](https://www.vuemastery.com/courses/build-a-gmail-clone-with-vue3/tour-the-project)
- [Vue 3 Reactivity](https://www.vuemastery.com/courses/vue-3-reactivity/vue3-reactivity/)
- [Vue.js: The Composition API](https://vuejs-course.com/courses/vuejs-3-composition-api)
- [The Complete Vue.js 3 Crash Course](https://vuejs-course.com/courses/vuejs-3-complete-crash-course)
- [From Vue 2 to Vue 3](https://www.vuemastery.com/courses/from-vue2-to-vue3/from-vue-2-to-vue-3/)
- [Become a Ninja with Vue - online training (EN and FR versions)](https://vue-exercises.ninja-squad.com)
- [Introduction to Vue 3](https://frontendmasters.com/courses/vue-3/)
- [Build Web Apps with Vue JS 3 & Firebase](https://www.udemy.com/course/build-web-apps-with-vuejs-firebase/)

awesome-vue-3

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README