Skip to content
/ awesome-vue Public

๐ŸŽ‰ A curated list of awesome things related to Vue.js

License

MIT license
72.4k stars 9.5k forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

vuejs/awesome-vue

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5,186 Commits
.github
.github
ย 
ย 
assets
assets
ย 
ย 
LICENSE
LICENSE
ย 
ย 
README.md
README.md
ย 
ย 

Repository files navigation


logo of vue-awesome repository

Awesome Vue.js Awesome Track Awesome List

A curated list of awesome things related to Vue.js

Resources

Official Resources

External Resources

Job Portal

Community

Conferences

Podcasts

Official Examples

Tutorials

Examples

Books

Blog Posts

Courses

  • Learn Vue by Building and Deploying a CRUD App - This course is focused on teaching the fundamentals of Vue by building and testing a web application using Test-Driven Development (TDD).
  • Advanced Vue.js Features from the Ground Up - Learn how to build more accessible routing, state management, form validation and internationalization libraries from the ground up!
  • Become a Ninja with Vue 3 - This course teaches how to build a complete application with Vue 3, step by step, using Vue CLI, TypeScript and the Composition API. Each exercise comes with instructions and tests to check 100% of your code.

Documentaries

Companies Using Vue.js

Projects Using Vue.js

Open Source

  • npmcharts.com - Compare npm packages and spot download trends.
  • Koel - A personal music streaming server that works.
  • astralapp - Organize Your GitHub Stars With Ease.
  • PJ Blog - Open source blog built with Laravel and Vue.js.
  • OpenAPI 3 viewer - Browse and test a REST API described with the OpenAPI 3.0 Specification
  • nativescript-vue - A Vue.js implementation of the NativeScript renderer.
  • Paper-Dashboard -Creative Tim Paper Dashboard made for Vue
  • CoreUI Vue Admin Template - Open Source Admin Template powered by Vue.js
  • vuejs-extension-pack vscode - An extension packf or vscode with popular VS Code extensions for Vue.js development.
  • Wiki.js - A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
  • peregrine-cms - A Vue.js and Apache Sling based head-optional CMS
  • Light Bootstrap Dashboard - Creative Tim Light Bootstrap Dashboard made for Vue
  • vue-storefront - Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.
  • Laravel Enso - SPA Admin Panel built with Bulma, VueJS and Laravel, packing lots of features out of the box.
  • Hubble - ๐Ÿ”ญ Travel through GitHub Stars' history.
  • Vuepress - Minimalistic Vue-powered static site generator
  • Socialhome - A federated rich profile builder with social networking features
  • chrome-ribbon-reminder - A Chrome extension written using Vue and Async/Await. Uses a popup display and changes badge counts.
  • Faviator - A simple easy favicon generator.
  • Minimal Notes - Web app build with Vue.js
  • Stack Edit - In-browser Markdown editor
  • Bael Blog Template - A static generated blog template that uses Netlify CMS for the backend and Netlify for hosting. Features a brutalist aesthetic, fuzzy search, serverless email signup, and more.
  • Buefy Shop - Sample shop, open source, built with Nuxt, Stripe, Firebase, Bulma and Serverless Functions.
  • Vuemmerce - Free ecommerce template built with Vue.js and Bulma framework ๐Ÿ†•
  • Carpoolear - The open source Vue.js frontend (mobile and cordova app) for the argentinian carpooling application: Carpoolear
  • Vue E-Store Templet - An e-commerce template build with vue/vuex/vue-router and bootstrap4.
  • Twill - An open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible.
  • Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required.
  • Thermal - One stop to all Git repository.
  • QMK Configurator - QMK Firmware Keyboard Configuration UI in Vue.js.
  • Daily - Curated dev news delivered to your new tab ๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿ’ป
  • Laravel File Manager - Powerful file manager for Laravel
  • Vue Crypto Dashboard - Cryptocurrency Dashboard made with Vue.js
  • Vue Expenses - Expense tracking app made with Vue.js, Vuetify and ASP.NET Core
  • Akaunting - A free and online accounting software for small businesses and freelancers based on Laravel and VueJS.
  • MQTTX - Cross-platform MQTT 5.0 desktop client built with Vue.js, Typescript and Electron.
  • Pychat - Self-hosted webrtc video chat (an alternative to Slack)
  • CodeceptJS UI - Cypress-liked UI for โœ”๏ธ CodeceptJS end 2 end tests โœ”๏ธ.
  • Vue Pivottable - Vue port of the jQuery-based PivotTable.js
  • Vue Datamaps - Vue port of the javascript-based DataMaps
  • LeagueStats - Statistics website for players of the online game League of Legends.
  • Savycart - PWA to track personal purchases, No more paper and pencil to go to the supermarket ๐Ÿฌ Vue and Vuetify
  • Afterman - ๐ŸŒ• Create beautiful docs in markdown and HTML from postman collection. Using Quasar Framework
  • LogChimp - Open-source software to track your customer's feedback to build better products.
  • Yacht - A Docker container management webui using Vuetify for a hassle free way of managing docker containers and projects.
  • Antares SQL - Cross platform SQL client made to be simple and complete.
  • Bagisto - A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.
  • GrandNode 2.0 - Open Source Cross Platform E-Commerce Solution based on .NET Core 5.0 and MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS
  • Aimeos - Leading Laravel eCommerce framework to build ultra fast online shops, marketplaces and complex B2B applications scalable from 1 to 1,000,000,000+ items
  • XIV ToDo - Dashboards, completion trackers, tailored weekly and daily checklists and tools for Final Fantasy XIV.
  • Interface X - UI Search&Discovery components to rapidly build beautiful search experiences
  • Balancer - A Decentralized Finance app that runs on Ethereum.
  • Materio Free Vuetify VueJS Laravel Admin Template - Open-source & easy to use Vuetify Vuejs Laravel Admin Template with Elegant Design & Unique Layout.
  • Dashy - A self-hosted startpage, with an easy to use visual editor, status checking, themes, widgets and tons more
  • FAIRshare - Sharing biomedical research data and software according to applicable FAIR guidelines
  • Snippets.Ninja - Progressive web application for code snippet management. Offline first. Open Source. App uses IndexedDB for local storage.
  • ZuiOJ - ZuiOJ system developed using Vue2's UI and Java.
  • vue-paho-mqtt - Easy-to-use Paho MQTT client library for Vue 3 with centralized subscription management, type support, and built-in optional alert notification library.
  • VueFinder File Library - Web File Manager Library.
  • Overlay - A browser extension helping developers evaluate open source packages before picking them.
  • activist.org/ - Open-source, nonprofit activism platform.
  • Sneat Free Vuetify VueJS Admin Template - The Ultimate Free VueJS Admin Template for building responsive web apps
  • slidev - Presentation Slides for Developers
  • YesPlayMusic - High-looking third-party NetEase cloud player, support Windows / macOS / Linux :electron:
  • douyin - Imitate TikTok ๏ผŒVue Best practices on Mobile

