Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sonicoder86/awesome-vue-3

A curated list of awesome things related to Vue 3
https://github.com/sonicoder86/awesome-vue-3

List: awesome-vue-3

awesome-list vue vue3 vuejs

Last synced: 20 days ago
JSON representation

A curated list of awesome things related to Vue 3

Awesome Lists containing this project

README 

        


  


  logo of awesome-vue-3 repository

  


  





# 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)](#awesome-vue-3-)

- [Resources](#resources)

  - [Official](#official)

  - [Related awesome lists](#related-awesome-lists)

  - [Articles](#articles)

  - [Packages](#packages)

  - [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-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 `` 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

- [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.



## 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

- [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.



## 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/)