Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-vue-3
A curated list of awesome things related to Vue 3
https://github.com/sonicoder86/awesome-vue-3
Last synced: 4 days ago
JSON representation
-
Articles
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- An Overview of What's Coming in Vue 3
- New features in Vue 3 and how to use them
- What Noticeable Features You Should Expect in Vue v3 Release
- What New Features for Developers are Coming to Vue.js 3?
- The Vue 3 upgrade guide
- Composition API cheat sheet
- Building the Same Component in Vue2 vs. Vue3
- Vue 3: Data down, Events up
- Vue 3: Start Using it Today
- Reactivity: Vue 2 vs Vue 3
- Top ways to learn Vue 3
- A useModal hook and Proxies
- Vite the Fastest Development Environment Ever
- Vue 3 Async Components and Bundle Splitting
- Introducing Teleport aka Portal
- Webpack for Vue 3
- Best Practices for Testing Vue 3 Components
- Vuejs 3 and TypeScript
- How to Use Vueβs watchEffect to Track Reactive Dependencies
- Go async in Vue 3 with Suspense
- Faster hot reloading for Vue development with Vite
- Create a i18n Plugin with Composition API in Vue.js 3
- Clean, Scalable Forms with Vue Composition API
- Easily switch to Composition API in Vue.js 3
- Use old instance properties in Composition API in Vue.js 3
- Access template refs in Composition API in Vue.js 3
- The process: Making Vue 3
- Understanding Reactivity in Vue 3.0
- Set up Vue 3 linting in VSCode
- Headless Testing with Vite + Vue-Test-Utils
- Use Composition API to easily handle API requests in Vue.js
- You Might Not Need Vuex with Vue 3
- Writing a vite plugin
- Be prepared to migrate your Vue app to Vue 3
- Cool Features of Vue Router 4
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Should You Use Composition API as a Replacement for Vuex?
- Creating Custom Hooks with Vue 3 & Typescript
- Write Vue like you write React
- Announcing Vite 2.0
- Vue Composition API vs. React Hooks
- Building Vue 3 Reactivity from Scratch
- Vue with TSX - the perfect duo!?
- State Management in Vue 3 Applications
- What's new in Vue 3.1?
- Template to create vue 3, vuex 4 with modules, typescript project
- Adding server side rendering to existing vue 3 projects
- Getting started with Vite and Vue 3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Implementing Auto Update Feature in Vite Plugin PWA
- Add testing to Vite
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Vue 3's Global Mounting
- Where Did Filters Go in Vue 3?
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Reactivity in Vue 3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Nuxt Composition API
- Deep dive into the Vue Composition API's watch() method
- Pinia, an Alternative Vue.js Store
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Vue 3 β A roundup of infos about the new version of Vue.js
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Exciting new features in Vue 3
- Building the Same Component in Vue2 vs. Vue3
- Suspense β new feature in Vue 3
- State Management with Composition API
- Portal β a new feature in Vue 3
- Faster Web Applications with Vue 3
- Why people got upset with Vue 3
- Building the Same Component in Vue2 vs. Vue3
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
- Building the Same Component in Vue2 vs. Vue3
- Handling Asynchrony in Vue 3 / Composition API
- Handling Asynchrony with Vue Composition API and vue-concurrency
- Building a data layer with Vue and Composition API
-
Uncategorized
-
Uncategorized
- Awesome Vue 3 ![Awesome - vue-3-)
-
-
Official
-
Related awesome lists
-
Packages
- vue-cli-plugin-vue-next - A Vue CLI plugin for trying out vue-next (experimental)
- 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.
- 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
- 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](https://vueup.github.io/vue-quill/#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.
- 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.
- vue3-touch-events - Enable tap / swipe / touch / hold / mouse down / mouse up events for HTML DOM elements
- fast-crud - Options-oriented crud framework, developing crud as fast as lightning
- 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.
- @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](https://vue3openlayers.netlify.app/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](https://github.com/vueform/multiselect)
- @vueform/slider - Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind support). [Online Demo](https://github.com/vueform/slider)
- @vueform/toggle - Vue 3 toggle component with labels, custom slots and styling options (+Tailwind support). [Online Demo](https://github.com/vueform/toggle)
- vue-timeago3 - A timeago component. Render a timestamp to a Messenger like string.
- 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 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 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.
- Vue 3 Easter Egg Trigger - This packages makes it nice and easy to add Easter Egg triggers to your Vue3 site.
- vuelidate-next - Vuelidate (next) - Simple, lightweight model-based validation
- vee-validate - VeeValidate (v4) Vue 3 Template driven form validation
- particles.vue3 - A lightweight library for easily create highly customizable particles animations for websites
- element-plus - Vue 3.0 component library with over 50 components, for developers, designers and product managers
- v-calendar - An elegant calendar and datepicker plugin for Vuejs
- smart-table - Simple and feature packed table components. Sorting, filtering, selection and pagination out of the box.
- AgnosticUI - Accessible Vue 3 Component Primitives (that also works with React, Svelte, and Angular)
- 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 - A tooltip component for vue3 using popperjs
- vitest - A blazing fast unit-test framework powered by Vite β‘οΈ
- vue-file-upload - A file management system built with `Vue3` and `TypeScript` that allows for single and multiple file uploading with a preview feature
- Vuersatile Components - A Vue 3 component library, with form self-validation and a SCSS framework integrated.
- vue-next - Repo for Vue 3.0
-
Examples
- vue-3-playground - Vue 3 Playground packed with all the new features
- vue3-webpack-boilerplate - Vue 3 Webpack Boilerplate (Vue 3, Vue Router 4, Vuex 4, Typescript)
- vue-ts-starter - Vue template for starter using Vue3 + TypeScript + Vite + Pinia π - [Demo](https://vue-ts-starter.vercel.app/)
- vite-tailwind-starter - Starter using Vite + Tailwind for super fast prototyping
- todomvc-vue-composition-api - TodoMVC built with Vue 3 Composition Api and Vuex
- composition-api-demos - A Vue.js app demonstarting various use cases for the new composition API
- Vue3Todo - A repository showcasing the new Vue 3.0 Composition API with simple examples
- movie-search-vue - Movie search app with the Vue 3 Composition API
- vue-next-webpack-preview - Minimal webpack setup for Vue 3 (beta)
- vue-3-reactivity - Code from the Vue 3 Reactivity course
- vue3-realworld-example-app - [Realworld](https://github.com/gothinkster/realworld) app implementation using Vue 3 + TypeScript + Composition Api
- vue3-ssr-realworld-example-app - [Realworld](https://github.com/gothinkster/realworld) app implementation using Vue 3 with SSR
- vue3-md-blog - βοΈ Minimal config Vue3 + Markdown blog engine
- vite-wind - Boilerplate with Tailwind CSS, TypeScript, css-pro-layout, 9+ components and dark mode support.
- Materio-vuetify-vuejs-admin-template-free - A Production ready, carefully crafted, most comprehensive Vuetify Vuejs admin template.
- vue-dapp - Vue 3 library for building Dapps with ethers.js.
- vue-timer-hook - Demo Vue 3 Timer module inspired by react-timer-hook
- vue3-default-preset-demo - A demo app the new Vue 3.0 Composition API, Vuex, Router.
- vue3-vite2-chrome-extension-demo - A note-taking chrome extension built by Vue3 & Vite2.
- 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 - β‘οΈ A simple and compact vue 3 template with current cutting edge front end technologies.
- CoreUI for Vue - An Open Source UI components library for Vue 3
- vue3 MineSweeper game - A vue 3 implemention of classical MineSweeper retro game
- Vue3 Starter Template
- Material Pro Vuetify Admin Template - A Beautiful Vuetify Admin Template.
- Modernize VueJs Template - Modernize Vue 3 + Vite + TypeScript + Vuetify 3 Admin Template.
- Sneat Free Vuetify VueJS Admin Template - A Production ready, carefully crafted, most comprehensive Opensource & Free Vuejs admin template.
- Vue3 Atomic Design - A Vue3 boilerplate based on atomic design methodology
- Sneat-free-vuetify-nuxtjs-admin-template - Open Source NuxtJS admin template based on latest Vuetify, NuxtJS 3, Vue 3 & Typescript for developing responsive web apps with ease.
- vue-cart with import-maps - Basic Shopping Cart with Vue ES Module and Composition API (without bundler or build step)
- vite-vue3-tailwind-starter - Starter Template based on Vite (Vue 3, Vue Router and Tailwind CSS)
- Building Vue 3 Component Library with Rollup
- vue3 2048 game - A vue 3 implemention of the popular 2048 game
- Sneat Vuetify VueJS Admin Template - The Ultimate VueJS Admin Template for building responsive web apps
- Pinx - Pinx is an admin template crafted with Vue 3 + TypeScript, developer-friendly and designed with Naive UI and Tailwind CSS. Nuxt compatible !
-
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
- Evan You - State of the Vuenion 2020
- Alex Kyriakidis - What you'll love in Vue 3
- Vue 3: What I'm Most Excited About with Chris Fritz
- Live coding: The new Composition API - Jason Yu
- Natalia Tepluhina - You might not need Vuex
- Design Principles of Vue 3.0 by Evan You
- Why the Vue 3 Composition API?
- Vue 3 and Composition API by Alex Kyriakidis
- Thorsten LΓΌnborg - Composition API Best Practices
- Damian Dulisz - Vuelidate version for Vue 3.0
- The State of Vue.js in 2020 - Why You Should Make The Leap - Gwendolyn Faraday
- Vue 3: The Future of Front End
- Understanding Vue 3 Internals: @vue/reactivity
-
Books
-
Courses
Programming Languages
Categories
Sub Categories
Keywords
vue
65
vue3
49
vuejs
26
typescript
18
vite
18
composition-api
15
vuejs3
9
vue2
8
javascript
7
vue3-typescript
7
tailwind
5
component
5
tailwindcss
5
vue-router
5
free-admin-template
5
pinia
5
vue-next
4
admin-template
4
vue-admin-template
4
dashboard-templates
4
vue-components
4
components
4
admin-dashboard
4
admin-panel
4
free-admin-theme
3
vue-composition-api
3
admin-theme
3
vueuse
3
admin-panel-theme
3
vue-component
3
draggable
3
bootstrap
3
vue3-admin
3
vue-theme
3
vue-dashboard
3
markdown
3
hooks
3
hook
3
free-template
3
validation
3
nuxt
3
free-admin-dashboard
2
vue-admin
2
nuxt3
2
drag-and-drop
2
drag
2
ethereum
2
carousel
2
react
2
headlessui
2