Commercial Products

  • Wijmo - A collection of UI controls with VueJS support.
  • ChatWoot - Livechat and agent collaboration over Facebook messenger.
  • VueA - VueJS Admin template with multiple layouts and laravel version.
  • EducationLink - CRM and sales automation for education agents and colleges.
  • Pragmatic v2.0 - Responsive and configurable admin template built with Vue.js and Element.
  • Moonitor - Cryptocurrency tracker for Desktop.
  • Deskree - Online collaboration platform that combines Ideas, Tasks, and Issues in one place.
  • Agiloo - Project Management app for Scrum and Kanban
  • ScaffoldHub - Online Web App Generator for VueJS with NodeJS, and MongoDB or SQL.
  • Commandeer - Cloud Management Reimagined. A Desktop cloud management app built with Vue.js and Electron.
  • Leave Dates - A powerful new way to track your staff leave.
  • vREST NG - An enterprise application for Automated API Testing, built with VueJS and Element UI.
  • Coloban - All-in-one project management tool with chats, Kanban, Gantt, calls, screenshare and many more.
  • NxShell - An easy to use new terminal for SSH, which based on Electron and VueJS.
  • Materio Vuetify VueJS Admin Template - Most Powerful, Developer Friendly, Production ready & Comprehensive Vuetify VueJS Admin Template.
  • NocoDB - An opensource Airtable alternative.
  • KodaDot - NFT Marketplace on Polkadot funded as public good, written in Vue.js
  • He3 - Free and Modern Developer Utilities Toolbox.
  • RunJS - JavaScript playground that evaluates your code as you type and gives instant feedback. Ideal for prototyping ideas or trying out new libraries.
  • Sneat Vuetify VueJS Admin Template - The Ultimate VueJS Admin Template for responsive web apps.

