/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-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).
  • 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.

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.

Videos

Books

Courses