/awesome-vue-3

A curated list of awesome things related to Vue 3

MIT LicenseMIT


logo of awesome-vue-3 repository

Awesome Vue 3 Awesome

A curated list of awesome things related to Vue 3

Resources

Official

Related awesome lists

Articles

Packages

  • vue-next - Repo for Vue 3.0
  • vue-cli-plugin-vue-next - A Vue CLI plugin for trying out vue-next (experimental)
  • vue-router-next - The Vue 3 official router (WIP)
  • vue-test-utils-next - The next iteration of Vue Test Utils, targeting Vue 3
  • composition-api - Vue2 plugin for the Composition API.
  • vite - Next generation frontend tooling. It's fast.
  • vitest - A blazing fast unit-test framework powered by Vite ⚡️
  • vitepress - Vite & Vue powered static site generator
  • vue-use-web - 🕸 Web APIs implemented as Vue.js composition functions
  • vee-validate - VeeValidate (v4) Vue 3 Template driven form validation
  • vuelidate-next - Vuelidate (next) - Simple, lightweight model-based validation
  • vue-compose-promise - 💝 Promises using vue composition API
  • vue-composition-toolkit - 💚 Vue3 Composition-API toolkit
  • vue-composable - Vue composition-api composable components
  • vueuse - 🧰 Collection of essential Vue Composition API utils works for Vue 2 and 3
  • vue-use-kit - 🛠️ Useful collection of Vue composition API functions
  • vue-use-utilities - 🔧 A collection of Vue Composition API utilities
  • vue-condition-watcher - 🕶 Vue Composition API for automatic fetch data when condition has been changed
  • vue-router-compositions - VueRouter Composition-API utils library
  • vue-use-switch-map - 👽 The power of the RxJS switchMap operator injected into the Vue composition world
  • vue-use-infinite-scroll - ♾️ A Vue composition function that makes infinite scroll a breeze
  • vue-eternal-loading - 💚 Vue 3 infinity loading component for js, ts, browser, etc...
  • vuehooks - 🌟 Collection of utility composition functions for Vue
  • vue-cookie-next - 🍪 A vue 3 plugin for handling browser cookies with typescript support.
  • vue-quill - ✒️📝 A Vue 3 rich text editor component based on Quill Editor. See a Live Demo.
  • vue-draggable-next - 🧱 A Vue 3 drag-and-drop component based on Sortable.js.
  • 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 - Customizable Floating Menu for Vue 3
  • vue-toastification - 🍞 Light, easy, and beautiful Toasts for Vue 2 and 3.
  • vue3-scroll-picker - A scroll picker component for Vue 3.
  • vue-concurrency - 🚦 A library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.
  • 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 - HTML sanitizer for Vue.js 3 apps
  • echarts-for-vue - 📊📈ECharts wrapper component for Vue 3 and 2
  • headlessui-vue - A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS.
  • vue3-spring - A spring-physics based animation library, in addition to more components, to cover most of the UI related animations.
  • vue3-carousel - Modern lightweight carousel component built for Vue 3.
  • vue3-tabs - A swipeable tabs component for vue 3.
  • vue3-dynamic-tabs - A Vue3 tabs component to easily display tabs, however and wherever you want.
  • vue3-blocks-tree - A simple organization structure tree view based on Vue3.x. It supports events, slots, horizontal vision and nodes manipulation.
  • particles.vue3 - A lightweight library for easily create highly customizable particles animations for websites
  • vue-final-modal - A renderless, lightweight, feature-rich modal component for Vue 3.
  • vueper-slides - A touch ready and responsive slideshow / carousel for Vue and Vue 3.
  • splitpanes - A Vue and Vue 3 reliable, simple and touch-ready panes splitter / resizer.
  • vue-cal - A Vue and Vue 3 full calendar, no dependency, no BS. 🤘
  • wave-ui - An emerging UI framework for Vue.js & Vue 3 with only the bright side. ☀️
  • vant - Lightweight Mobile UI Components built on Vue 3
  • vue-hooks-form - Building forms with Vue composition API
  • vue-visibility - Vue plugin that hides or shows elements depending of a criteria. 👀
  • vue-responsive-video-background-player - Play your own videos in background responsively in different resolutions.
  • harlem - Simple, unopinionated, lightweight and extensible state management for Vue 3
  • vue3-ui - Very clean Vue 3 components styled with love and care to integrate nicely with Bulma CSS.
  • vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.
  • Equal UI - Vue 3 components library with 30+ components based on TypeScript and Equal design system.
  • vue-advanced-cropper - The advanced vue cropper library that gives you opportunity to create your own croppers suited for any website design.
  • vue-visual-filter - An unopinionated visual filtering component for Vue 3.
  • 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 - A lightweight and powerful Vue3 plugin for creating custom middlewares and manage roles and permissions with zero-config.
  • reforms.js - Vue 3 and Bootstrap 5 forms and cards generator.
  • vue3-touch-events - Enable tap / swipe / touch / hold / mouse down / mouse up events for HTML DOM elements
  • element-plus - Vue 3.0 component library with over 50 components, for developers, designers and product managers
  • fast-crud - Options-oriented crud framework, developing crud as fast as lightning
  • v-calendar - An elegant calendar and datepicker plugin for Vuejs
  • vue-highlight - Vue 3 directive for highlight.js.
  • superBVue - A Vue 3 UI Components for Web is based on boostrap 5.
  • vue-color-kit -🎨 A Vue 3 color picker component. lightweight, modern, and no dependence.
  • vue-contentful-rich-text - 🦉 Vue 3 package for outputting a Contentful Rich Text Field
  • vue3-fullscreen - A simple Vue 3 component for fullscreen.
  • vue3-viewer - Image viewer component for Vue 3, supports rotation, scale, zoom and so on.
  • smart-table - Simple and feature packed table components. Sorting, filtering, selection and pagination out of the box.
  • @casthub/embed - iFrame Hook with cross-origin (a)synchronous IPC
  • @casthub/form - Vue 3 Form Handling & Validation hook
  • 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
  • vue3-pdfmake - A PDFMake Plugin for Vue 3.x
  • @vueform/multiselect - Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind support). Online Demo
  • @vueform/slider - Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind support). Online Demo
  • @vueform/toggle - Vue 3 toggle component with labels, custom slots and styling options (+Tailwind support). Online Demo
  • Vueform - Advanced form builder for Vue.js with multi-file upload, conditions, form steps and Tailwind support. Online Demo
  • vue-timeago3 - A timeago component. Render a timestamp to a Messenger like string.
  • AgnosticUI - Accessible Vue 3 Component Primitives (that also works with React, Svelte, and Angular)
  • FormKit — ⚡️ Form generator, inputs, validation, internationalization (i18n) and much more.
  • timer-hook - Handle timer, stopwatch, and time logic/state in your vue 3 component.
  • vue3-dnd - React DnD vue3 implementation, free drag via hooks.
  • vuestic-ui - Vue.js 3.0 UI Library
  • vue-video-annotation - Vue3 component that allows adding annotations to videos by free drawing or adding shapes like circles, squares, and arrows.
  • qalendar - A component library with an event calendar & datepicker.
  • Vuedoc Markdown - Generate a Markdown Documentation for a Vue Component
  • Vuedoc Parser - Generate a JSON documentation for a Vue component
  • vorms - Vue Form Validate with Composition API.
  • @vuepic/vue-datepicker - The most complete datepicker solution for Vue 3
  • vue-tailwind-datepicker - A modern datepicker made with Tailwind for Vue 3
  • Vue Icons - vue3 library with more than 50,000 SVG icons to integrate into vue projects. Online Demo
  • Vue Popper - A tooltip component for vue3 using popperjs
  • Vue USWDS - A Vue.js implementation of the USWDS (U.S. Web Design System)
  • Vue BaseTooltip - A simple and performant tooltip plugin using Floating UI.
  • @kolirt/vue-web3-auth - Simple WalletConnect Web3Modal v2 integration package for Vue3 apps.
  • @kolirt/vue-modal - Easy to use and highly customizable Vue3 modal package.
  • vite-plugin-robots - Plugin for Vite to generating robots.txt for production and development builds.
  • Virtua - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid.
  • vue-file-upload - A file management system built with Vue3 and TypeScript that allows for single and multiple file uploading with a preview feature
  • Vue Virtual Waterfall - A vue3 virtual waterfall component
  • v-hide directive - v-hide directive to accompany v-if and v-show, but keep hidden space in layout
  • 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 - A Vue 3 component library, with form self-validation and a SCSS framework integrated.
  • Vue 3 Easter Egg Trigger - This packages makes it nice and easy to add Easter Egg triggers to your Vue3 site.

Examples

Tools

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

Videos

Books

Courses