Apps/Websites

  • Laravel Spark
  • Vice Video
  • Formlets
  • Laracasts
  • esa.io
  • ็จ€ๅœŸๆŽ˜้‡‘
  • Prague Airport
  • Portfolio Site
  • Statamic
  • Embalses! - A tool to report water dam level using the U.S. Geological Survey database.
  • TravelMap - A simple way for travelers to create a blog based on a Map.
  • Proper Cloth Shirt Builder - Custom shirt builder.
  • Powerpuff Yourself by Cartoon Networks
  • vNotes - Simple and beautiful notepad to Markdown with Vue.js and Local Storage API.
  • Open Function Computers
  • Dermail - A webmail client written in Vue.js for Dermail, a mail system written in node.js.
  • octimine - A patent search engine.
  • Draxed - A web based MySQL and PostgreSQL data browser and dashboard manager.
  • Jobinja - A Job Board and career platform operating in Iran.
  • ๆปš่›‹ๅง๏ผ่Ž†็”ฐ็ณป - Show all Putian hospital information
  • Livestorm - Webinar / Live events app.
  • Holden
  • Global-Exam - Online Training for Language Proficiency Tests
  • 12BAY.VN - Applications online flight bookings.
  • PLAYCODE.IO - Playground for Rapid Frontend Experiments.
  • The Void Radio - Underground House Music Online Radio.
  • Bitly Vue - Shorten URLs with VueJS & Bitly API.
  • Storyblok - API Based/Decoupled CMS using VueJS for its frontend.
  • WizzAir
  • Moving to HTTPS - Guide to moving different platform/hosting sites to HTTPS
  • Euronews - Euronews is a multilingual news media service, headquartered in Lyon, France.
  • Vue.js Feed - The latest Vue.js news, tutorials, plugins, and more. Made with Vue.js and Laravel.
  • Guess Right - A 'guess the word' game - Written with Vue/vuex/vue-router (front-end) and Laravel/MySQL (back-end). Code is Open Source on GitHub (although not the live files that run the game at kdcinfo).
  • GRAP - Business communication service
  • JSON Schema Editor - An intuitive editor for JSON schema built with Vue.js and Firebase.
  • Winsome Trivia - A single or multiplayer trivia game featuring over 2,000 unique questions built with Vue.js and powered by the Open Trivia Database.
  • Moon Organizer - Lunar calendar app
  • Kinderbesteck - A full Online Shop SPA with Vue2.0, Vuex, Vue Router
  • Power Thesaurus - A crowdsourced online thesaurus
  • PAIXIN - A genuine picture sale website
  • 1XBET - A betting company operating since 2007
  • CrowdCircus - Europeโ€™s biggest crowdfunding- and crowdinvesting-aggregator
  • PingBreak - A free and simple website monitoring service using vuejs for real-time dashboard
  • Todoist Tribute - Todoist clone, written in Rails + Vue
  • JSON Editor - A schema-aware JSON editor built with Vue2 and firebase.
  • Develteam - A social network for indie game developers.
  • Mixsii - A free video chat room site for teens, adults, family, and friends.
  • PipQuest - A retro-style puzzle game built in Vue
  • Matryx - A decentralized collaboration platform.
  • iPrevYou - YouTubeโ„ข Player - A chrome app for watching youtube videos on your desktop.
  • Item Manager - An application to transfer items for Destiny 2 game.
  • Frontend Masters Intro to Vue - Frontend Masters full day course
  • TR-101 - A drum synth / sequencer.
  • Bazaar - Media sharing platform.
  • Vectr - A free vector graphics software
  • Habitica - online task management application in the form of a role-playing game.
  • MadeWithVueJs - A Gallery of Projects made with Vue.js (also the Site itself uses Vue.js)
  • Thousand Ether Homepage - The Million Dollar Homepage reimagined as an Ethereum DApp. Build on Vue.js and open source.
  • Let's Enchance - free online image upscale and enhancement with neural networks.
  • Pi.TEAM - Online Invoicing and Accounting - Simple to use online accounting and invoicing, free for single users and freelancers.
  • Tipe - Next Generation API-first CMS. Create your content with powerful editing tools and access it from anywhere with a GraphQL or REST API. Stop letting your CMS decide how you build your apps.
  • Fintechers - Fintech focused job board.
  • Devjournal - Collaborative todo list for projects and ideas.
  • Bubbleflat - Online platform that helps students and young Professionals find their perfect roommates by searching for people with similar lifestyles, interests, or schools. Laravel & Vuejs
  • sunpos - Sun position, elevation, azimuth, ecliptic/equatorial coordinates and sunrise/sunset time (Julian day) calculation and conversion utilities. Web site is programmed using pure JS, Vuejs and i18n Vuejs localization plugin. Visualization is created using D3.js.
  • U3xyz - A personal blog base on vue ssr.
  • 27.ua - Ukraine-based internet hypermarket
  • Chess Guardian - Answer chess positional questions from your own games.
  • Blackjack Break - A quick game of blackjack
  • GameVix - Swap your used video game discs with others, hassle free. PWA with Material Design.
  • VivifyScrum - Agile project management app for teams that deliver. Customizable Scrum and Kanban boards.
  • 9GAG - Popular online platform and social media website
  • Kitchen Stories - Cooking platform
  • MailRabbit - Create, A/B test, and monitor transactional emails without a developer.
  • Cronhub - Painless Cron Monitoring Tool
  • wrkprty - Pop-up coworking events for freelancers, remote workers, and professionals looking to get out of the office.
  • Broker Notes - 'Study to become a Real Estate Agent' ๐Ÿ 
  • SyncLounge - SyncLounge is a tool to sync Plex content across multiple players in multiple locations.
  • HCE.it - The website of an Italian agency, entirely made with Vue using a Laravel-based headless CMS.
  • Pages - Web design inspiration
  • Spektrum - The website of Spektrum Media Agency
  • SPK The website of SPK Ecosystem
  • IDDEF โ˜ช๏ธ The Federation of the Associations that Value Humanity's webpage, CMS, CRM and Donation and all e-commerce pages are designed with Vue.js, Vuex and pure JavaScript ๐Ÿ™
  • Roast an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
  • Myanpwel - The website of event ticketing platform.
  • CryptoArte - An Ethereum art collection, non-fungible token, and Dapp.
  • Scroll.in - Scroll.in is an independent news, information, and entertainment venture.
  • Brandy - brand assets manager for your menu bar.
  • NBC Sports - NBC Sports is a sports news website.
  • WITHIN - Extraordinary stories in Virtual Reality.
  • beCamp - A community-organized tech conference in Charlottesville, VA. Website code is open-source.
  • Trustpilot - a free and open to all review platform.
  • Lagom - Simple, intuitive and fully responsive WHMCS theme
  • ScoutMyTrip - Roadtrip Planner - Road trip planning app for India which helps travelers to build their itinerary, discover points of interest, find hotels, gas stations, food joints etc along the route.
  • GamersClub - Biggest company of eSport community development in Brazil
  • MIT - Official Website of Massachusetts Institute of Technology.
  • Elvenar - Elvenar is a browser based fantasy city builder game.
  • Beacon - ๐Ÿ’™ A service that allows you to share your content across multiple websites.
  • Artfinder - Artfinder is a website for buying & selling art paintings.
  • GitHubExplorer - Pure static page webapp for exploring GitHub. Using Vuejs and GitHub GraphQL API v4.
  • HappyPlants - A progressive web app for organizing your plants ๐ŸŒฑ.
  • Pocket Lists - World's friendliest to-do list app.
  • Padlet - Collaborative bulletin boards
  • Glovo - On-demand delivery
  • MySigMail - MySigMail is a free, in browser, email signature generator without creating account
  • Wordguru - A simple verbal game where you split into teams and try to guess as many keywords as you can.
  • ApiFlash - A Chrome based screenshot API built on top of AWS Lambda for Developers
  • Git Superstar - Count your git stars and top repositories.
  • Asciiur - Internet's ascii art collection
  • Tapestri Designer - Free tool to design PCR primers for genome sequencing experiments (NGS)
  • Monocle Reader - Follow feeds, Twitter, YouTube, Blogs and everything else, all in one place.
  • Geenes - Generate and apply color palettes to your UI, then export it to sketch or code.
  • ExifShot - What and how on photography, beautifully.
  • Studolog - Online file sharing platform for students, including tester and reviews. Currently in Czech ๐Ÿ‡จ๐Ÿ‡ฟ only.
  • Gamebrary - Open source tool to organize video game collections.
  • Premium Poker Tools - What poker players use to study.
  • QMK Configurator - Configure, Build, and Download Custom QMK Firmware from your browser.
  • Worksome - Marketplace/platform for qualified it professionals and freelancers and companies looking to hire them.
  • Translator-vuejs - Translation App built with Vuejs, Yandex API & ResponsiveVoice.js API.
  • Big Timer - Fullscreen countdown timer for workshops, meetings and presentations. Big Timer helps workshop facilitators, meeting chairs, design sprinters, presenters and aspiring game show hosts stick to their program.
  • Kvalitetskontroll - Norwegian management system tailored for the construction industry.
  • Poolside FM - A retro-style music player
  • Inoreader.com - One of the biggest RSS readers and news aggregators out there.
  • AwesomeTechStack - Website Tech Stack Analyzer
  • massCode - An open source code snippets manager for developers. Build with Electron, Vue and Monaco editor.
  • ClipLeap - Platform for posting and sharing moments in long videos.
  • RSVP Keeper - Online reservations made easy. Get your event up and running in no time. Made with Vue and Go.
  • PNGK - Official website for a consultancy company working to find solutions for humanitarian, human rights and other like minded organizations.
  • BMWUSA Vehicle Configurator - Vehicle Configurator for BMWUSA
  • Fanmio - Meet your favorite celebrities through personal video experiences on Fanmio
  • AtomicWallet - Multi-asset cryptocurrency wallet. Desktop and mobile apps both were built with Vue.
  • Helpninja - Simple & fast help desk
  • Todo DEV - A simple Todo App made for developers with Vuejs, Vuetify and the powerful Firebase.
  • 36 Pixels - French agency website made with vue.js
  • temp-mail.io - Disposable temporary email service.
  • Narrandum - Customer journey mapping tool built using Vue.js, Vuetify, and Feathersjs
  • Keep Formula - Keep Formula is a simple app to make your calculations easier.
  • goonlinetools.com - 100% Free Online Tools site.
  • Portfolio Site - Olaolu Olawuyi, A Frontend developer and UX Engineer's portfolio site.
  • d-patterns.js.org - FOSS Discord templates listing website ๐Ÿ’ฌ
  • linksift.com - LinkSift lets you explore what a website links to.
  • postmake.io - A curated directory of 300+ tools and resources used by companies and startups all over the web. Built using Vue.js and Nuxt.
  • screenshotapi.net - A website screenshot API, capture pixel-perfect website screenshots.
  • FontGet - Download Free Fonts.
  • Travel_Smart - A tour-based web app that uses Vue + Vue Router + Vuex.
  • National Institutes of Health (NIH): FEVS Survey Results - National Institutes of Health (NIH) data visualization of Federal Viewpoints Survey (FEVS) survey results.
  • U Can Stock - U.S. stock market information platform for Korean. It's built with Vue, Vuex, Vuetify, Nuxt and Firebase.
  • Nipashe -"Nipashe" is a Swahili word that means "Inform me". Nipashe is a web app built in Vue + Vuex(state management) + Vue-Router(navigation) that gives a tally/statistics on the current COVID19 infections across the world based on the WHO
  • DevSnap.me - A website that helps web developers find tons of free and open source HTML, CSS, and JavaScript assets.
  • Back Home/ๅ›žๅฎถ - A flight searching engine for the flights from oversea to China Mainland (and China to oversea) that still fly during COVID-19.
  • Deadlines - An offline, simple deadline tracker made with Vue.js and localForage.
  • Scraperbox - Undetectable web scraping API. Built with Laravel and Vue.
  • Darwin Analytics - Tool for measuring and optimizing your site. Built with Vue3 and Vite.
  • Scrumfast - Extremely intuitive project management scrum tool.
  • Gradientos - Gradientos makes finding gradients easy.
  • httptools.dev - Collection of many online checks and tools for web developers, like a JSON formatter, redirect check or URL encoder. Built with Vue3 and vue-router, backend API uses Laravel.
  • FontBolt - Discover and generate your favorite fonts from pop culture
  • Portfolio Site - Monayem Islam, A full-stack web application developer's portfolio site. Made with Love and Vue 3.

Interactive Experiences

Enterprise Usage

A11y

Components & Libraries

Frameworks

Responsive

Set of components + responsive layout system

  • quasar-framework - Quasar Framework. Build responsive websites, hybrid mobile Apps and Electron apps using same code, with VueJs 2.
  • vue-material - Material design for Vue.js.
  • vuetify - Material Component Framework for Vue.js 2.
  • buefy - Components based on Bulma framework.
  • element-ui - A Vue.js 2.0 UI Toolkit for Web.
  • iview-ui - A Vue.js 2.0 UI Framework for web.
  • AT-UI - A fresh and flat UI-Kit specially for desktop application, made with โ™ฅ by Vue.js 2.0
  • BootstrapVue - Bootstrap v4 components and grid system for Vue.js.
  • fish-ui - A Vue.js 2.0 UI Toolkit for Web
  • zircle-ui - A frontend library to develop zoomable user interfaces.
  • ant-design-vue - An enterprise-class UI components based on Ant Design and Vue 3.2.0
  • heyui - (https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
  • Carvue.js - IBM's Carbon Design System for Vue.js
  • BalmUI - A modular and customizable UI library based on Material Design and Vue 3.0
  • Osiris UI - ๐ŸŽจ A Vue.js 2.0 universal responsive UI component library
  • @Carbon/vue - Carbon Design System components from the @carbon team.
  • Inkline - Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building Vue.js 3 Design Systems.
  • MDBootstrap - Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10, providing a set of slick, responsive page templates, layouts, components and widgets to rapidly build responsive, mobile-first websites and apps.
  • vue-material-adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters
  • PrimeVue - The Most Complete UI Component Library for Vue
  • CoreUI for Vue.js - CoreUI for Vue.js is a UI Component Library that offers a bunch of cross-browser, responsive, and lightweight Vue.js UI components.
  • oruga - UI components for Vue.js without CSS framework dependency.
  • Wave UI - An emerging UI framework for Vue.js with only the bright side. โ˜€๏ธ
  • element3 - A Vue.js 3.0 UI Toolkit for Web is based on element-ui
  • vuestic-ui - A Vue.js 3.0 UI customizable UI Framework.
  • Qui-max - A Vue 3.x Design System for Web
  • Naive UI - A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow Kinda Interesting
  • Element Plus - A Vue 3 UI Framework.
  • AgnosticUI - Accessible Vue 3 Component Primitives that also work with React, Svelte, and Angular!
  • Vexip UI - A Vue 3 UI Library, Highly customizable property values, Full TypeScript, Performance should be good.
  • Anu - Build better interfaces faster. DX focused utility based vue component library โš›๏ธ
  • Vue USWDS - A Vue.js implementation of the USWDS (U.S. Web Design System)
  • Vuetensils - A 'naked' component library for building accessible, lightweight, bespoke applications.
  • Vuersatile Components - A Vue 3 component library, with form self-validation and an SCSS framework integrated.
  • Prefect Design - Component library using Vue 3, Typescript & Tailwind.
  • Stellar UI - Fully styled and customizable components for Vue 3.
  • Shadcn UI - An unofficial, community-led Vue port of shadcn/ui (re-usable components built with Radix Vue and Tailwind CSS).
  • Inspira UI - Open Source components to build stunning animated interfaces effortlessly using Vue, Nuxt and Tailwind CSS).
  • flowbite-vue - Vue component library based on Tailwind CSS

Mobile

UI frameworks for mobile

  • Framework7-Vue - Build full-featured iOS & Android apps using Framework7 & Vue.
  • vux - [Chinese] Vue UI Components based on WeUI.
  • vue-onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
  • Weex - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions.
  • Ionic - Mobile app development framework
  • Native script - Native mobile applications using NativeScript
  • uni-app - A cross-platform framework using Vue.js

Set of components for mobile

  • vant - A Vue.js 2.0 Mobile UI From YouZan.
  • cube-ui - A fantastic mobile ui lib implement by Vue.js 2.
  • mand-mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenes.
  • NutUI - A Vue.js 2.0 UI Toolkit for Mobile Web

Component Collections

Set of components without layout system

  • keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  • uiv - Bootstrap3 components implemented by Vue2.
  • Essential JS 2 for Vue - Full-featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
  • DevExtreme Vue Components - 65+ responsive and feature-complete Vue UI components with customizable Material Design and Bootstrap compliant themes.
  • jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
  • Kendo UI for Vue โ€“ Over 70 UI components, including a Grid, built for business applications. Fully responsive with support for several Design Languages including Material Design and Bootstrap.
  • element-pro-components A component library for Vue 3 base on element-plus
  • TW Elemetns for Vue - Vue integration with Tailwind CSS - a free, open-source UI Kit
  • Origin UI Vue - Beautiful UI components built with Tailwind CSS and Vue

Admin Template

Set of admin template

Server-side rendering

  • Nuxt.js - Versatile Vue.js Framework.

Static website generator

  • VuePress - Minimalistic Vue-powered static site generator.
  • รฎles - Islands of interactivity, the joyful site generator
  • VitePress - Vite & Vue powered static site generator.

Other

  • Vue-Access-Control Frontend access control framework based Vue.js 2.
  • CabloyJS The Ultimate NodeJS Full Stack Business Development Platform, based on KoaJS & EggJS & VueJS & Framework7
  • DataFormsJS - A minimal routing and web service framework that uses Vue as a templating engine.
  • Vue-Low-Code - Low Code toolkit that can generate VUE apps from Quant-UX prototypes
  • vue-notion - An unofficial Notion renderer โ€“ Use Notion as a CMS for Vue (e.g. Nuxt)
  • Fes.js - An easy-to-use front-end application framework based on vue3.

UI Layout

Layout for the overall / main view

  • vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
  • vue-masonry - Vue.js directive for masonry blocks layouting.
  • vue-virtual-scroll-list - A vue (2.x) component support big data by using virtual scroll list.
  • vue-virtual-scroller - Component to scroll a large amount of elements efficiently (Vue 2.x).
  • dnd-grid - A vuejs grid with draggable and resizable boxes
  • vue-fullpage.js - Official fullPage.js component for Vue.js.
  • splitpanes - A Vue JS reliable, simple and touch-ready panes splitter / resizer.
  • vue-simple-drawer - A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down
  • vue-typed-virtual-list - [Vue 3.x] small, efficient, TypeScript-friendly virtual scroller for rendering massive data
  • fit-screen - A vue component based on the scale large screen adaptive solution.
  • vue-virtual-waterfall - A virtual waterfall component for Vue 3.x.
  • vue-stack-grid - A Vue 3 component designed to make creating dynamic, responsive grid layouts easy and efficient.

UI Components

Table

Tables / data grids

  • ag-grid-vue - Vue adaptor for ag-Grid.
  • vue-data-tables - Vue2.0 DataTables, based on element-ui.
  • vue-grid - A flexible grid component for Vue.js
  • vue-easytable - A powerful table components based on Vue2.x
  • vue-crud-x - Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.
  • Vue Datatable - VueJS powered Datatable with Laravel server-side loading and JSON template setup
  • vue-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
  • vue-table-component - A straight to the point Vue component to display tables.
  • @lossendae/vue-table - Simple table component for Vue.js 2.x with pagination and sortable columns.
  • @marketconnect/vue-pivot-table - A vue component for pivot table
  • vueye-datatable - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.
  • fancy-grid-vue - Vue adaptor for FancyGrid.
  • vue-quintable - A responsive and highly configurable table based on Vue 2.x and Bootstrap 4.x
  • vue-datagrid - Vue grid wrapper for powerful webcomponent revo-grid with excel like rich edit and behavior.
  • vue-dataset - A set of Vue.js components to display datasets with filtering, paging, and sorting capabilities!
  • jz-gantt - A high-performance Vue gantt component, which includes highly customizable table columns, dynamic update data, freely drag the progress bar, switch header, etc.
  • vue3-easy-data-table - A easy-to-use data table component made with Vue.js 3.x, referring to the API and UI of data table component in Vuetify 2.
  • tanstack-table - Headless UI for building powerful tables & datagrids.
  • vuetify-drilldown-table - The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's v-data-table and v-data-table-server. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.
  • vxe-table - Vue form/table solution.

Notification

Toaster / snackbar โ€” Notify the user with a modeless temporary little popup

Loader

Loaders / spinners / progress bars โ€” Let the user know that something is loading

  • epic-spinners - Easy to use css spinners collection with vue.js integration.
  • vue-loading-overlay - Tiny full screen loading indicator
  • vue-ellipse-progress - A flexible Vue.js component to create beautiful animated circular progress bars and loaders
  • vue-default-page - A Vue 3.0 plugin with built-in v-loading, v-skeleton, v-error and v-empty custom directives.
Progress Bar

A slim progress bar at the top of the page

  • vue-scroll-progress - Simple Vue.js plugin for page scroll progress bar
  • vue-ins-progress-bar - A Vue component of ins-style progress bar ไธ€ๆฌพ ins ้ฃŽๆ ผ็š„ vue ่ฟ›ๅบฆๆก็ป„ไปถ
  • vue-next-progressbar - Slim progress bars(1KB gzipped) for Vue 3.
  • css-3d-progress - A 3D progress bar component written using web Components, supports Vue, React and Svelte.

Tooltip

Tooltips / popovers

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vodal - A vue modal with animations.
  • v-viewer - Image viewer component for vue2 and vue3, supports rotation, scale, zoom and so on, based on viewer.js
  • vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
  • v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
  • vue-sweetalert2 - wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR
  • @kouts/vue-modal - A customizable, stackable and lightweight modal component that adheres to the guidelines set in WAI-ARIA Dialog (Modal) section of W3C.
  • vue-final-modal Tailwind-friendly, highly customizable, stackable modal component.
  • vue-it-bigger - A simple image / (YouTube) video lightbox component for Vue.js.
  • vuejs-confirm-dialog - ๐Ÿ’ฌ a simple way to create, reuse, promisify and build chains of modal dialogs in Vue.js.
  • @kolirt/vue-modal - โšก๏ธ Simple Vue3 modal package
  • vuetify-resize-drawer - The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.

Icons

  • vue-material-design-icons - A collection of SVG Material Design icons as single file components.
  • vue-fontawesome - Font Awesome 5 Vue component
  • vue-country-flag - Vue component for country flag icons
  • vue-fa - Simple FontAwesome 5 Vue.js 2 component.
  • vue-icomoon - With vue-icomoon you can easily use the icons you have selected or created in icomoon.
  • vue-icons - More than 11,000 icons from most popular icon libraries (bootstrap, fontawesome, feather .. etc)

Marquee

  • vue3-marquee - A simple and responsive marquee component for Vue 3 applications with 0 dependencies.

Menu

  • vue-tree-navigation - Vue.js 2 tree navigation with vue-router support
  • v-selectmenu - A simple, easier and highly customized menu solution for Vue2.
  • vue-navigation-bar - A simple, pretty navbar for your Vue projects.
  • vue-file-toolbar-menu - UI file/toolbar menus for Vue apps
  • v-dropdown-menu - Customizable dropdown menu plugin for vuejs. SSR supported.
  • vue-bottom-sheet - A swipeable bottom sheet component for Vue.js created with Hammer.js
  • vue-awesome-sidebar - A modern and fast sidebar menu component for vue(3x) capable with vue-router.
  • vue-use-fixed-header - Turn your boring fixed header into a smart one.
  • navpress - NavPress is a CLI tool for generating static navigation websites. It allows you to quickly build a navigation site through a configuration file.

Carousel

  • vue-easy-slider - Slider Component of Vue.js.
  • vue-flux - Image slider which comes with 20 cool transitions.
  • @egjs/vue-flicking - It's reliable, flexible and extendable carousel for Vue.js 2 & 3.
  • swiper - Official Swiper component for Vue 3. Tree shakable, SSR support, typing, a11y and a lot more
  • vue-concise-carousel - Vue Concise Carousel with True SSR. Works for Vue 2 & 3.
  • vue3-carousel - A highly customizable, lightweight Vue 3 carousel component for your next awesome project.

Charts

Time

Display time / date / age

  • bs-vue-timeline - An alternative responsive boostrap-vue timeline
  • v-idle - A Vue.js plugin to detect idle/non-active users.
  • vue-timer-hook - Vue 3 Timer module inspired by react-timer-hook

Calendar

Display non-editable events in a Calendar

  • vue-simple-calendar - Flexbox-based Vue month calendar component; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies.
  • vue-functional-calendar - Lightweight, high performance calendar component(Date Picker, Date Range) based on Vue.
  • vue-cal - A Vue JS full calendar, no dependency, no BS. ๐Ÿค˜.
  • vue-spring-calendar - It's a Vue based component which provides the functionality of a full-calendar that shows daily events. the demo.
  • vue-tailwind-datepicker - A Vue 3 Datepicker using Tailwind CSS 3
  • qalendar - An event calendar and datepicker for Vue 3
  • schedule-x - A material design event calendar. Customizable, light- and dark modes & multilingual.

Map

  • vue2-leaflet - Vue 2 components for Leaflet maps.
  • vue-cesium - Vue 2.x & Vue 3.x components for Cesium.
  • vue3-openlayers - Vue 3 components to work with OpenLayers.
  • vue-mars3d - Vue 2.x 3D earth visualization JS development platform.
  • vue-maplibre-gl - Vue 3.x wrapper around Maplibre GL JS library written in TS. Including style switch and frame rate control.

Audio / Video

Infinite Scroll

  • @egjs/vue-infinitegrid - Arrange infinite card elements according to various layout types like masonry for Vue.js 2.
  • virtua - A zero-config, fast and small (~3kB) virtual list component for React and Vue

Markdown

PDF

Tree

  • sl-vue-tree - A simple customizable draggable tree component for Vue.js
  • vue-finder - A component to display hierarchical data, with selection, filtering and drag & drop
  • object-visualizer - Vue 3 JSON inspector with Chrome-like theme.

Graph

  • vnodes - General purpose components to create svg interactive graphs, diagrams or node based visual tools.
  • v-network-graph - An interactive SVG based network-graph visualization component for Vue 3.
  • coya - Diagram drawing library (vue3 only)
  • vue-skia - Skia based 2d graphics vue3 rendering library. It is based on Rust to implement software rasterization to perform rendering.
  • vue-flow - Interactive, customizeabe, graph & flowchart editor for Vue3

Social Sharing

  • vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x.
  • vue-share-modal - A pure, lightweight, and beautiful share modal for Vue 3.

QR Code

  • vue-qrcode-reader - A set of Vue.js components for detecting and decoding QR codes.
  • vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.
  • qrcode.vue - A Vue.js component to generate qrcode. Supports both Vue 2 and Vue 3.

Search

  • reactivesearch-vue - UI components for building data-driven apps with Elasticsearch
  • vue-search-input - A Vue 3 search input component, inspired by the global search input of Storybook and GitHub.

Miscellaneous

  • vue-kanban - A flexible drag and drop kanban board component
  • v-offline - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
  • vue-connection-listener - Vue event bus plugin listening for online/offline changes.
  • vue-prom - Vue promise wrapper component.
  • vue-identify-network - โšก๏ธIdentify what kinda internet your users are using!
  • vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words
  • vue-command - A fully working Vue.js terminal emulator
  • vue-fixed-header - Simple and cross-browser friendly fixed header component for Vue.js written by TypeScript.
  • vue-twemoji-picker - A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering) for Vue.
  • tsParticles - A lightweight Javascript library to easily create highly configurable and interactive particle animations
  • vue-image-zoomer - image zoom component for Vue.js 2 & 3, that also works on touch devices.
  • vue-advanced-chat - Feature-rich and fully customizable chat rooms component. Support files, images, videos, audio, emojis, customised actions, etc.
  • vue-word-highlighter - The word highlighter library for Vue 2 and Vue 3.
  • vue3-emoji-picker - Simple and Powerful Emoji Picker for Vue3.
  • vue-magnifier - Vue 3 image zoom component.
  • vue-web-terminal - ๐Ÿ’ป A feature-rich and powerful web terminal plugin for vue2 & vue3.(ๅŠŸ่ƒฝๅผบๅคง็š„็ฝ‘้กตๅ‘ฝไปค่กŒ็ปˆ็ซฏๆ’ไปถ)
  • vite-plugin-vue-preview - a vite plugin for code preview, of course you can also use the component separately
  • Everright-filter - A query builder component for Vue3. Supports filtering of multiple data types, including string, number, dropdown, cascade, region, date, and time.
  • @kolirt/vue-web3-auth - ๐Ÿ’Ž Web3 authentication for Vue3 apps based on WalletConnect v2 and wagmi
  • zoom-image - A little yet powerful framework agnostic library to zoom image on the web
  • vue-wheel-spinner - A simple, customizable wheel of fortune component. See Demo

Tabs

  • vue-lumino - A component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating DOM & VDOM through event listeners and Vue reactivity system.
  • vue3-tabs-chrome - A Vue3 component for Chrome-like tabs.

Form

Let the user create & edit data

Phone Number Input Formatter
Picker
  • vue-scroll-picker - A scroll picker component for Vue 2.x. Support all gestures of mouse(also wheel) and touch.
Generator
  • form-create - Form builder with dynamic rendering, data collection, validation, and submission capabilities, supporting json data
  • vue3-otp-input - A fully customizable, OTP (one-time-password) input component built with Vue 3.x and Vue Composition API.
  • Vueform - (probably) the most comprehensive form builder for Vue.js Online Demo
  • Everright-formEditor - A visual drag-and-drop low-code form editor
Date Picker

Date / datetime / time Picker

  • vue-flatpickr-component Vue.js component for flatpickr datetime picker
  • VCalendar Very customizable and powerful calendar/datepicker component with many features and good documentation.
  • vue-datepicker - A clean & responsive datepicker with Material Design style for Vuejs 2.x. (date/month/quarter && date range picker) ๐Ÿ†•
Select
  • vue-select - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
  • vue-multiselect - Universal select/multiselect/tagging component for Vue.js.
  • v-region - A simple region selector, provide Chinese administrative division data.
  • v-selectpage - A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server-side resources supports.
  • vue-cool-select - Bootstrap / Material Design theme, support slots, autocomplete, events, validation and more.
  • vue-select-sides - A component for Vue.js to select double-sided data (2-sides).
  • @vueform/multiselect - Vue 3 multiselect component with single select, multiselect and tagging options.
  • vue3-select-component - Vue 3 Select Component, single & multi-select, best-in-class DX support with TypeScript end-to-end typesafe, easy styling, slots and more ~4.4KB
Drag and Drop
  • vuedraggable-plus - Vue component allowing drag-and-drop sorting module, support Vue>=v3 or Vue>=2.7. Based on Sortable.js.
  • vue-draggable-resizable - Vue2 component for draggable and resizable elements.
  • vue-smooth-dnd - Vue wrappers of smooth-dnd library. drag and drop, sortable library covering for many cases.
  • vue3-dnd - React DnD in Composition API implementation, Use the Composition API for sortable and free draggable, Supported Vue2, Vue3.
  • sortablejs-vue3 - A Vue 3 component acting as a thin wrapper around SortableJS
  • vue-fluid-dnd - A Vue 3 drag and drop, sortable, dependency-free library with cool animations, a easy to use api using vue composables.
Type Select

Let the user select a tag / something while typing

  • v-distpicker A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
  • v-image ๐Ÿ“ท Tiny little component for input type=file (< 1kb, gzipped)
Color Picker
  • radial-color-picker - Minimalistic color picker with a focus on size, accessibility and performance.
  • vue-color-input โ€“ Vue 3 color picker component whose goal is to replace <input type="color">
  • vuetify-color-field - Vuetify Color Field is a Vuetify VTextField Color Picker Component
Switch

Switch / on/off toggle / checkbox

  • vue-toggles - A highly customizable and accessible toggle component
  • @vueform/toggle - Vue 3 toggle component with labels, custom slots and styling options.
  • vue-collapsed - Vue 3 CSS height transition from any to auto and vice versa. Accordion ready.
Masked Input
  • vue-r-mask - Directive with template similar to javascript regular expression.
  • vue-currency-input - Easy input of currency formatted numbers for Vue.js.
  • vue-input-facade - A lightweight and dependency free input masking library created specific for Vue, originally a fork of the famous vue-text-mask but actively maintained and with lots of improvements after there.
Rich Text Editing
  • vue-froala-wysiwyg - Official VueJS plugin for Froala WYSIWIG HTML Editor.
  • vue-trix - Simple and lightweight Trix rich-text editor for Vue.js
  • tiptap - A renderless and extendable rich-text editor for Vue.js
  • ckeditor5-vue - An official CKEditor 5 rich text editor component for Vue.js.
  • vue-quilly - ๐Ÿชถ Tiny Vue 3 component, that helps to create Quill v2 based WYSIWYG editors.
Image Manipulation

Edit images

Display images

  • TwicPics - Components replacing img and video tags with lazy loading, CLS optimization, and progressive loading out-of-the-box and enabling media optimization and manipulation.
File Upload
  • vue-upload-component - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
Context Menu
  • vue-simple-context-menu - Simple context-menu component built for Vue. Works well with both left and right clicks.
Miscellaneous
  • vue-poll - A Vue.js component for voting
  • vue-diagrams - Diagram component for vue.js, inspired by react-diagrams
  • vue-simple-password-meter - Lightweight password strength meter with no dependency
  • v-use-places-autocomplete - ๐Ÿ“ Vue composable for Google Maps Places Autocomplete.
  • vuetify-inline-fields - Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.
Wizard
  • vue-stepper-component - A fully customizable Stepper component with Vuex support and Zero dependencies.
  • vue3-form-wizard - Vue3-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.

Canvas

  • vue-konva - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
  • vue3-signature - A electronic signature component for Vue 3
  • vue-signature - A electronic signature component for Vue2.x

Link Preview

  • link-prevue - Flexible component for generate a link preview.

Tour

UI Utilities

Event Handling

Handling of user events (scroll, click, key strike, ...)

  • vue-global-events โ€“ A component to handle global events (like shortcuts) using Vueโ€™s event modifiers
  • vue-tabevents โ€“ Easy communication between other opened tabs
  • vue-exit-intent - โœจ Vue Composable to handle user's Exit Intent.

Responsive Design

  • vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.

Form

  • Form Builder - Json template based form builder, based on Vue and Laravel.
  • vue-autofocus-directive - Vue autofocus directive.
  • FormKit - Vue 3 form development. 10x faster. Form inputs, validation, submission, error handling, generation, accessibility, theming, and more.
  • vrf - Declarative scalable ui-agnostic markup-based Vue forms.
  • tracked-instance - Build large forms and track all changes.
Validation
  • vee-validate - Simple Vue.js input validation plugin.
  • vuelidate - Simple, lightweight model-based validation for Vue.js.
  • FormVuelar - Vue form components with server-side validation in mind
  • vue-final-validate - Vue validation solution from my development experience, support nested, async.
  • @vuito/vue - Simple, lightweight, isomorphic, and template-based validation library.
  • vue-tiny-validate - Tiny (2.5KB minified) Vue Validate Composition.
  • vest - ๐Ÿฆบ Declarative form validation framework inspired by unit testing.
  • vorms - Vue Form Validate with Composition API.

Resize

  • vue-not-visible - Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.

Scroll

Virtual scrollbar

  • vuescroll - A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.

Detect when components enter viewport

Routing

Lazy Load

  • vue-lazy - Lightweight Image/Picture lazyload based on Intersection API
  • vue3-lazyload - Vue module for lazy-loading images in your vue 3 applications.

Pagination

Animation

  • vue-animate - A Vue.js port of Animate.css. For use with Vue's built-in transitions.
  • v-odometer - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.
  • vue-slide-up-down Like jQuery's slideUp / slideDown, but for Vue!
  • vue-kinesis A set of components to create interactive animations
  • vue3-lottie A component for importing and displaying Lottie animations in Vue 3
  • @morev/vue-transitions Transitions library for Vue 2 and 3 with no CSS needed
  • @formkit/auto-animate Add motion to your apps with a single line of code
  • blottie Lottie component for Vue 3
  • vue-countup-v3 A Vue 3 Component for animation counting.

Meta Tags

Manage meta information in the document head

Portal

Move a DOM node to a target DOM node

  • Official: Vue Teleport
  • portal-vue - A Vue Plugin to render your component's template anywhere in the DOM (Works on the virtualDOM level, doesn't move nodes within the DOM)

SVG

  • vue-svgicon - A tool to create svg icon components. (vue 2.x).
  • 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. (vue 2.x, vue 3.x)

Miscellaneous

  • v-github-icon - easily add "that" tiny GitHub icon on the right/left corner of your Vue components/libraries demos' ๐Ÿค™

WebGL

  • VueGL - Vue.js components rendering 3D graphics reactively via three.js
  • vue-displacement-slideshow - A Vue.js component that makes Webgl image displacement transitions easier.
  • TresJs - Declarative ThreeJS using Vue Components
  • Cientos - Collection of useful helpers and fully functional, ready-made abstractions for TresJs
  • trois - โœจ ThreeJS + VueJS 3 + ViteJS โšก

Fullscreen

  • vue-fullscreen - A simple Vue component for fullscreen, support Vue2 and Vue3.

Printing

  • vue-to-print - Print Vue 3 components in the browser. Supports Chrome, Safari, Firefox and EDGE.

Utilities

Utilities not directly related to the UI

  • vueuse - Collection of essential Vue Composition API utils works for Vue 2.x and 3.x.
  • vue-concurrency - library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.
  • vue-macros - Explore and extend more macros and syntax sugar to Vue.
  • unplugin-vue-components - ๐Ÿ“ฒ On-demand components auto importing for Vue.
  • unplugin-auto-import - Auto import Vue APIs on-demand for Vite, Webpack and Rollup.

Typescript

  • vue-facing-decorator - Vue 3 typescript class component decorators, like vue-property-decorator in Vue 2.

HTTP Requests

Retrieve data over HTTP

  • vue-async-computed - Async computed properties for Vue.js.
  • vue-api-query - Elegant and simple way to build requests for REST API.
  • vue-request - โšก๏ธ Vue 3 Composable for data fetching, supports SWR, polling, error retry, cache request, pagination, and other cool features.
  • swrv - Stale-while-revalidate data fetching for Vue.
  • vue-vroom - A plugin for REST APIs, that lets you quickly generate type safe stores and a mock API with minimal config.
  • tanstack-query - Powerful asynchronous state management.

i18n

Internationalization / L10n / localization / translation

  • vue-i18n - Internationalization plugin for Vue.js.
  • vscode-vue-i18n-ally - VSCode extension for better Vue-i18n experiences.
  • v-intl - Global Intl wrapper for your awesome Vue 3 app ๐Ÿ”‰
  • v-google-translate - A component that use google translate to internationalize your Vue.js app.
  • fluent-vue - Internationalization plugin for Vue.js (2 and 3). Vue.js integration for Fluent.js - JavaScript implementation of Project Fluent
  • vue-next-i18n - A lightweight internationalization plugin for Vue 3.
  • tolgee/vue - Web-based localization tool enabling users to translate directly in the Vue 3 app they develop.
  • intlify/vue-i18n-next - Vue I18n for Vue 3.

Custom Events

Persistence

LocalStorage etc.

State Management

  • pinia - ๐Ÿ Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support.
  • effector โ€” Fast and powerful reactive state manager. Effector lets you write simple, fast and type safe code and manage reactive state with ease.
  • v-bucket - ๐Ÿ“ฆ Fast, Simple, and Lightweight State Management for Vue 3.0 built with composition API, inspired by Vuex.
  • vue-datatable-url-sync - Synchronize datatable options and filters with the url to keep user preference even after refresh or navigation
  • harlem - Simple, unopinionated, lightweight and extensible state management for Vue 3
  • exome - Simple proxy based state manager for deeply nested states.
Mobx
  • mobx-vue-lite - Lightweight Vue 3 bindings for MobX based on Composition API.
Pinia
  • pinia-xstate - Put your xstate state machines into a global pinia store.
  • pinia-orm - The Pinia plugin to enable Object-Relational Mapping access to the Pinia Store. ๐Ÿ
  • pinia-persistedstate-2 - Persist and rehydrate your Pinia state between page reloads.
Authentication/Authorization
  • vue-auth-href - A VueJS directive for downloading files that are under a protected route schema
Vuex Utilities
  • jsonapi-vuex - Use a JSONAPI api with a Vuex store, with client-side restructuring/normalization of records.
  • vuex-masked-modules - A Vuex plugin put data structure of the module in localStorage, with the ability to mask or encrypt the data to make it difficult to explore. Designed for Vue 3 and Vuex 4.

GraphQL

  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • apollo-vue-devtools - Apollo integration for Vue-Devtools to inspect GraphQL queries in the vue-devtools timeline

Code Style

Improve readability of code

CSS

  • fela-vue - CSS-IN-JS mixin for Vue designed for flexibility yet team-oriented.

Asset Management

Utilities for building / compiling / bundling / loading assets

Page Navigation

  • vue-page-stack - Routing and navigation for your Vue SPA. Vue ๅ•้กตๅบ”็”จๅฏผ่ˆช็ฎก็†ๅ™จ

Miscellaneous

  • vue-live - A component to demo components, inspired by react-live.
  • vue-safe-html - Vue.js directive which renders sanitised HTML dynamically.
  • @skirtle/vue-vnode-utils - Helper functions for working with slot VNodes inside render functions in Vue 3

Web Sockets

Payment

Payment utilities.

Stripe

Integrations

Integrate with services or other frameworks

  • vue-recaptcha - Google reCAPTCHA component for Vue.js
  • vuefire - Firebase for VueJS and Vuex
  • vue-postgrest - Vue.js integration for postgREST: flexible, powerful and easy to use.
  • vue-tweet - Vue 3 component that let you embed tweets in your App by only giving the tweet id
  • vue-tg - Telegram Web Apps integration for Vue 3.

Vue CLI Plugins

Google Analytics
  • vue-gtag - Global Site Tag plugin for Vue

Dev Tools

  • Storybook - The UI Development Environment. works with v3.2+ later.
  • Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
  • Bit - Manage and reuse vue components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects.
  • Vue Mess Detector - A static code analysis tool for ๐Ÿ‘‰ detecting code smells and best practice violations in Vue.js and Nuxt.js projects

Inspect

Inspecting & debugging

  • devtools - Chrome devtools extension for debugging Vue.js applications.
  • vite-plugin-vue-inspector - jump to editor source code while click the element of browser automatically.

Docs

Create documentation

  • Vuex CheatSheet - Complete Interactive Vuex API.
  • vue-styleguidist - A style guide generator for Vue components with a living style guide.
  • vuese - One-stop solution for vue component documentation.
  • Vue Cheatsheet - The only Vue cheatsheet you will ever need

Test

  • vue-hubble - A better way to select elements for UI testing in Vue.
  • Vue Testing Library - Simple and complete testing utilities that encourage good testing practices. Based on DOM Testing Library and built upon the official Vue Test Utils.
  • jest-serializer-vue-tjw - Improved formatting of Jest Snapshots
  • vitest - Next generation testing framework powered by Vite.

Source Code Editing

Text editor plugins

Vim
  • Vim Vue - Syntax Highlight for Vue.js components.
Visual Studio Code
Intellij
Emacs
  • Vue Mode - Emacs major mode for vue.js.

Scaffold

Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator

  • Vite - Next generation frontend tooling. It's fast!
  • Create Vue
  • vuesion - Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
  • ScaffoldHub.io - Generate full Vue applications with SQL, MongoDB or Firebase Firestore databases.
  • VuePlay - Generate disposable Vue playgrounds in seconds. Allows you to test things quickly.
  • Mevn-CLI - Light speed setup for MEVN stack based apps.
  • vue-enterprise-boilerplate - An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.
  • vue-starters-directory - Search for available scaffold projects and starter kits for VueJS. Features search and github stats are available.
  • Vue3-SPA-starter-template - A starter kit with Router, Pinia, i18n, Stripe, Event Bus, SEO meta and schema tag handling, and more.
  • vue-x-platforms - Vue running on Web, iOS, Android and Vision Pro.
  • mevn-boilerplate - โญ๏ธ the most comprehensive mevn stack boilerplate. โญ๏ธ mongodb - express - vue 3 (admin dashboard) - nodejs - nuxt 3 (client) boilerplate (pinia, tiptap, slug, vuetify and vuexy and more...) ๐ŸŽ‰

Universal

Render Vue application to HTML on the server and to the DOM in the browser

Electron

  • electron-vite-template - A modern desktop application project template with Vue 3, Vite & Electron. It's fast!
  • Vutron - Quick start templates for Vite + Electron + Vue 3 + Vuetify + TypeScript.
  • electron-vite-vue - Really simple Electron + Vite + Vue boilerplate.

Prerendering

  • vue-genesis - ๐Ÿ”ฅMicro front end, micro service and lightweight solution based on Vue SSR๐Ÿ”ฅ


CC0

About

๐ŸŽ‰ A curated list of awesome things related to Vue.js

Resources

Readme

License

MIT license
Activity
Custom properties

Stars

72.4k stars

Watchers

2.1k watching

Forks

9.5k forks
Report repository

Releases

No releases published

Sponsor this project

Packages

No packages published

Contributors 2,194
+ 2,180 contributors