Skip to content

🎉 A curated list of awesome things related to Vue.js

License

Notifications You must be signed in to change notification settings

VueMue/awesome-vue

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


logo of vue-awesome repository

Awesome Vue.js Awesome

A curated list of awesome things related to Vue.js

Resources

Official Resources

External Resources

Job Portal

Community

Conferences

Podcasts

Youtube Channels

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

Projects Using Vue.js

Open Source

  • PageKit - Modular and lightweight CMS built with Symfony components and Vue.js.
  • npmcharts.com - Compare npm packages and spot download trends.
  • Koel - A personal music streaming server that works.
  • Raven Reader - Simple RSS Reader made using atom electron and vue.js.
  • Gokotta - A simple music player built by electron and vue.
  • CoPilot - An admin portal based on AdminLTE with vue.js integration.
  • Retrospectify - A simple tool for doing collaborative retrospectives in agile teams.
  • jade-press - Cms based on mongodb, nodejs, koa, vue and more.
  • astralapp - Organize Your GitHub Stars With Ease.
  • EME - An Elegant Markdown Editor.
  • Github-explorer - A spa which can help you check your github in a better way.
  • Hotel - Start your dev servers from your browser and get local domains in seconds.
  • Surfbird - A Twitter client written with modern web technologies.
  • Approach0 - A math-aware search engine.
  • Flox - Self Hosted Movie, Series and Anime Watch List.
  • JavaScript Guessing Game - A game for identifying JavaScript tools and libraries.
  • vue-ghpages-blog - A blog based on GitHub pages by Vue.js 2 + Webpack 2.
  • Vuedo - Blog platform, built with Laravel and Vue.js.
  • vue-music163 - A Vue.js project for music.
  • Tomato5 - Real-time collaboration tool, it combines Pomodoro Technique with a team status share board.
  • Web Learn - A service which provides simple access to thousands of video tutorials on web developing and programming.
  • ExcelJSON - A tool to convert CSV, TSV to/from JSON.
  • Materialize-blog - A material blog built with Laravel5.3 and Vue2.x.
  • VueComponentGenerator - Generate vue single file component on browser.
  • SDR News - News for web designers and developers aggregated from multiple sources (Reddit, Hacker News and Prominent Blogs).
  • PJ Blog - Open source blog built with Laravel and Vue.js.
  • Lulumi-browser - Lulumi-browser is a light weight browser coded with Vue.js 2 and Electron.
  • vue-wordpress-pwa
  • OpenAPI 3 viewer - Browse and test a REST API described with the OpenAPI 3.0 Specification
  • Stacer - Linux System Optimizer and Monitoring
  • Distrochooser.de - An orientation guide for Linux beginners
  • Buka - EBook Management
  • Docute - A framework for writing documentation without build process
  • pm86 - Production process manager for Node.js apps Websites
  • vms - A Vue.js 2.0 Management System
  • nativescript-vue - A Vue.js implementation of the NativeScript renderer.
  • piper - A drag-and-drop mobile website builder base on Vue.
  • mmf-blog-vue2 - A blog based on Vue2(Vue-router, Vuex) and Webpack2.
  • Media Manager - Web File Manager.
  • dyu/bookmarks - A self-contained, self-hosted bookmarking app powered by leveldb, built with Vue2.1.x.
  • JSON Schema Editor - An intuitive editor for JSON schema. Develop with Vue.js 2 and Firebase.
  • npm-stats - npm package download statistics dashboard
  • vue2-admin-lte - a project that converts AdminLTE to work with Vuejs (v2.x).
  • Dockeron - A project built on Electron + Vue.js for Docker on desktop.
  • Flamme - An open source Tinder desktop client built with electron and Vue.js for educational purposes
  • Goldfish - A HashiCorp Vault UI built with VueJS, Golang, and Bulma CSS
  • promptie - A framework written in Vue.js for creating command-line like interfaces in web browsers.
  • Hare - 🐇 Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
  • Paper-Dashboard -Creative Tim Paper Dashboard made for Vue
  • AdminLTE-VueJS2 - An open source project that implements VueJS (v2.x) on AdminLTE.
  • Material Dashboard - Creative Tim Material Dashboard made for Vue
  • Explore-Github - VueJS 2 Github Explorer Using API v3
  • CoreUI Vue Admin Template - Open Source Admin Template powered by Vue.js
  • ChuckNorris - Chuck Norris Jokes Generator built with VueJS + api.chucknorris.io
  • LeafPlayer - A simple and fast, privately hosted music streaming server.
  • JSON Editor - A schema-aware JSON editor. Develop with Vue2.
  • Voten - A Reddit-like platform built with Vue2 and Laravel.
  • News Weaver - A web based RSS Reader/Aggregator made using VueJS and VuetifyJS
  • Wake Up Billie Joe! - A web site countdown to October, based on Green Day's song Wake me up when September Ends. Created using Vue and Firebase.
  • Astrum - A lightweight pattern library designed to be included with any web project.
  • vue2-pwa-vision - A Face Detection Google Cloud Vision with Vue2 + Vuetify + Progressive Web App
  • vue2-pwa-rekognition - A Face Detection Amazon Rekognition with Vue2 + Vuetify + Progressive Web App
  • AmmoBin.ca - meta search site for online ammo prices across Canada
  • SPA-asp.net-api-vuejs- - A Vue.js single page application for basic task Management & messaging using ASP .NET Webapi 2 and SQL server
  • Book-Trading-Club - Trade or loan books with other book readers in your area. Built using nodejs and vuejs2
  • 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
  • vue-pwa-speech - A Speech to text With Google Cloud Speech on Vue2 + Vuetify + Progressive Web App
  • vue-speech-streaming - A Performing Streaming Speech Recognition results in real time Speech To Text with Google Cloud Speech + socket.io on Progressive Web App
  • My Animation List - A tool to easy get css animation code
  • vue-input-streaming - A TextInput Streaming RealTime And Two Way Data Binding Broadcasting with Pusher
  • TidyTab - A Chrome extension for tidying up those tabs.
  • peregrine-cms - A Vue.js and Apache Sling based head-optional CMS
  • concept-to-clinic - Lung cancer prediction project with Vue.js interface
  • grid-awesome - Generate boilerplate css for grid layouts using the css display: grid; property.
  • Light Bootstrap Dashboard - Creative Tim Light Bootstrap Dashboard made for Vue
  • Hubaga - A free and lightweight WordPress eCommerce plugin for developers and other digital shops.
  • vue-webpack-buefy - Vue.js starter with full-featured Webpack and Buefy
  • Coypu - Text-editor-like weekly planner
  • core-server - Highly scalable VueJs framework with an integrated API system, and multiple advanced features.
  • discord-logo - A Vue.js animated discord logo generator based on SVGs. (Github Page)
  • node-vue-template - A starter template for building complete application using Node.js (API) and Vue.js (SPA) with some included packages and configurations to help start the development quickly.
  • vue-storefront - Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.
  • fd-vue - Vue.js client for an IoT framework
  • wildfire - A drop-in replacement for other comment plug-ins.
  • Ride Receipts - Simple automation desktop app to download and organize your tax invoices from Uber and Lyft.
  • vue-chrome-extension-boilerplate - Boilerplate for Chrome extension using Vue.js and Webpack
  • TimeMark - A Time manager which will can record your time and some more function will be developed.
  • Laravel Enso - SPA Admin Panel built with Bulma, VueJS and Laravel, packing lots of features out of the box.
  • Code Notes - A simple code snippet manager for developers built with Electron & Vue.js.
  • Pomotroid - Simple, visually-pleasing and customizable Pomodoro timer.
  • XMR Miner - Cryptocurrency (XMR) mining app, built with Vue.js and visualized with D3
  • XMR Paper - Monero wallet generator, built with Vue.js
  • JoyProxy - Chrome extension for handling proxy settings
  • activity-automation - Manage daily activities and get reports on timely basis.
  • jsettlers-web - Popular German board game to build hexes, settlements, cities, roads with earned resources
  • Tamiat CMS - Tamiat is a front-end focused CMS, uses Vue.JS as the frontend and integrates with Firebase for the backend functionality.
  • vuegg - vue GUI generator: Create mockups and code in one go! It leverages the creation of pages, components and styles with its visual editor. Generate all scaffolding code for your next vuejs project.
  • Podlove Web Player - Podcast-optimized, HTML5-based audio player featuring chapters, transcripts and embedding.
  • Leo Vue - Use the open source Leo outlining editor/IDE to create webapps with nested menus, with support for Vue components in content.
  • Deezer-Vue - Deezer client built with Vue\Vuex
  • Vuep.run - Online SFC editor for Vue
  • V·oogle - Google.com, reVued
  • Pomidorus - Pomodoro time tracker build using Vue and D3 🍅
  • Hubble - 🔭 Travel through GitHub Stars' history.
  • Vuepress - Minimalistic Vue-powered static site generator
  • Socialhome - A federated rich profile builder with social networking features
  • GenVue - a hostable, web application that lets confidential users upload and share private files build on Vue.js, Vuetifyjs and NetCore WebAPI stack
  • vue-array - Array object operation under Vue, Array object operation under Vue Use this package to manipulate the array. Vue can monitor the changes in the array
  • Laqu-l - A complete App starter kit with Quasar Framework, GraphQL API backend with OAUTH 2.0 authentication, Firebase ready, multilanguage capability and more.
  • Protovue - A prototyping component library that helps designers and developers quicky scaffold an abstracted app layout.
  • Chattier - SPA social network built with Laravel 5.6, Vue.js 2, and Bulma (Buefy components + Bulmaswatch themes). Also uses JWT authentication.
  • 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.
  • Modular Genealogy - Genealogy / family tree management system using Laravel 5.7, Vue.js 2.5 and various components. Work in progress.
  • Minimal Notes - Web app build with Vue.js
  • Roast - An app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + 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.
  • sysmon - A B/S mode system monitor for Linux. You can remotely watch the usage of your system resources via web browser everywhere.
  • eth-vue - A Truffle Box that provides everything you need to quickly build Ethereum dApps that have authentication features with Vue.js, including configuration for easy deployment to the Ropsten Network. It's also Gravatar-enabled.
  • Nippon-color - Inspired by nipponcolors dot com. This is a nippon-color PWA build with vue-cli 3.
  • Saleina CMS - A static site content management system built with vue using git as a backend.
  • Vuido - A framework for creating native desktop applications. It can run on Windows, OS X and Linux, using native GUI components.
  • YouGet - YouTube Video/Audio/Subtitle Downloader + Cutter
  • Vue Pug Stylus - Vue + Pug + Stylus boilerplate 💚 🐶 🖌
  • Crypto News - allows you to convert cryptocurrencies, view latest news and exchange rates for each ICO – all the data from the world of cryptocurrencies in one place.
  • Epiboard - A new tab page extension with material design and useful features 🆕 🎉
  • zhudyos/duic - Distributed configuration center 🆕
  • Vuemmerce - Free ecommerce template built with Vue.js and Bulma framework 🆕
  • Nucleus - Vue startup application template that uses ASP.NET Core API layered architecture at the back-end and JWT based authentication
  • Carpoolear - The open source Vue.js frontend (mobile and cordova app) for the argentinian carpooling application: Carpoolear
  • Statusfy: Statusfy is a Status Page System, easy to use and completely Open Source.
  • DynamoDb-GUI-Client: Cross-platform GUI client for DynamoDb
  • RosterWebApp - Open source rostering web application which allows the rostering of employees/teams to work sessions and other features.
  • Vue E-Store Templet - An e-commerce templet 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.
  • MATH_BOT - Learn math by programming a robot.
  • Vue Crossword - A Vue.js based crossword puzzle builder and filler front-end application. Built with CodeSandbox.
  • Vue Org Chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required.
  • Beep - Account Security Scanner built with Vue.js and Ionic 4
  • Vue CRUD - Vue.js based REST-ful CRUD system. Vue CRUD allows you to easily create fast applications such as CMS or CRM.
  • Vue HQ Admin Dashboard – A modern admin dashboard powered by Vue, Sass, Firestore, and Netlify.
  • MToDo - Mini To Do Lists with simple auth built with Vue.js and JSON Server as data mock. Great as reference for anyone that finding reference about real world Vue.js
  • FireX Proxy - FireX Proxy is the user's trusted Chrome and Firefox browser extension that allows you to unblock any website and browse the web privately and securely. 🛡
  • VueSolitaire - Solitaire (spider,klondike) imlemented in Vue.js.
  • Thermal - One stop to all Git repository.
  • QMK Configurator - QMK Firmware Keyboard Configuration UI in Vue.js.
  • Eplee - Sweet, simple epub reader made with Vue.js and Electron.js.
  • vue-realworld-example-app - Exemplary fullstack Medium.com clone
  • 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
  • ETCD Manager - A modern, efficient and free multi-platform ETCD GUI app based on Electron and VueJS.
  • Idea Re-Vue - Social Ideation Platform to Create, Manage and Brainstorm Ideas in a fun, visual way. Built on the top of VueJS and Vuetify using Firebsae as a backend
  • 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.
  • VueFront - CMS Agnostic PWA & SPA. Modernize your Wordpress websites in less than 5 min
  • Mockup-server - Mockup-server is easily create server from local directory.
  • 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)
  • super.ba - RSS News aggregator built with Vue.js, Ant Design of Vue (antdv) and NodeJS.
  • Rapido - Rapido is software to make a website. Rapido is fast, easy to use and respectful of your privacy.
  • miniPress - Yet another static site generator
  • Zeithub - Open source time tracking, invoicing & expenses management for freelancers
  • 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
  • Marked.cc - 📝 Create and share beautiful images of your notes and prose.
  • LeagueStats - Statistics website for players of the online game League of Legends.
  • Veniqa - An E-commerce solution with a shopping client and admin panel written in Vue.
  • tato music player - A mobile first, handwritten, responsive web app for music fans written in Vue and Vuetify.
  • Sheiley Shop - PWA to track personal purchases, No more paper and pencil to go to the supermarket 🏬 Vue and Vuetify
  • Afterman - 🌕 Create beutiful docs in markdown and HTML from postman collection. Using Quasar Framework
  • Greenpress Admin Panel - The Admin panel of Greenpress, a fully-operative open-source for creating blogs and content websites.
  • Greenpress Blog-Front - The frontend application service of Greenpress, a fully-operative open-source for creating blogs and content websites.
  • Movie Paradise - A responsive movie preview web app built by Vue and Vuetify
  • Pathfinding Visualizer ThreeJS - A visualizer for pathfinding algorithms in 3D with maze generation and first-person view
  • Agile Visitors - Application for registering employee entries with the possibility of generating reports, validating and storing users with minimal effort.
  • Pexelry - Application that leverages the pexels api to enable you find beautifull photos and pictures.
  • karrot-frontend - Web application for organization of foodsaving groups worldwide.

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.
  • Teleo - Team collab-app moving effortlessly between talking, planning & doing
  • 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.
  • OSHCExpress - A comparison and ecommerce for OSHC (Overseas Student Health Cover) insurance (Australia's insurance for international students).
  • 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.
  • Mongster - Connect your Mongo DB nodes into one cluster within a control panel.
  • Leave Dates - A powerful new way to track your staff leave.
  • Time Door - A time series analysis API
  • vREST NG - An enterprise application for Automated API Testing, built with VueJS and Element UI.
  • ScaleChamp - multi-cloud managed databases provider with Hetzner, AWS, Linode, IBM, Azure, Scaleway, Alibaba Cloud, DigitalOcean, GCP and UpCloud support

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
  • SlugSurvival - A webapp that helps student better plan their courses (hobby project, not in affiliation with UCSC).
  • GitRelease - Track github project's new release on mac menubar using vue.js with electron.
  • 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
  • Booknshelf - Discover great books and bookshelves on different topics.
  • Euronews - Euronews is a multilingual news media service, headquartered in Lyon, France.
  • Roozame روزامه� - Roozame is a Persian smart news media service.
  • Koumoul
  • NinjaCalc - A suite of embedded engineering related calculators, built as an open-source single-page app with vue.js.
  • Vue.js Feed - The latest Vue.js news, tutorials, plugins, and more. Made with Vue.js and Laravel.
  • 蒜瓣 - A web app developed with Vue2.0 and Douban API
  • 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
  • Easy Mock
  • mmf-blog-vue2-ssr - A blog built with Vue 2.0, vue-router & vuex, with server-side rendering
  • 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
  • Flash-Vue - ‘Flashcards of the Future’ bring learning everywhere 🚀
  • Kinderbesteck - A full Online Shop SPA with Vue2.0, Vuex, Vue Router
  • n2ex - A vue ssr(nuxt) website, use v2ex API
  • Power Thesaurus - A crowdsourced online thesaurus
  • Chattanosy - A community-powered database of new things and places in Chattanooga, TN.
  • PAIXIN - A genuine picture sale website
  • CodeBottle - Drag-and-drop snippets to your projects
  • 1XBET - A betting company operating since 2007
  • MyOwnTV - A streaming website for creating internet television
  • CrowdCircus - Europe’s biggest crowdfunding- and crowdinvesting-aggregator
  • ابیات ناب پارسی - A collection of Persian poems
  • Ripplectron - Ripple(Blockchain coin) Wallet Desktop client for vue-electron
  • 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
  • brain bits - A P300 online spelling mechanism for Emotiv headsets
  • Coin Dashboard - The fully client-side cryptocurrency asset dashboard.
  • 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)
  • CodeDependencyScanner - A C# dektop application that display .Net assembly code dependencies build with Vue, Neutronium and D3.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.
  • Vuethwallet - A simple app generate ethereum wallet with vuejs.
  • 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.
  • Vuethexplore - A simple app explore ethereum blockchain with vuejs.
  • 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
  • TeaQuinox Tea Co -- ecommerce site that specializes in loose leaf tea.
  • blip - Test websites for speed, mobile-friendliness, security and the HTML5 doctype. Find businesses around a location and test their websites en masse, or just test your own URL.
  • 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.
  • Vue 资源精选 - great Vue components list, category, inline demo show and brief
  • Cronhub - Painless Cron Monitoring Tool
  • wrkprty - Pop-up coworking events for freelancers, remote workers, and professionals looking to get out of the office.
  • Made with love - The Made with Love ❤️ around the world, initiative is a movement to celebrate 🎉, promote 📣 and build a brand 👑. It feed Tech news, design inspiration and trends from over 💯 sources including Dribbble, ProductHunt, Behance and Techcrunch. 💝
  • Path to Product - Discover over 1,000 product jobs at startups and tech companies.
  • V·oogle - Google.com, reVued. A joke-project. :)
  • 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
  • Scrumpy - A Beautiful Project Management Tool for Agile Teams
  • 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 🙏
  • Configuration File Management - A simple way to manage your configuration files
  • Roast an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
  • YBR - Centralized YBS Public eComplaint Management System. (Full SPA)
  • Regex Fiddler
  • Myanpwel - The website of event ticketing platform.
  • CryptoArte - An Ethereum art collection, non-fungible token, and Dapp.
  • Muuviez - A movie discovery and tracking website with stylish design
  • NAGA VIRTUAL - NAGA VIRTUAL is the first independent virtual goods market.
  • Scroll.in - Scroll.in is an independent news, information, and entertainment venture.
  • Akunyi - Charity Website
  • What Would Mark Ruffalo Do? - Motivational website based on the story that Mark Ruffalo failed at several hundred auditions before finding success.
  • Brandy - brand assets manager for your menu bar.
  • NBC Sports - NBC Sports is a sports news website.
  • WITHIN - Extraordinary stories in Virtual Reality.
  • plottr.io - Plan your running and cycling routes
  • 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.
  • Rolodromo - A spanish website dedicated to tabletop RPG.
  • GitHubExplorer - Pure static page webapp for exploring GitHub. Using Vuejs and GitHub GraphQL API v4.
  • Keynote - Present with Vue.
  • 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
  • Kitty Ipsum - Generate lorem ipsum composed of "meow" in different languages.
  • Git Superstar - Count your git stars and top repositories.
  • DECS - The decentralised all-in-one workspace to manage code snippets and to protect sensitive data.
  • Asciiur - Internet's ascii art collection
  • Tapestri Designer - Free tool to design PCR primers for genome sequencing experiments (NGS)
  • Remote-Access-SSH - Web based remote host access with node-ssh
  • Map Marker Generator - A Free Online Tool To Generate Custom Map Icons On The Fly
  • 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.
  • Blurrish - Encrypted Morning Pages journal for Mac/Windows, built with Vue and Electron. Blurs as you write so you can journal in public workspaces.
  • ExifShot - What and how on photography, beautifully.
  • Studolog - Online file sharing platform for students, including tester and reviews. Currently in Czech 🇨🇿 only.
  • sum.cumo – Digital business models (with Vue as a tech stack centerpiece).
  • 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.
  • Wirenook - Free online app for building responsive website wireframes. Hi- and Lo- Fidelity, project sharing and svg download.
  • 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
  • mumbasket - an ecommerce website with laravel and vuejs
  • Fanmio - Meet your favorites celebrities through personal video experiences on Fanmio
  • OneConcern source
  • 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
  • Vue Spotify - Spotify client built with vue.js / vuex
  • temp-mail.io - Disposable temporary email service.
  • Best-movies.watch - A website which allows to watch movies online for free without sign up
  • Tune.pk - Tune.pk is one of the largest video sharing website with content from all over the world.
  • 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.
  • tato music player - A mobile first, handwritten, responsive web app for music fans written in Vue and Vuetify.
  • ChatterBoxes - For quick secret chat sessions
  • goonlinetools.com - 100% Free Online Tools site.
  • CMD Generators 命令行生成器 - Generate CMD by click buttons. Such as tar, ssh. 命令行参数多不熟悉? 点点按钮就能生成啦!
  • Portfolio Site - Olaolu Olawuyi, A Frontend developer and UX Engineer's portfolio site.
  • Portfolio Site - David Aji aka Ajiva is a Front End Developer with experience using frameworks like Vue and React to build "class" web apps.
  • 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.
  • Pexies - Pexies is a personal photo gallery built on pexels api. You can see curated/randomized pictures, and add them to your favourites.
  • Wammes Gifts - Wammes Gifts helps you find the perfect gift.
  • Back Home/回家 - A flight searching engine for the flights from oversea to China Mainland (and China to oversea) that still fly during COVID-19.

Interactive Experiences

Enterprise Usage

A11y

  • Vue A11y project - Vue.js community project to improve web accessibility.
  • vue-skip-to - It helps people who only use the keyboard to jump to what matters most.
  • vue-axe - Accessibility auditing for Vue.js applications.
  • vue-announcer - A simple way with Vue to announce any useful information for screen readers.
  • eslint-plugin-vue-a11y - Static AST checker for accessibility rules on elements in .vue
  • vue-focus-lock - It is a trap! A lock for a Focus. A11y util for scoping a focus.
  • vue-a11y-calendar - Accessible, internationalized Vue calendar.

Components & Libraries

UI Components

Table

Tables / data grids

  • vuetable-2 - Data table simplify.
  • vue-tables-2 - Vue.js 2 grid components.
  • vue-datasource - A vue.js server-side component to create dynamic tables.
  • ag-grid-vue - Vue adaptor for ag-Grid.
  • vue-data-tables - Vue2.0 DataTables, based on element-ui.
  • vue-floatThead - Vue 2.0 component for floatThead, a floating & sticky table header plugin.
  • vuetiful-datatable - Datatable component with sorting, filtering, pagination, grouping and aggregation.
  • vue-materialize-datatable - VueJS datatable for Materialize CSS
  • vue-good-table - An easy to use, VueJS (2.x) table plugin with sorting, column filtering, pagination etc.
  • vue-grid - A flexible grid component for Vue.js
  • vue-easytable - A powerful table components based on Vue2.x
  • vue2-datatable-component - The best Datatable for Vue.js 2.x which never sucks
  • vue-js-grid - Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering
  • vue-handsontable-official A Vue.js wrapper for the Handsontable spreadsheet component
  • vue-grid - A powerful flexbox grid system for Vue.js 2.x, built with inline-styles
  • vue-data-tablee - Based on vue-good-table, a simple and pretty table component
  • vue-scrolling-table - Simple table component with flexbox sizing, scrolled table body (horizontal and vertical), slots for all tr/th/td rendering.
  • el-search-table-pagination - Combines Form, Table and Pagination components of Element UI together. Based on Vue 2.x.(Detail)
  • 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
  • v2-table - A simple table component based Vue 2.x.
  • 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.
  • el-data-table - base on element-ui, makes crud easily
  • DevExtreme Vue Grid - High-performance plugin-based Vue data grid for Bootstrap.
  • vue-ads-table-tree - A vue Table component, with filtering, sorting and pagination. Rows can have child rows, so a tree structure can be build. It also supports async calls to load rows from the backend. It's built with the css framework tailwindcss
  • @marketconnect/vue-pivot-table - A vue component for pivot table
  • vue-teible - Lightweight and flexible table component for the web ⚡
  • vue-jqxgrid - Vue data grid with filtering, sorting, editing, grouping, data export and other features.
  • vue-jqxpivotgrid - Vue pivot data grid with pivot designer, drill through cells, pivot functions.
  • toast-ui.vue-grid - Vue Wrapper for TOAST UI Grid.
  • 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.
  • vue-sorted-table - A plugin to turn tables into sorted tables. Supports nested object keys, custom icons and reusable components.
  • vue-bootstrap4-table - An advanced data table based on Vue 2 and Bootstrap 4, which includes Multi column filtering, Multi column sorting, Pagination & Info, Checkbox rows and Highly customizable slot options.
  • vuejs-smart-table - Straight Forward Table Component using the vanilla HTML Table Structure with Sorting, Filtering, Pagination and Selection out of the box.
  • @myena/vue-table - Table Components for Client/Server data handling. Filter, sort, paginate, group, expanding details row. Highly customizible via slots for filter, headers, column, pagination, details row.
  • vue-jd-table - Advanced and flexible data table component for Vue 2. Feature Rich: search, filtering, exporting, pagination (traditional and virtual scroll) and so much more!
  • iview-table-page - Combines Table and Page components of iview UI together. Based on Vue 2.x. And Hear are some examples to use iview-table-page.
  • fancy-grid-vue - Vue adaptor for FancyGrid.
  • vue-table-dynamic - A dynamic table with sorting, filtering, editing, pagination, multiple select, etc.
  • vue-quintable - A responsive and highly configurable table based on Vue 2.x and Bootstrap 4.x
  • vue-grid-responsive - Responsive grid system based on Bootstrap for Vue 2.x.
  • vue-js-datatable - VueJS light weight wrapper datatable component for datatables.net
  • bee-grid-table -BeeGridTable , is a Highly Customizable Table UI component library based on Vue.js. Rich functions、More efficient、Easy to use!
  • vue-datagrid - Vue grid wrapper for powerful webcomponent revo-grid with excel like rich edit and behavior.

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

Progress Bar

A slim progress bar at the top of the page

Tooltip

Tooltips / popovers

  • v-tooltip - Easy tooltips with Vue 2.x.
  • vue-popper-component - Popper.js directive for Vue.js.
  • vue-directive-tooltip - Simple, flexible tooltip directive (based on Popper.js) Vue.js
  • vue-popperjs - VueJS 2.x popover component
  • vue-tooltipster - VueJS 2.x tooltip component. Support html content, hover and hover+click events.
  • k-pop - Simple popover component based on popper.js. Highly customizable. Comes with themes. Supports custom triggers and can listen to any event.
  • @adamdehaven/vue-custom-tooltip - A customizable, reactive, and reusable tooltip component for Vue that supports multiple use-cases, plugin options & props. Also works with SSR (e.g. VuePress).

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vuedals - A VueJS (2.x) Plugin for multiple modals windows with a single component instance.
  • sweet-modal-vue - The sweetest library to happen to modals. Now available for Vue.js.
  • vue-js-modal - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
  • vudal - Modal window for vue.js
  • vodal - A vue modal with animations.
  • vue-image-lightbox - A Vue image lightbox/gallery to display images nicely.
  • vue2-simplert - Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan Maulana
  • Vue-Semantic-Modal - Vue 2 Semantic-UI modal component without jQuery dependency
  • v-img - Easy to install image gallery.
  • vue-dialog-drag - Draggable dialog
  • vue-ya-semantic-modal - Yet another semantic-ui modal component for Vue2 without Jquery but with Vue transition
  • vue-pure-lightbox - Very simple lightbox plugin without any dependencies - only Vue! 🖼
  • v-viewer - Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js
  • vue-messagebox - Easy and made-to-order messagebox component on Vue.
  • vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
  • @hscmap/vue-window - Window UI Component for vue2.
  • vue-gallery - VueJS responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. Based on blueimp-gallery
  • vue-swal - A small wrapper for integrating SweetAlert to Vuejs. (Compatible with SSR)
  • vue-modal-dialogs - ✨ Promisify your own dialogs!
  • vue-img-view - a plugin for Vue.js, you can drag / view / rotate pictures anywhere
  • vue-modaltor - most advance configurable modal component for vuejs
  • v-modal-backdrop - A simple generic backdrop component for vue
  • vue-cute-modal - A simple and easy to use Modal component for Vue applications.
  • v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
  • vue-gallery-slideshow - Responsive gallery component for VueJS
  • vue-a11y-dialog - A Vue.js component wrapper for the accessible dialog a11y-dialog.
  • vue-slideout-panel - Stackable panel component for VueJS
  • v-gallery - A Vue2 plugin for images show in gallery or carousel
  • vue2-image-loader - A image lazyLoad loader component for vue2
  • vue-my-photos - A simple dependency-free image lightbox component with filtering capabilities
  • vue-img-orientation-changer - A Vue.js directive that automatically adjust your img to correct orientation.
  • vue-topmodal - A fully customisable, easy to use, Vue.js modal component. (Responsive, Stackable, Scrollable, Animated)
  • vue-modal 🖼 - Feed your objects array for multiple switchable modal content or quickly inline your content. A fully customisable vue modal component .
  • @innologica/vue-stackable-modal - Library for modal dialogs which can be stacked. Fully customizable and very easy to use.
  • vue-sweetalert2 - wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR
  • vue-modality - A really nice Vue.js modal component
  • vue-tinybox - a tiny (only 2.5 KB minzipped) and slick lightbox gallery. Optimized for both desktop and mobile.
  • vue-accessible-modal - A Vue.js accessible modal wrapper over your components.
  • vuetify-dialog - Dialogs easy to use with Vuetify.
  • vue-hawesome-modal - A Vue promisify modal component plugin based on Vuetify with Vuex.
  • xmodal-vue - 🚀 A simplistic and easy to use wrapper around your components that will help you create custom and dynamic modals, from your components.
  • @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.
  • vuesence-modal-window - Simple Modal window Vue.js component that takes care of overlay, centering, animation, outside click/Escape key/X-mark closing and allows you to concentrate on its content only.

Parallax

  • vue-parallax - Scrolls an image slower than the window to create a neat optical effect.
  • vue-parallaxy - Vue.js component for parallax image scroll effects.
  • vue-mouse-parallax - A simple to use Mouse Parallax Component - Made with Vue.js
  • vue-parallax-js - Tiny vue component that adds a directive for parallax effect on elements.
  • vue-parallax-view - Create a composite control that displays different images that react to the mouse movement to create a depth effect

Icons

  • vue-awesome - Font Awesome component for Vue.js, using inline SVG.
  • vue-material-design-icons - A collection of SVG Material Design icons as single file components.
  • vue-icon-font - A iconfont plugin for Vuejs (support Font-class and Symbol).
  • vue-ionicons - Vue Icon Set Components from Ionic Team.
  • vue-ico - Dead easy icons for Vue with drop-in browser support & selective bundling
  • mdi-vue - Material Design Icon components for Vuejs
  • vue-fontawesome - Font Awesome 5 Vue component
  • g-icon - Simple icon component for your svg icons (compatible with Font Awesome-like font toolkits)
  • vue-simple-line-icons - Simple Line Icons component for Vuejs
  • vue-country-flag - Vue component for country flag icons
  • vicon - Vicon is an simple iconfont component for vue.
  • md-svg-vue - Material Design Icons by Google for Vue.js & Nuxt.js (server-side support (with caching), inline svg rendering, official icon names)
  • vue-lang-code-flags - Vue component which shows the flag of the country from which the language comes from
  • vue-zondicons - Vue component for the beautiful Zondicon svg icons
  • vue-eva-icons - Simply beautiful open source eva icons as Vue components.
  • vue-unicons - 1000+ Pixel-perfect svg unicons for your next project as Vue components.
  • vue-fa - Simple FontAwesome 5 Vue.js 2 component.
  • vue-cryptoicon - Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon.
  • vue-hero-icons - A set of high-quality SVG icons, sourced from @refactoringui/heroicons, as Vue functional components.
  • vue-heroicons - Vue component for 104 premium Heroicons UI svg icons
  • vue-tabler-icons - Vue components for Tabler Icons SVG icons.

Marquee

Menu

Minus Plus Input

Carousel

  • vue-easy-slider - Slider Component of Vue.js.
  • vue-l-carousel - A responsive carousel(namely slider or swiper) component for Vue.js v2.x+.
  • vue-awesome-swiper - Swiper(slide) component for Vue.js(1.x ~ 2.x).
  • vue-lory - Vue Slider Component based on lory.
  • vue-slick - Vue component for Slick-carousel.
  • vue-flickity - A Vue Component for Flickity.js.
  • vue-carousel-3d - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js.
  • vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js.
  • vue-coverflow - A vue2.x coverflow component.
  • vue-agile – A carousel component inspired by Slick, written in Vue.js and vanilla JS only.
  • vue-tiny-slider – A carousel component created by ganlanyuan, written in Vue.js. No jQuery. Works in IE8+.
  • vue2-text-swimlane - A Text Swimlane plugin for Vue.js
  • vue-picture-swipe - Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe.
  • vue2-siema - Plugin wrapper for the very tiny Siema carousel/slider library.
  • vue-flux - Image slider which comes with 20 cool transitions.
  • vue-glide - Vue slider & carousel component on top of the Glide.js
  • vue-owl-carousel - Vue component for Owl Carousel 2
  • vueper-slides - A touch ready and responsive slideshow / carousel for Vue JS.
  • Hooper - Customizable accessible carousel slider optimized for Vue
  • Lingallery - Simple image gallery component for Vue which displays a large image with thumbnails below
  • vue-piece-slider - Animated slides in a fragmented look
  • vue2-photo-carousel - A photo carousel component for Vue2
  • vue-netflix-slider - A Netflix like slider.
  • vue-pswipe - Easy to use, no need to set the size, support rotation, photoswipe based vue swipe plugin
  • vue-cat-carousel - Lightweight, simple and customizable for Vue Js
  • @egjs/vue-flicking - It's reliable, flexible and extendable carousel for Vue.js 2.
  • slither-slider - Carousel for images, videos, or components. Throw pretty much anything you want at it.
  • vue-slick-carousel - A carousel with slick features & SSR support written for faster Luxstay
  • @jfm/vue-carousel - A Vue carousel component.
  • vue-snap - Lightweight Carousel based on Scroll Snap CSS
  • vuerollr - Mouseover gallery plugin for Vue.js. Supports image and video.
  • vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide.

Charts

  • vue-morris - VueJS component wrapping Morris.js.
  • vue-chartjs - Vue.js wrapper for Chart.js.
  • hchs-vue-charts - Based on Vue2.0 wrapper for ChartJs.
  • vue-echarts - ECharts component for Vue.js.
  • vuetrend - Simple, elegant spark lines for Vue.js.
  • vue-highcharts - Highcharts component for Vue.
  • vue-echarts-v3 - Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).
  • vue-chartist - Vue.js 2.0 component wrap for Chartist.
  • vuebars - Simple, elegant spark bars for Vue.js.
  • vue-d3-network - Vue component to graph networks using d3-force
  • vue2vis - Vue2 wrapper for Visjs.
  • vue-c3 - A reusable vue component for c3 charts
  • vue-d2b - Vue components for d2b charts. (Including axis, pie, sankey, and sunburst charts)
  • VueChart - A very simple Vue wrapper for Chart.
  • vue-chartkick - Create beautiful JavaScript charts with one line of Vue
  • d3vue - A D3 Plugin for Creating Reactive Data Visualizations in VueJS
  • vue2-frappe - A simple wrapper around Frappe Charts for VueJS
  • vue-google-charts - Reactive Vue.js wrapper for Google Charts lib
  • vue-graph - Data visualization library for dashboard implementation in Vue.js
  • vue.d3.sunburst - Reactive sunburst component based on D3.js
  • v-chart-plugin - A customizable component for adding D3 charts that binds to your components data.
  • vue-jqxchart - Charting component with Pie, Bubble, Donut, Line, Bar, Column, Area, Waterfall, Polar & Spider series.
  • toast-ui.vue-chart - Vue Wrapper for TOAST UI Chart.
  • vue-apexcharts - Vue.js component for ApexCharts.
  • vue-doughnut-chart - Doughnut chart component for Vue.js.
  • v-charts - Chart components based on Vue2.x and Echarts.
  • vue-css-donut-chart - Lightweight Vue component for drawing pure CSS donut charts.
  • vue-trend-chart - Simple trend charts for Vue.js
  • vueplotlib - Declarative, interactive, linked plot components
  • vgauge - A Vue Wrapper to GaugeJS - Create beautiful gauges
  • vue-plotly - Wrapper for plotly.js declarative charting library that ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps.
  • vue-funnel-graph-js - Funnel graph drawing library for Vue.js. Create vertical and horizontal animated SVG funnel charts and add labels, values, legend and other info.
  • pure-vue-chart - Lightweight vue charts implemented without any chart library dependencies
  • f2-vue - Vue wrapper of f2 - elegant, interactive and flexible mobile chart library
  • ZingChart-Vue - Vue component made by ZingChart with 35+ chart types.
  • jscharting-vue - Vue chart component offering a complete set of chart types and engaging data visualizations with JSCharting.
  • flowchart-vue - Flowchart & Flowchart designer component for Vue.js.
  • vue-d3-barchart - Small component to draw charts using d3.
  • vue3-highcharts - A Highcharts.JS wrapper component for Vue 3
  • echarts-for-vue - ECharts Wrapper Component For Vue 3 and 2

Time

Display time / date / age

Calendar

Display non-editable events in a Calendar

Map

Audio / Video

  • Vue-APlayer - 🍰 Easy-to-config music player for Vue 2.x.
  • vue-audio - audio-tag wrapper; sound player component for Vue 2.x
  • vue-dplayer - A Vue 2.x video player component based on DPlayer.
  • vue-canvasvideo - A Vue 2.x component for video backgrounds and autoplay video on iOS/Safari.
  • vue-music - A Vue component base on html5 <audio>.
  • vue-audio-visual - Vue HTML5 audio visualization components.
  • vue-plyr - A set of Vue components for the plyr video & audio player.
  • v-playback - A Vue2 plugin to make video play easier.
  • vue-audio-recorder - Audio recorder for Vue.js. It allows to create, play, download and store records on a server
  • vue-video-section - A simple video header/section component for Vue. Good for video backgrounds and overlaying content on them.
  • vue-waveform -It is use canvas waveform audio player wavesurfer component contains timeline bar line for Vue 2.x
  • vue-responsive-video-background-player - Play your own videos in background responsively in different resolutions.
  • vue-h5-audio-controls - A simple h5 music controller for Vue.
  • xns-audio-player-simple - A light and customizable Vue 2.x audio player powered HTMLAudioElement.
  • vue-core-video-player - A Lightweight Video Player For Vue.js
  • vue-player - A simple html5 video player with img placeholder for Vue 2.x.
  • vue-audio-better - Easy to create custom audio player components for Vue 2.x. A progress bar with soul.
  • vue-sounds - Easy to add sounds to your components.
  • vue-soundcloud-player - A custom Soundcloud player supporting single tracks & playlists

Infinite Scroll

Pull-to-refresh

Markdown

  • vue-markdown - A Powerful and Highspeed Markdown Parser for Vue.
  • vue-mavonEditor - A markdown editor based on Vue that supports a variety of personalized features.
  • vue-simple-markdown - A Simple and Highspeed Markdown Parser for Vue.
  • vue-simplemde - A wrapper around simplemde. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

PDF

  • vue-pdf - A pdf viewer based on mozilla's PDF.js
  • pdfvuer - A PDF viewer for Vue using Mozilla's PDF.js with text support. Demo

Tree

  • Vue.D3.tree - A Tree View based on D3.js
  • vue-json-tree-view - A JSON Tree View Component for Vue.js.
  • vue-tree - A Tree Component for Vue.js 2.X.
  • liquor-tree - Amazing Vue Tree component
  • vue-trees-ui - A Tree Ui Base On Vue.
  • Bosket - Collection of tree view components for front-end frameworks (Vue, React, Angular and Riot).
  • plantain-00/tree-component - A reactjs, angular and vuejs tree component.
  • sl-vue-tree - A simple customizable draggable tree component for Vue.js
  • he-tree-vue - A draggable sortable vue tree component, with dragging placeholder, types definition. 14 KB gzipped.
  • vuejs-tree - A highly customizable VueJs tree viewer
  • vue-jstree - A Tree Plugin For Vue2 with beautiful icons and drag&drop
  • vue-vtree - Universal and flexible tree component for Vue.js
  • vue-json-component - JSON tree view with no dependencies, TypeScript support, and easy customization.
  • vue-tree-list - A vue component for tree structure
  • vue-finder - A component to display hierarchical data, with selection, filtering and drag & drop
  • vue3-router-tree - This component is based on Vue.js 3, it represents your routes or items as a tree view 🌲.
  • object-visualizer - Vue 3 JSON inspector with Chrome-like theme.

Graph

  • vue-pipeline - A easy-to-use component to show beautiful responsive pipeline like jenkins blue ocean plugin.
  • vnodes - General purpose components to create svg interactive graphs, diagrams or node based visual tools.

Social Sharing

  • vue-social-sharing - A renderless Vue.js component for sharing links to social networks, compatible with SSR
  • 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-socialmedia-share - A Vue.js component for sharing links to social networks, with Vue 2.X
  • vue-picture-sharesheet - A Vue Picture Sharesheet Component heavily inspired by the Image Sharesheet in Apple's Newsroom
  • vue-twitter - A Vue.js component for embed twitter widgets (e.g timeline, buttons)
  • vue-share-buttons - Vue.js component for placing buttons in your project using which you can share anything
  • vue-share-it - A Vue.js component for sharing links to social networks
  • vuesocial - 🧞‍♀️🧞‍♂️ One easy-to-use button component for Vue.js with 65+ social networks.

QR Code

  • vue-qriously - A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
  • vue-qart - The directive of vue 2.x for qart.js.
  • vue-qrcode-reader - A Vue.js 2 component which detects and decodes QR codes from a camera stream.
  • vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.

Search

Miscellaneous

  • vue-avatar - An avatar component for vue.js.
  • vue-touch-ripple - Touch ripple component for Vue.js(1.x ~ 2.x).
  • vue-typer - Vue component that simulates a user typing, selecting, and erasing text.
  • vue-keyboard - Vue 2 virtual keyboard component.
  • vue-twentytwenty - Image comparison component, works with Vue.js 2.x
  • vue-cookie-law - Cookie info plugin for Vue.js 2.x
  • vue-gravatar - A dead-simple gravatar component for Vue.js 2.x
  • vue-clipboard2 - An easy to use clipboard.js binding for Vue.js 2.x
  • vue-flashcard - FLashcard component with animation for Vue.js 2.x 💡
  • vue-truncate-collapsed - A simple component that truncates your text and adds a 'Read More/Show Less' clickable for Vue.js 2.x
  • vue-kanban - A flexible drag and drop kanban board component
  • vue-letter-avatar - A simple and elegant letter avatar component for vue.js
  • vue-highlightjs - Syntax highlighting with highlight.js
  • v-clipboard - Simple, tiny and easy to use directive to save your models to clipboard (less than 2kb minified, no dependencies)
  • vue-invisible-recaptcha - Super easy integration for Google's Invisible reCAPTCHA
  • vue-embed - Embed component is based on embed.js for Vue 2.x, a component that embeds emojis, media, maps, tweets, gists, code, services and markdown.
  • vue-particles - Vue.js component for particles backgrounds
  • vue-uniq-ids - Vue.js 2.x plugin that helps to use id-related attributes with no side-effect
  • vue-multivue - Use multiple vue apps of the same class on the same page.
  • vue-affix - A Vue.js 2.x plugin that affixes an element in the window while you scroll, similar to Bootstrap Affix but much simpler and smarter
  • X-Browser-Update-Vue - A Vue.js browser-update plugin.
  • vue-query-builder - A UI component for building complex queries with nested conditionals.
  • vue-info-card - A simple and beautiful card component with an elegant spark line and CSS3 flip animation.
  • v-offline - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
  • vue-word-cloud - A word cloud generator.
  • vue-flat-surface-shader - A Vue component for flat surface shader
  • vue-easteregg - Easey add an easteregg to your vue app (default with konami code)
  • vue-barcode-scanner
  • vue-heatmapjs - A Vue directive for tracking and visualising mouse activity
  • vue-maze - An itty-bitty maze game made as Vue.js component
  • vue-drag-verify - This is a vue component, which is sliding to unlock for login or sign up.
  • vue-balloon - Vue components for creating fixed, zoomable containers in the corner of a page. Similar to the mail composition wrapper used in gmail.
  • vue-sticker - Sticker effect to any directions
  • v-rating - ⭐️ Rating component in Semantic-UI made with VueJS (< 500B gzipped, blazing fast)
  • vue-content-placeholders - Composable components for rendering fake (progressive) content like facebook in vue
  • vue-page-designer - Vue component for drag-and-drop to design and build mobile website.
  • vue-creativecommons - CreativeCommons.org Vue.js components library.
  • vue-status-indicator - A Vue.js component to show status indicator as colored dots.
  • vue-google-adsense - Vue.js Google Adsense Component with InFeed and InArticle Ads support
  • emoji-vue - Emoji 😎👌🏻 dropdown for Vue.js project
  • vue-chessboard - Chessboard vue component to load positions, create positions and see threats.
  • vue-mindmap - Vue component for mindnode maps.
  • v-currency - Vue component for formatting currency.
  • vue-emoji-picker - Highly customizable unicode emoji picker 🔥🚀
  • vue-8-puzzle - An itty-bitty slide puzzle game made as Vue.js component
  • vue-e164 - Customizable phone formatter with E.164 standart support
  • vue-pgn - Vue.js component for viewing chess games in pgn format
  • vue-avatar-editor - Resize, rotate and crop your uploaded avatar using a clear user interface.
  • vue-connection-listener - Vue event bus plugin listening for online/offline changes.
  • vue-sauce - "View source" directive for Vue.
  • vue-prom - Vue promise wrapper component.
  • numeric-keyboard - Numeric keyboard for mobile browsers.
  • vue-zoom-on-hover - Image zoom on mouse hover
  • vue-responsive-image - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
  • vue-highlight-text - Vue component for highlight multiple instances of a word
  • vue-cast-props - Provides a convenient way of converting props to common data types.
  • vue2-heropatterns - A Vue2 implementation allowing you to add the popular Hero Patterns onto any Div
  • vue-link - One component to link them all 🔗 (treat external and internal links same)
  • vue-identify-network - ⚡️Identify what kinda internet your users are using!
  • vue-cloneya - A vue component to clone DOM elements
  • vue-survey-builder - Survey builder for vue.js applications
  • vue-if-bot - A lightweight component to hide/show content to clients based on the user agent
  • vue-clampy - Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.
  • vue-cookie-accept-decline - Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection on creation. Good for GDPR requirements.
  • @lossendae/vue-avatar - An avatar component for VueJS 2.0.
  • vue-text-highlight - Text highlighter library for Vue.js 💄
  • vue2-hammer Hammer.js wrapper for Vue 2.x to support mobile touch..
  • vue-countable - Vue binding for countable.js. Provides real-time paragraph, sentence, word, and character counting.
  • v-show-slide - A Vue.js directive for animating an element to and from height: auto in a sliding motion.
  • vue-swipe-actions - iOS style swipe actions for Vue.js
  • vue-friendly-iframe - A Vue js component for creating super fast loading, non-blocking iframes.
  • vue-beautiful-chat - A simple and beautiful Vue chat component backend agnostic, fully customizable and extendable.
  • vue-magnifier - A simple image zooming / magnifying component for Vue.js 2.x.
  • vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words
  • vue-tags-ball - Create a beautiful and spherical tag with this plugin
  • vue-rippler - Simple Vue.js plugin for custom ripple effect
  • vue-contacts - Mobile contacts component for Vue
  • basic-vue-chat - Easy to use Vue.js chat
  • vue-resize-text - A vue directive which automatically resize font size based on element width.
  • vue-github-profile - A vue component to view the profile and repos of determined user
  • vue-niege - 🎄 🎅 Single File Vue component to add a snow storm through a canvas.
  • vue-dynamic-star-rating - A highly dynamic vue stars rating component, like google play rating ⭐️ ⭐️ ⭐️ ⭐️ ⭐️
  • vue-katex - Simple plugin for math typsetting using KaTeX in Vue.js
  • vue-baberrage - A simple Barrage plugin Base on Vue.js😎
  • vue-terminal-ui - 🖥Terminal UI emulator Vue: custom and basic commands
  • vue-command - A fully working Vue.js terminal emulator
  • vue-ribbon - Vue component for GitHub ribbons
  • avatio-avatar - Vue component for illustrated avatars - used by Avatio
  • vue-jazzicon - A dead-simple Jazzicon component for Vue.
  • vue-star-rating - A simple, highly customisable star rating component ⭐️ ⭐️ ⭐️
  • vue-fixed-header - Simple and cross-browser friendly fixed header component for Vue.js written by TypeScript.
  • vue-particle-effect-buttonsA bursting particles effects buttons component.
  • vue-insomnia - Prevent display screen from sleeping (wake lock).
  • vue-car-plate-keyboard - A car license plate number keyboard for VueJS 2.x.(车牌号输入键盘,支持新能源车牌 🚗🚗🚗)
  • vue-dataflow-editor - Vue2 dataflow graph editor
  • vue-twemoji-picker - A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering) for Vue.
  • vuejs-avataaars - Simple avatar generator Vue component for avataaars.
  • vue-moveable - A Vue Component that creates Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable and more.
  • vue-camera-gestures - Let users control your Vue app using AI and gestures in front of their camera in just 1 line in your HTML template!
  • vue-aspect-ratio - A tiny component to handle aspect ratios with no effort.
  • query-builder-vue - A query-builder library for building complex and nested queries with draggable re-ordering.
  • vue-meeting-selector - A meeting selector inspired by doctolib, fast and fully custom made with Typescript.
  • cool-emoji-picker - A fast plug-n-play [Tw]emoji Picker (+textarea for Twemoji rendering) component for Vue.
  • vue-web-cam - Webcam component for VueJs.
  • vue-cursor-fx - An animated custom cursor effects for interactive elements like navigation, galleries and carousels.
  • vuetimeline - One easy-to-use component to build beautiful responsive timelines.
  • v-emoji-picker - 🌟 A Lightweight and customizable package of Emoji Picker in Vue using emojis natives (unicode).
  • learnawesome-flashcard - Deck of flashcards with spaced-repetition via localStorage 💡
  • vue-portfolio-viewer - Scroll animated portfolio viewer component for vue js 💡
  • vue-text-middle-ellipsis - A simple vue-directive(2+) that clamps the content in the middle of the element if the content inside is too long.
  • vuesence-book - Documentation/help system component.
  • vue-turnjs - A component libary to add book experience to your app.
  • vuesence-sliding-header - Sliding header(s) for top navigation bar(s).
  • tsParticles - A lightweight Javascript library to easily create highly configurable and interactive particle animations
  • @bananajs/vue3-book-component - Book component for Vue 3. It provides easy, flexible API and great customizability.
  • @bananajs/vue2-book-component - Book component for Vue 2. It provides easy, flexible API and great customizability.
  • vue-image-zoomer - image zoom component for Vue.js 2, that also works on touch devices.

Tabs

  • vue-tabs - Simple tabs and pills.
  • vue-swipe-tabs - A touch swipe tab component for vue.js(vue2).
  • vue-tabs-component - An easy way to display tabs with Vue.
  • vue-k-tabs - A simple tabs components with Gitlab design.
  • vue-tabs-with-active-line - Simple Vue 2 component, that allows you to make tabs with moving bottom line
  • vue-tabs-chrome - A Vue component for Chrome-like tabs.
  • vue-tiny-tabs - A minimalistic tabs component as tinytabs Vuejs wrapper (size < 3.1kb)
  • vue-lumino - A component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating DOM & VDOM through event listeners and Vue reactivity system.
  • vue-router-tab - Vue.js tab components, based on Vue Router.
  • vue3-tabs - A touch swipe tabs component for vue 3

Form

Let the user create & edit data

Phone Number Input Formatter
Pincode Input
Picker
Generator
  • FormSchema Native - Generate a form using JSON Schema and Vue.js
  • vue-generator - Initial router and components for the Vue project.
  • vue-form-json - Generate a vue form with validation and bulma style, from json
  • form-create - Form builder with dynamic rendering, data collection, validation, and submission capabilities, supporting json data
  • element-form-builder - Build element-ui forms with JSON Schema.
  • ncform - a very nice configuration generation way to develop form
  • Laraform - Advanced form builder for Vue.js with Laravel support
  • vue-ele-form - Vue DataForm, based on element-ui
  • vue-otp-2 - Vue OTP input 2, A Vue component for OTP input
  • vue-form-generator A schema-based form generator component for Vue.js.
  • vue-form-builder - Build powerful vue form with JSON schema and composition api, popular ui frameworks such as Element UI, View UI, Ant Design Vue are supported. Online Demo
  • vue-dynamic-inputs - Create dynamic forms with buefy from json Online Demo
  • Vue Flow Form - Create conversational conditional-logic forms with Vue.js. Online Demo
Date Picker

Date / datetime / time Picker

  • vue-datepicker - [unmaintained] Calendar and datepicker component with material design for Vue.js.
  • vue2-timepicker - A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support. 🕖 (Back and recharged in 2019 🔋)
  • vuejs-datepicker - A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
  • vuedt - Crazy lightweight (<5kb!) Vuejs Date and Time picker component with i18n support, nice animations and not too much fuzz.
  • vue-flatpickr-component Vue.js component for flatpickr datetime picker
  • vue-jalaali-datepicker - Jalaali calendar and datepicker for vue.js 2.
  • vue-date-picker - A vue date picker component inspired by material design
  • vue-monthly-picker - Vue.js component for month and year picker only
  • vue-hotel-datepicker - A responsive date range picker that displays the number of nights selected, allows custom check-in/check-out rules, blocking dates, localization support and more.
  • vue2-persian-datepicker - An awesome Persian datepicker component for vue. کامپوننت انتخاب تاریخ برای ویو.
  • vue-datetime - Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
  • vue-rangedate-picker - Range date picker with simple usage
  • v2-datepicker - A simple datepicker component based Vue 2.x.
  • vue-datepicker-local - A Beautiful Datepicker Component For Vue2.
  • vue-airbnb-style-datepicker - A Vue datepicker with a similar look and functionality as the popular AirBnb datepicker. Lightweight, configurable and good browser support!
  • vue-persian-datetime-picker Persian material datepicker. Supports datetime, date, time, year, month.
  • VCalendar Very customizable and powerful calendar/datepicker component with many features and good documentation.
  • @owumaro/vue-date-range-picker - A vue component using Bootstrap 4 styles for date range selection
  • vue-datepicker-mobile - A mobile friendly datepicker for vue2. 🇨🇳 select one day or range of date and custom it that you wish.
  • vue-draggable-cal - Not your ordinary datepicker. A Vuejs draggable date selector with a fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped.
  • vue-vanilla-datetime-picker - Datetime picker for Vue.
  • vue2-daterange-picker - Vue2 date range picker based on bootstrap-daterangepicker (no jQuery dependency)
  • vue-timeselector - Fully and simply customizable powerful time picker component for Vue.js.
  • vue-date-picker - Lightweight datepicker component for Vue 2.x.
  • vue-ctk-date-time-picker - A beautiful VueJS component to pick date & time (with range mode) 🆕
  • simple-vue2-datetimepicker - A simple, easy to use vue.js component for date and time picking. 🆕
  • vue-business-hours - Vue component for selecting business hours in an administration panel or dashboard.
  • material-vue-daterange-picker - a daterange picker of Material Design style for Vuejs 2.x, which is compatible with vuetify and friendly for mobile.
  • 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.
  • stf-vue-select - most flexible and customized select Vue2
  • vue-select-image - Vue 2 Component for selecting image from list
  • @riophae/vue-treeselect - A multi-select component with nested options support for Vue.js.
  • @k186/pd-select - A mobile UI component like IOS picker for Vue 2.x,can be wheel pick what ever you defined.
  • vue-dropdowns - A minimalistic and adaptable way to display select boxes if using objects for vue2.x
  • v-cascade - A lovely component of cascade selector with Vue 2.x (Support both of PC and Mobile)
  • vue-multi-select - A custom component to make select/multiselect for Vue2.
  • 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.
  • @myena/advanced-select - Single/Multiple Select component with search, controls for (de)select all and a Bootstrap 3 theme
  • @alfsnd/vue-bootstrap-select - Vue version of bootstrap-select.
  • @SamuelTrottier/vue-wheel-select - A simple scrolling select component.
  • vue-search-select - Searchable select components and semantic-ui's dropdown compatible.
  • vue-gridmultiselect - Simple multi-select component with items displayed in a table like UI
  • vue-select-sides - A component for Vue.js to select double-sided data (2-sides).
  • vue-selectize - A Vue.js component wrapper around Selectize.js, a vanilla js select component
Slider
Drag and Drop
  • vuedraggable - Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js.
  • vue-dragula - Drag and drop so simple it hurts.
  • vue2-dragula - A vue-dragula fork for Vue2, with a lot of improvements.
  • awe-dnd - A sortable list directive with Vue.
  • vue-draggable-resizable - Vue2 component for draggable and resizable elements.
  • vddl - Vue components for modifying lists with the HTML5 drag & drop API, supports VueJs versions 1 and 2.
  • vue-drag-drop - A minimal and lightweight wrapper for the HTML5 Drag and Drop API.
  • vue-swing - A swipeable cards interface, as seen in apps like Jelly and Tinder.
  • vue-slicksort - A dependency-free set of mixins for animated, touch-friendly, sortable lists
  • draggable-vue-directive - A simple directive to handle drag and drop of any Vue component.
  • vue-smooth-dnd - Vue wrappers of smooth-dnd library. drag and drop, sortable library covering for many cases.
  • vue-drag-resize - A dependency-free Vue component for draggable and resizable elements with aspect ratio, reactive props etc
  • vue-drag-it-dude - Vue2 component, that allows you to drag object wherever you want.
  • vue-draggable - Vue Drag and Drop library without any dependency. Simple and easy to use.
  • vue-nestable - A simple drag & drop hierarchical list made as a vue component.
  • vue-tinder - Have your own Tinder and TanTan.
  • vue-card-swipe - A touch slider for vue.js, support sliding in any direction to switch cards, compatible with PC and mobile.
  • vue-drag-n-drop - A simple kanban board where the items can be dragged and dropped from the list on to the board.
  • vue-card-stack - Stackable, swipeable, tweakable Vue card component.
Autocomplete

Autosuggest / autocomplete / typeahead

  • vue-instant - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
  • v-autocomplete - Autocomplete component for Vue.js
  • vue-auto-complete - Autocomplete for Vue2. Works with objects or api calls.
  • vue-autosuggest - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
  • v-autosuggest - A simple modular Vuejs component that autosuggest input from a dynamic or static data querying.
  • autocomplete - Simple Autocomplete component for Vue.js 2.*
  • vue-infinite-autocomplete - Vue infinite-autocomplete wrapper for Vue.js 2.*
  • vue-simple-suggest - Simple yet feature-rich autocomplete component for Vue.js
  • v-suggest - A Vue2 plugin for input content suggestions, support keyboard to quick pick.
  • vue-bootstrap-typeahead - An typeahead/autocomplete component for Vue2 using Bootstrap 4 CSS.
  • vue-email-dropdown - An autocomplete for custom email domains.
  • vue-combo-blocks - Small, accessible, customizable and "renderless" autocomplete component for Vue.
Type Select

Let the user select a tag / something while typing

  • vue-input-tag - Vue.js 2.0 Input Tag Component.
  • v-distpicker A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
  • vue-img-inputer A graceful, highly customizable img type input for Vue 2
  • vue-img-preview An image input preview component in vue 2
  • v-image 📷 Tiny little component for input type=file (< 1kb, gzipped)
  • @voerro/vue-tagsinput A simple tags input Vue.js 2 component with typeahead/autocomplete
  • vue-tag-selector - Tag-like input. Light, customizable and handles REGEX validation!
  • vue-input-text-to-tags - A input component that can create tags for the result display
Color Picker
  • vue-color - Vue Color Pickers for Sketch, Photoshop, Chrome & more.
  • vue-swatches - Help the user picking beautiful colors!
  • radial-color-picker - Minimalistic color picker with a focus on size, accessibility and performance.
  • vue-color-picker-board - Vue Color Picker component designed for humans!
  • verte - A Complete Vue.js Color Picker Component.
Switch

Switch / on/off toggle / checkbox

  • vue-switches - An on/off switch component for Vue.js with theme support.
  • vue-js-toggle-button - Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
  • vue-checkbox-radio - A Vue component to easily styling checkbox and radio inputs.
  • vue-enhanced-check - Vue component to redesign/labelize checkbox/radio, including toggle/switch button.
  • pretty-checkbox-vue - Implementation of pretty checkbox 3(A pure CSS library to beautify checkbox and radio buttons) components for Vue.js 2.2+.
  • vue2-collapse - Vue Collapse is a flexible content toggling plugin for the accordion lists or any other conditional content rendering.
  • vue-badger-accordion - A wrapping Component for Badger Accordion for Vue.js 2.0+
  • vue-loading-checkbox - A highly customizable Vue.js checkbox UI component with loading state
  • vue-rocker-switch - A customizable rocker switch component for Vue.js.
  • vue-toggle-btn - A Highly Customizable, easy-to-use elegant toggle/switch button component
  • vue-tristate-checkbox - Cycling tristate checkbox that supports form submission
  • vue-toggles - A highly customizable and accessible toggle component
Masked Input
  • vue-masked-input - Masked input component for Vue.js.
  • vue-text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
  • vue-ip-input - An ip input implemented by vuejs.
  • vue-numeric - Input field component to display currency value based on Vue.
  • awesome-mask - Mask directive based on a pure and simply VanillaJS implementation
  • v-money - Tiny (<2k gzipped) input/directive mask for currency
  • vue-autonumeric - A Vue.js component that wraps the awesome AutoNumeric input formatter library
  • vue-inputmask - Vue.js directive to add Robin Herbots' inputmask library to your inputs (vanilla javascript).
  • vue-input-number - A custom input number component for Vue.js 2.
  • v-unicode - Vue directive to restrict an input by unicode values.
  • vue-cleave-component - Vue.js component for cleave.js
  • vue-ip - An ip address input with port and material design support
  • vue-r-mask - Directive with template similar to javascript regular expression.
  • vue-input-code - Base on Vue.js 2.0+ verification code input component.
  • label-edit - Inspired by Trello. Click to show editable input and return the value changes. This is a Vue Component.
  • vue-jquery-mask - Vue.js v2.x component for jQuery Mask Plugin
  • vue-the-mask - Tiny (<2k gzipped) and dependency free mask input for Vue.js
  • vue-currency-input - Easy input of currency formatted numbers for Vue.js.
  • vue-restricted-input - Input mask library for vue.js based on restricted-input
  • 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 activelly mantained and with lots of improvements after there.
Rich Text Editing
Image Manipulation

Edit images

Display images

  • vue-cloudinary - A vue (2.0) plugin that offers a reusable directive to get images from Cloudinary (https://cloudinary.com) with dynamic manipulation (resizing/cropping/effects/watermarking/scaling/formatting) and optimization (webp/png/auto quality/auto retina).
  • img-Vuer - An Mobile-First image viewer/gallery for Vue2
  • vue-image-loader - A vue loader/progressive image plugin like Medium.
  • vue-load-image - display loader during image loading, as well as by display alternate content when the image fails to load.
  • vue-image-painter - 🙋 Image magic animation drawing effect component for Vue 2.x.
  • vue-cosha - 🎨 An easy to use vue directive that places a colourful shadow behind any image
  • vue-image-kit - Vue.js Image Kit Component with Lazy Load built in and Responsive Images.
Video Manipulation
  • vue-playlist - A lightweight vue (2.0) component with no dependancies that offers truly seamless html5 video playback. The one and only working solution for seamless video play done with vanilla JS. It takes an array of videos and stitches them together into a single video.
File Upload
  • vue-clip - Simple and hackable file uploader for VueJs. Supports Vue >= 2.1.
  • vue-simple-upload - Simple File upload component for Vue.js.
  • vue2-multi-uploader - A drag and drop multiple file uploader component that uses Vue.js v2 and Axios. Uploader shows file names, sizes and total size of files added. It also allows setting a minimum required number of files to upload.
  • vue-dropzone - A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads utility with image previews.
  • vue-transmit - A purely Vue.js drag & drop uploader component based on Dropzone.js for Vue 2.0
  • vue-upload-component - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
  • vue-uploader - A Vue.js upload component powered by simple-uploader.js
  • ic-firebase-uploader - A clean multi-file upload component for Firebase storage.
  • vuejs-uploader - A resumable multipart file uploader for HUGE file uploads.
  • vue-filepond - A Vue.js component for FilePond - a file upload library that can upload anything you throw at it.
  • v-uploader - A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload
  • vue-file-agent - Full-featured drag & drop enabled Vue file upload component with previews and upload progress
Context Menu
Miscellaneous
  • vue-gmaps - Search places and address using Google Maps API.
  • vuep - A component for rendering Vue components with live editor and preview.
  • vue-places - Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.
  • vue-password-strength-meter - Password strength meter based on zxcvbn in vue.js.
  • vue-float-label - Float label pattern for Vue.js.
  • vue-longpress - A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.
  • vue-google-autocomplete - A Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-default-value - Vue.js 2.x directive to set a default value for editable elements with no affect to the model state
  • vue-model-autoset - A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive
  • vue-submit - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.
  • vue-rate - Rate component for Vue
  • vuetify-google-autocomplete - A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ripple-directive - Material Ripple Effect as Vue Directive.
  • vue-fab - Vue Floating Action Button.
  • vue-complexify - Vuejs porting library from jquery.complexify.js.
  • vue-mc - Models and Collections for Vue.js
  • vue-stars - Highly customizable rating control (using stars or other characters)
  • vue-confirmation-button - Customizable confirmation button that requires users to read messages before performing an action
  • vue-poll - A Vue.js component for voting
  • vue-diagrams - Diagram component for vue.js, inspired by react-diagrams
  • vue-easy-polls - A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.
  • vue-m-button - A beautiful button component for vue.
  • vue-long-click - Long click (long press) directive library for vue, support mobile and desktop.
  • vue-ui-predicate - A rules editor, generic filtering UI, predicates component for Vue JS.
  • vue-mobile-detection - Vue.js prototype function this.$isMobile() that returns a Boolean value depending on whether or not the user is browsing with a mobile.
  • vue-input-contenteditable - A Vue component wrapper for contenteditable with all the features you normally expect. Make beautiful inputs without the restrictions of input[type='text'].
  • @utlime/vue-zoom - A Vue zoom component.
  • vue-credit-card - A Vue Component for Credit Card Input & Masking & Preview
  • vue-simple-password-meter - Lightweight password strength meter with no dependency
  • vue-autosizer - A light replacement for built-in <textarea> and <input> elements allowing them to automatically stretch to fit the content.
  • vue-interactive-paycard - A fantastic credit card form with smooth and sweet micro-interactions.
  • vue-paycard - Credit card component made with Vue.js.
  • vue-list-picker - Just a simple list picker component made with Vue.js.
Wizard
  • vue-form-wizard - Tab based component which can replace classic bootstrap & jQuery form wizards
  • vue-stepper - A simple stepper with simple actions such as next, back and end to perform simple forms.
  • vue-stepper-component - A fully customizable Stepper component with Vuex support and Zero dependencies.
CSV
  • vuecsv - A Simple CSV Downloader from json with option modal panel component.
Comment System
  • vue-comment-grid - 💬 Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication.
  • fastcomments-vue - 💬 A Vue component for FastComments, a live commenting system.

Canvas

  • vue-easeljs - Data-driven control over an HTML5 canvas element.
  • vue-canvas-effect - A simple, canvas effect collection for Vue.js.
  • vue-konva - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
  • vue-html2canvas - Vue mixin to capture html and convert it to an image using Html2Canvas.
  • vue-canvas-nest - A Vue.js component for canvas-nest.
  • vue-signature-pad - 🖋 A Vue Signature Pad Component
  • vg-editor - A visual graph editor based on G6 and Vue, inspired by GGEditor
  • vue-pencil.js - Build reactive 2D graphics scene in your Vue project.
  • vue-scratchable - A Vue.js wrapper component that turns everything into fun scratch cards.
  • vue-rough - Components for Rough.js, a graphics library that lets you draw in a sketchy, hand-drawn-like, style.

Link Preview

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

Tour

  • vue-tour - Lightweight and customizable tour plugin
  • vue-page-guide - Page tour / guide plugin with directive

UI Layout

Layout for the overall / main view

  • vue-waterfall - A waterfall layout component for Vue.js.
  • vueisotope - Vue component for isotope filter & sort magical layouts.
  • vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
  • vue-drag-zone - Drag Zone component for Vue.js(2.x).
  • vue-masonry - Vue.js directive for masonry blocks layouting.
  • vue-fraction-grid - Flexbox based responsive fraction grid system for Vue.js.
  • 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).
  • vue-virtualscroll - [Vue 2.x] component to virtual scroll things.
  • vue-inview - [Vue 2.x] Viewport, get notification when DOM element is entered or leave.
  • dnd-grid - A vuejs grid with draggable and resizable boxes
  • vue-extend-layout - Extend the default layout or create custom layouts for the pages of your Vue.js SPA
  • vue-masonry-css - Vue.js Masonry layout component powered by CSS, dependency free.
  • vue-fullpage.js - Official fullPage.js component for Vue.js.
  • vue-virtual-collection - Vue component for efficiently rendering large collection data.
  • autoresponsive-vue - Auto responsive grid layout library for Vue.
  • VueFlex - A flexbox grid system.
  • v-chacheli - A Vue.js component to create and display custom dashboard-like grid layouts.
  • vue-grid-styled - A lightweight set of functional grid components, ported from React's grid-styled
  • simple-grid - Vue component for grid layout,support flex.
  • vue-container-component - Simple container component inspired on Bootstrap Container
  • vue-colcade - A small wrapper for integrating Colcade grid layout to Vuejs.
  • vue-ads-layout - A small library of Vue components to quickly generate a responsive web application layout with toolbar, left/right drawers and a footer. All components can be positioned fixed or relative.
  • vue-magic-grid - A tiny port of Magic Grid for Vue.js 2.
  • vue-splitter-pane - A Vuejs component which renders two slots in a adjustable split arrangement (vetical or horizontal).
  • splitpanes - A Vue JS reliable, simple and touch-ready panes splitter / resizer.
  • vue-mock-layout - Easily mock the layout of your Vue apps.
  • vue-simple-drawer - A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down
  • vue-grd - Simple, Light-weight and Flexible Vue.js component for grid layout.
  • vue-masonry-component - A Vue.js component wrapping masonry layout library.
  • vue-smart-widget - Smart widget is a flexible and extensible content container component for Vue.js 2.x.
  • vue-colrow - Responsive grid layout components: Row, Col. Based on css flexbox. Support SSR, fixed or fraction width, auto grow Col.
  • vue-diagonal - Simple and light-weight component to create diagonal elements.
  • vue-responsive-dash - A Responsive, Draggable & Resizable Dashboard (grid) made with vue and typescript.
  • vue-masonry-wall - A pure vue responsive masonry layout without direct dom manipulation, ssr friendly and lazy loading.
  • vue-horizontal-list - A pure vue responsive horizontal list layout with ssr support, mobile and touch friendly.

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.
  • muse-ui - Material Component library for Vue.js 2.
  • buefy - Components based on Bulma framework.
  • element-ui - A Vue.js 2.0 UI Toolkit for Web.
  • vue-bulma-components - Easily use bulma class syntax with vue components.
  • 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
  • v-semantic - Implementation of semantic-ui for Vue
  • 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.
  • Material Components Vue - wrapper around material-components-web for Vue.js
  • VueFace - A Vue.js 2.0 UI Component library for Web
  • vuecidity - UI component framework for Vue.js 2.0
  • ant-design-vue - An enterprise-class UI components based on Ant Design and Vue 2.5.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
  • N3-components - Beautiful Web Components built with Vue 2
  • Shards Vue - ✨ Sleek & UI Components Library based on the Bootstrap 4 Framework.
  • Fundamental Vue - Components based on SAP Fiori Fundamentals.
  • Framevuerk - 🚀 Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js.
  • @Carbon/vue - Carbon Design System components from the @carbon team.
  • Inkline - Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications.
  • vue-awesome-mui - A Vue.js 2.0 MUI Component for Web
  • 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.
  • DaoStyle - A high quality component library built on Vue.js.
  • Chakra UI Vue - ⚡ A lightweight & customizable component library to help you build accessible Vue applications and sites with speed.
  • vue-canvas - Vue canvas component for vuc-identify
  • oruga - UI components for Vue.js without CSS framework dependency.
  • Wave UI - An emerging UI framework for Vue.js with only the bright side. ☀️
  • vectre - A lightweight, simple and responsive component framework based on Spectre CSS
  • element3 - A Vue.js 3.0 UI Toolkit for Web is based on element-ui

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.
  • weex-eros - [Chinese] Eros is a app solution based on Weex and Vue, which enables you to use API of Vue, simple and quick development of small and medium app.

Set of components for mobile

  • mint-ui - Mobile UI elements for Vue.js.
  • 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

  • vue-mdc - Material Components Web for Vue.js.
  • keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  • vue-admin - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
  • vuikit - UIkit with all the power of Vue.
  • uiv - Bootstrap3 components implemented by Vue2.
  • wffranco/vue-strap - Bootstrap 3 components built with Vue.js 2
  • jsmod-vue-pc - Highly scalable web components for vue 2.0
  • guilhermewaess/SemVue - Semantic-ui Modules implemented with Vue 2
  • office-ui-fabric-vue - Office UI Fabric implementation for Vue.js
  • vuestic-admin - Vue Admin Dashboard with collection of custom components. Built with Vue 2 and Bootstrap 4
  • Semantic UI Vue - Semantic UI integration for Vue
  • vuesax - Frontend vue Components for Vue.js.
  • Essential JS 2 for Vue - Full-featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
  • Banshee - A mostly renderless Vue UI component and utility framework that ships with no CSS.
  • vue-atlas - A library of beautiful Vue components.
  • 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.
  • vue-uix - UI collection for web page implementation in Vue.js
  • vuedarkmode - A Minimalist Dark Design System for Vue.js 🎨
  • 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.
  • Vuent - Vue.js components implementing Microsoft Fluent Design
  • bpit/vue - Vue components lib which is focused on effects
  • vue-tailwind - Vue components with customizable classes ready for TailwindCSS, but compatible with any framework.
  • Equal UI - Vue UI kit based on TypeScript 🧬
  • slim-ui - Minimal UI components based on Vue.js
  • Vue Component Development Kit - Unstyled, highly tested and flexible Vue components/mixins/plugins.

Admin Template

Set of admin template

Server-side rendering

  • Nuxt.js - Versatile Vue.js Framework.
  • Ream - A minimalistic framework for building server-rendered and static websites.
  • Universal vue - Vue CLI plugin to create universal Vue applications with ease
  • Factor Platform - An extension-driven VueJS platform (Factor.dev → Docs)
  • Vapper - A Vue-based server-side rendering framework.

Static website generator

  • VuePress - Minimalistic Vue-powered static site generator.
  • Peco - A static website generator for humans. UNMAINTAINED
  • Saber - A static website generator for building blazing fast websites with Vue.js.
  • Gridsome - Build super fast, modern websites with Vue.js
  • Servue - Server-side rendering engine that renders vue files into html strings.

Other

  • app-framework - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
  • Myfirebase - A decoupled Single page application Framework which is highly compatible with google firebase.
  • Vue-Access-Control Frontend access control framework based Vue.js 2.
  • Basys Toolbox for building full-stack Vue.js apps
  • CabloyJS The Ultimate NodeJS Full Stack Business Development Platform, based on KoaJS & EggJS & VueJS & Framework7
  • vue-service-model - Vue.js library for handling REST service requests with caching, aggregation and model definitions.
  • DataFormsJS - A minimal routing and web service framework that uses Vue as a templating engine.
  • V-Craft - A toolset for building extensible page builders with Vue.js.
  • Vue-Low-Code - Low Code toolkit that can generate VUE apps from Quant-UX prototypes
  • Figma-Low-Code - Turns your Figma design into VUE applications.

UI Utilities

Event Handling

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

  • vue-shortkey - Vue-ShortKey - plugin for Vue.js.
  • vue-throttle-event - Throttle events based on requestAnimationFrame.
  • vue-waypoint - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
  • vue-clickaway - Reusable clickaway directive for reusable Vue.js components.
  • vue-scrollfire - Fires an event on a specific scroll position.
  • vue-resize-directive - Vue directive to detect resize events with deboucing and throttling capacity.
  • v-click-outside - Vue directive to react on clicks outside of an element without stopping the event propagation.
  • vue-outside-events - Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
  • vue-selectable - Vue 1.x/2.x directive to make items selectable by mouse.
  • vue-click-helper - Vue2.x directive to handle click event and dblclick event on same element.
  • v-hotkey - Vue 2.x directive for binding hotkeys to components.
  • vue-resize - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
  • vue-observe-visibility - Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
  • v-dragged - Vue 2.x directive plugin for drag event detection.
  • vue-esc - Vue.js directive to add a document event listener on escape keyup.
  • vue-global-events – A component to handle global events (like shortcuts) using Vue’s event modifiers
  • vue-edge-check – Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router
  • vue-mutation-observer – A simple and tiny directive to observe changes in DOM use MutationObserver API
  • vue-scroll-show – Showing the element if the user reached it after scroll
  • vue-tabevents – Easy communication between other opened tabs
  • vue-visibility-trigger - 👀 Declaratively trigger methods when scrolled into view
  • v-click-outside-x - Vue V2 directive to react on click, touch, pointer or multiple events outside an element.
  • vue-keypress - Global keypress event handler component for Vue.js applications.
  • vue-pseudo-window - 👻 Component to declaratively interface window/document in your Vue template

Responsive Design

  • vue-viewports - Define your custom viewports and use them in your components.
  • vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
  • vue-match-media - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
  • vue-media-query-mixin - Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
  • vue-breakpoints - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
  • vue-mq - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
  • VueResizeSensor - A container that supports resize event.
  • vue-breakpoint-component - A render-less component for composing CSS breakpoint state.
  • fine-mq - A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
  • vue-responsive-components - Create responsive components with ResizeObserver.
  • vue-screen-size - Get easy and reactive access to the width and height of your screen.
  • vue-container-query-2 - Smart vue plugin for working with css container query.
  • vue-component-media-queries - MatchMedia component library for Vue.

Form

  • vue-formly - JavaScript powered forms for Vue.js.
  • vue-focus - A reusable focus directive for reusable Vue.js components.
  • vue-form-generator - A schema-based form generator component for Vue.js.
  • FormSchema Native - Generate a form using JSON Schema and Vue.js
  • ic-formly - Simple form component powered by vue-formly.
  • Form Builder - Json template based form builder, based on Vue and Laravel.
  • vue-autofocus-directive - Vue autofocus directive.
  • vue-awesome-form - A vue.js component just like json-editor
  • vue-form-components - Clean & minimal vue form elements with validation
  • v-ajax-form - vue.js component plug-in to make Form tag compatible with ajax request
  • Vue Formulate - The easiest way to build forms with Vue. Validation, error handling, form generation, comprehensive documentation, and more.
Validation
  • vee-validate - Simple Vue.js input validation plugin.
  • vue-rawmodel - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
  • vuelidate - Simple, lightweight model-based validation for Vue.js.
  • simple-vue-validator - A simple yet flexible validator library for vue.js.
  • vue-vform - Vue.js 2 form component that integrates jQuery Validation and Axios.
  • vue-form - Comprehensive form validation for Vue.js.
  • vuelidation - simple, powerful, vuejs validation.
  • laravel-vue-validator - Display errors from laravel validation rules
  • vue-daval - Super vue data validator. Easiness, simplicity, accurate.
  • willvalidate - Validation Forms for Vue.js.
  • vue-m-validator - Model data validation library, for VueJs.
  • vue-isyourpasswordsafe - A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
  • vue-form-send - A Vue.js directive for sending data from form and primitive validation
  • FormVuelar - Vue form components with server-side validation in mind
  • vue-final-validate - Vue validation solution from my development experience, support nested, async.
  • vform - A simple way to handle Laravel back-end validation in Vue.
  • vue-form-container - A Provider Component that encapsulate your forms and handle their states and validations.
  • ps-validation - A Vue plugin that provides out-of-the-box data validation rules, very much inspired from Laravel validation system.
  • vue-laravel-errors - A Vue.JS plugin that adds a global mixin which can be used to fill an errors variable from a laravel error response and display it as an object or array, can also be used as a local mixin.

Resize

  • vue-not-visible - Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.
  • vue-window-size - Provides reactivity window size properties.
  • vue-responsive-text - ↔ Component that scales its child node in relation to its parent node's width

Scroll

Set window scroll position

  • vue-chat-scroll - Automatic scroll-to-bottom directive for Vue.js 2.0.
  • vue-scrollto - Adds a directive that listens for click events and scrolls to elements.
  • vue-next-level-scroll - A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API
  • vue-scroll-sync - A component that synchronizes containers’ scroll positions
  • v-scroll-lock - A Vue.js directive for body scroll locking without breaking scrolling of a target element
  • vue2-perfect-scrollbar - PerfectScrollbar minimalistic wrapper
  • vue-scroll-to - Adds a directive that listens for click events and scrolls to elements.
  • vue-scroll-progressbar - A customizable component that indicates the scroll relative position in a progressbar.
  • vue-backtotop - A Back-to-top component for Vue.js, which scroll page to the top when clicked.

Virtual scrollbar

  • VBar - The virtual responsive cross-browser scrollbar component for Vue.js 2x.
  • Vuebar - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
  • vue-detached-scrollbar - A simple scrollbar that can be detached from the container it is scrolling.
  • vuescroll - A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.
  • vue-simplebar - Vue.js wrapper for simplebar plugin.
  • smooth-vuebar - Vue directive wrapper for smooth-scrollbar

Detect when components enter viewport

  • vue-scrollview - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
  • vue-scrollactive - Adds an active class in a menu item based on the current section in viewport, also scrolling to the section when clicking the menu item.
  • vue-intersect - A Vue component to add intersection-observer to a Vue component or HTML element.
  • vue-scrollmonitor - A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat [email protected])
  • vue-stroll - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
  • navscroll-js - Highlights menu items as you scroll, and also scrolls to a section when a menu item clicked. Use as a vue component, a vue directive or with vanilla js.
  • vue-scrollwatch - A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.
  • vue-check-view - A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.
  • vue-stickto - A vue directive that support multiple DOM nodes stick to top automatically
  • vue2-scrollspy - A scrollspy plugin and animated scroll-to.
  • vue-trip-wire - A custom directive for firing functions when an element reaches a designated point in the viewport, with option to import module with globally accessible functions.
  • v-intersect - A Vue directive and component that detect element when it's visible or hidden on viewport

Customize the scroll behavior

Seamless scrolling

Routing

  • vue-router - The official router for Vue.js.
  • vue-router-storage - Router storage & resolve solution for Vue.js 2 & vue-router 2
  • vue-tidyroutes - Decentralized vue-router routes definitions
  • vue-routisan - Elegant, fluent route definitions for Vue Router, inspired by Laravel.
  • vue-error-page - Provides a wrapper for router-view that allows you to show error pages without changing the URL
  • vue-router-sitemap - Generate sitemap.xml by vue-router configuration
  • vue-smart-route - Smart route directive to make intelligent looking apps with Vue.js.
  • vue-router-lite - A component-based, declarative router for Vue.js 2.
  • vue-route-props - Automatically bind vue-router query to vm, APIs are mostly same as the Vue props.
  • vue-pilot - A Trie-based vue router with the ability of managing history.state.
  • vue-lang-router - Vue.js language routing with (optional) URL localization.
  • vue-router-compositions - A util package for Vue-Router and Vue Composition API.

Lazy Load

  • vue-lazyload - A Vue.js plugin for lazyload your Image or Component in your application.
  • vue-lazy-background-images - Lazy load background images for Vue 2.
  • vue-progressive-image - Vue progressive image loading plugin.
  • vue-l-lazyload - A lazyload plugin for Vue.js v2.x+.
  • vue-lazyload-img - Especially optimized for mobile browser. support V2 & v1.
  • vue-lazy-images - A plugin of lazyload images for Vue 2.x.
  • v-lazy-img - Tiny (<0.6kb) directive for progressive image loading for Vue 2.
  • vue-clazy-load - Lightweight transitionable image lazy loading component using IntersecionObserver for Vue 2.
  • vue-lazy-this - Lazyloading component using Intersection Observer API.
  • v2-lazy-list - A simple lazy-load list component based Vue 2.x
  • pimg - A Simple Progressive Image Component used for lazy loading images.
  • vue-tiny-lazyload-img - A small size Vue.js v.2+ directive for lazy loading images
  • vue-lazy-youtube-video - A simple Vue.js component for lazy loading YouTube videos.
  • lazyload-vue- Vue Plugin for vanilla-lazyload.
  • vue-lazy-loading - A vue plugin to better supporting native lazy-loading for image and iframe.
  • v-lazy-component - Vue component render when visible. Uses Intersection Observer API.
  • vue-lazy - Lightweight Image/Picture lazyload based on Intersection API

Pagination

Animation

  • vue2-animate - A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.
  • animated-vue - A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as <animated-tada>!
  • vue-lottie - A Vue.js 2.x plugin to render after effects animations based on bodymovin
  • Vueg - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
  • v-animate-css - The easiest to implement Vue 2 directive for Animate.css
  • vue-mixin-tween - Mixin factory that adds tweened values to component context for animations
  • v-odometer - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.
  • vue2-transitions ✨ Reusable Vue 2 transition components
  • vue-overdrive Super easy magic-move transitions for Vue apps 🎩
  • animated-number-vue Super easy way to animate numbers.
  • vue-typed-js Typed.js integration to easily create typying animations.
  • vue-parent-change-transition Enable a child components to animate when it changes the parent.
  • vue-smooth-reflow Transition an elements reflow in response to data changes.
  • VueTween Allows components to tween their properties.
  • vue-slide-up-down Like jQuery's slideUp / slideDown, but for Vue!
  • vue-animejs Simple anime.js directives for Vue.
  • Eagle.js Eagle.js is a web-based slideshow framework for Vue.js.
  • vue-slide-up-down-component It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
  • femtoTween A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support
  • vue-sequential-entrance Plugin for creating elegant sequential animation entrances with a list of elements of your page. Zero effort. Simple and lightweight
  • vue-animate-scroll Super lightweight way to add CSS animations to elements as they scroll into view.
  • vue-svg-transition Create 2-state, SVG-powered transitions
  • vue-page-transition Easy route / page transitions for Vue.js
  • Vuenime A flexible Vue wrapper for Animejs
  • vue-flipper - A component to flip children with a nice transition.
  • v-number Animated number transition library for Vue.js
  • vue-kinesis A set of components to create interactive animations
  • vue-digital-transform A vue component for better digital transform animation

Meta Tags

Manage meta information in the document head

  • vue-head - Manage the meta information of the head tag, a simple and easy way.
  • vue-meta - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
  • vue-headful - Set document <title> and meta tags from within your views.
  • vue-simple-headful - Easily set meta-tags with vue.js - a simpler vue-headful alternative with TypeScript support.

Portal

Move a DOM node to a target DOM node

  • vue-dom-portal - An escape hatch for DOM Elements in Vue.js components.
  • 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)

Filters

SVG

  • vue-svgicon - A tool to create svg icon components. (vue 2.x).
  • vue-content-loading - Vue component to easily build (or use presets) SVG loading cards Facebook like.
  • vue-annotator - Annotate page using any SVG Element (rect, polygon, and many more, even HTML Element like canvas if wrapped in foreignObject)
  • vue-svg-sprite - A directive to simply use SVG sprite (vue 2.x).
  • vue-svg-filler - Vue component for custom your svg file 🖍 🎨 (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

WebGL

Fullscreen

Page visibility

Printing

Utilities

Utilities not directly related to the UI

  • vue-underscore - simple vue plugin to implement underscore
  • vue-lazy-calc - A simple calculation plugin in lazy && chaining way with strong typed.
  • vue-loadable - A plugin to improve loading state control with pretty simple methods, decorators and helpers.
  • vueuse - Collection of essential Vue Composition API utils works for Vue 2.x and 3.x.
  • vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +30 variable composable functions.
  • vue-condition-watcher - 🕶 Vue Composition API for automatic fetch data when condition has been changed.
  • vue-use - Use magic Vue Composition APIs to provide a lot of reusable logic, such as form, table and loading, etc.
  • vue-concurrency - library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.
  • vue-ics - Vue.js plugin for generating ICalendar (.ics) files.
  • 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-with-wrapper - A object deconstruction used in template

Typescript

HTTP Requests

Retrieve data over HTTP

  • vue-resource - The HTTP client for Vue.js.
  • vue-async-computed - Async computed properties for Vue.js.
  • vue-jsonp - A tiny library for handling JSONP request.
  • v-model - V-Model is a model plugin for Vue.js, like ng-resource.
  • vue-resource-mock - A helper to mock your http response, based on vue-resource's interceptor.
  • vue-async-data-2 - Async data loading plugin for Vue.js.
  • vue-api-request - A plugin that provides full control on your APIs, making your request simple, fast and easy to implement.
  • vue-fast-axios - Make requests with validations in a simple and beautiful way.
  • vue-async-properties - An asyncData and asyncComputed plugin with support for debouncing, transforming results, error handlers, loading/pending flags, lazy/eager requests.
  • vue-axios-plugin - A plugin that combines axios with Vuejs, making http request more easier.
  • zipkin-instrumentation-vue-resource - An interceptor for vue-resource that instruments outgoing HTTP requests with Zipkin
  • vue-api-query - Elegant and simple way to build requests for REST API.
  • vue-chimera - A full-featured RESTful resource based client, compatible with Nuxt.js and allows server-side fetch.
  • vue-apis - A vue plug-in integrated with axios that chain-builds API instances. Available from the context of a vue instance (eg: this.$apis.apiName()).
  • rexios - Utils normalize url, data, params for axios when using rest api request.
  • vue-axillo - Composable Axios for REST API with query notation GraphQL.

i18n

Internationalization / L10n / localization / translation

  • vue-i18n - Internationalization plugin for Vue.js.
  • vue-translate-plugin - VueJS plugin for translations.
  • vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store.
  • vue-gettext - Translate your Vue.js applications with gettext.
  • vue-i18n - A small plugin for implementing translations in Vue.js.
  • vue-multilanguage - Support many languages in Vue.js 2.
  • vue-ts-locale - A plugin for implementing translations using Intl in Vue.js 2 with typescript support.
  • vue-i18next - A i18next wrapper to support translations in Vue.js 2.
  • vue-polyglot - Basic translation plugin for Vue.js 2 with async loading.
  • v-localize - Simple localization plugin for the amazing Vue.js.
  • vue-simple-i18n - Probably the thinnest library to end all Vue i18n solutions within 1kb
  • template-string-i18n - I18n using template strings with auto save/load translate documents.
  • vue-translations - Translate your vuejs application easy with it.
  • vue-i18n-service - Export and import vue-i18n's SFC translations.
  • vue-i18n-filter - Vue filter extend for Vue-i18n, simply using {{ hello world | t }}.
  • vue-translation-manager - Interactively find and translate strings in your Vue.js application. Works well with vue-18n and vuex-i18n.
  • vue-t9n - Simplest way to translate your applications
  • vue-simple-inline-translation - A Vue component that simplifies the way text is translated: by translating it inline.
  • vue-i18n-extract - Manage vue-i18n localization with static analysis. Make reports about missing and unused i18n entries.
  • vscode-vue-i18n-ally - VSCode extension for better Vue-i18n experiences.
  • v-intl - Global Intl wrapper for your awesome Vue 3 app 🔉
  • excel-vue-i18n - A plugin transforms excel file to i18n json format for translations.

Custom Events

Persistence

LocalStorage etc.

  • vue-localstorage - Vue.js localStorage plugin with types support.
  • vue-ls - Vue plugin for work with LocalStorage from Vue context.
  • vue-pouch - Live and reactive bindings for PouchDB. Persist data in IndexedDB and sync with CouchDB.
  • vue-idb - Lists and huge lists management with IndexedDB (Dexie.js) only or automatically created and extendible vuex modules
  • vue-browserstore - Browser storage wrapper.
  • VueStorage - Allows components to save and load their data across browser sessions.
  • vue-web-storage Another Vue.js plugin for localStorage and sessionStorage
  • vue-universal-cookies Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node).
  • vue2-storage Browser storage for Vue.js app
  • vue-warehouse A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
  • vue-storage-watcher - A reactive localStorage/sessionStorage plugin for Vue.js with strong typed.

State Management

  • vuex - Centralized State Management for Vue.js.
  • vue-sync - Synchronize Vue State with the Browser URL, Server Backend, and other endpoints.
  • vuelm - Lightweight state management inspired by Elm architecture.
  • vuez - A simple but powerful State Management for Vue.js, with only 2 APIs.
  • vuet - Vue.js state management model for Agile Development
  • vue-ya-stash - Yet Another stash storage with update/patch event emitters simillar with v-bind.sync
  • vue-assign-model - Automatically assign elements value to model for Vue.js.
  • vue-stash - Easily share reactive data between your Vue components.
  • vue-model - Model component for Vue.js
  • tuex - A mostly reasonable alternative to Vuex.
  • revuejs - A tiny, light and handy state management for vuejs 2, writing less verbose code.
  • lue - Vue and vuex based library, writing less verbose code.
  • vuex-lite - A 1KB Vuex with just state and mutations.
  • vue-shared - A light and simple alternative to vuex
  • vuex-module-generator - It allows you to create a vuex module easily.
  • vuex-declaration - Declare state like props, make state inject to vuex dynamically when component created.
  • vuex-up - Brings mixing and services injector features to module vuex.
  • effector — Fast and powerful reactive state manager. Effector lets you write simple, fast and type safe code and manage reactive state with ease.
  • nano-state-vue - Efficient, effective, and extensible state management: less is more
  • universal-model-vue - Unified state management for Vue (and also for Angular/React/Svelte)
  • vue-states - State management system for Vue with same API as Vue components
  • v-bucket - 📦 Fast, Simple, and Lightweight State Management for Vue 3.0 built with composition API, inspired by Vuex.
Redux
Mobx
  • movue - Mobx integration for Vue.js.
  • vue-mobx - Mobx binding for Vuejs 2.x.
Authentication/Authorization
  • vue-kindergarten
  • vue-authenticate - Simple Vue.js authentication library for login/register and OAuth (1.0/2.0) authentication
  • vue-facebook-account-kit - Simple vue wrapper to the fb account kit library.
  • casl-vue - Restricts what resources a given user is allowed to access
  • vue-google-api - A wrapper for easy integration of the Google's APIs client in any vue.js 2 project, based on promises, with built-in Oauth2 "Sign In with Google" facilities.
  • vue-auth - A simple light-weight authentication library for Vue.js
  • vue-auth-plugin - A simple authentication and authorization library for Vue.js using typescript
  • vue-google-signin-button - A simple Vue plugin to include a Google sign-in button into your web app
  • vue-facebook-signin-button - A simple plugin to include a custom Facebook sign-in button into your web app
  • vue-auth-href - A VueJS directive for downloading files that are under a protected route schema
  • vue-msal - Vue plugin for using Microsoft Authentication Library (MSAL)
Vuex Utilities
  • vuex-persistedstate - Persist Vuex state with localStorage.
  • vuex-plugin-jsdata - A plugin for syncing Vuex store with js-data.
  • vuex-local - Local state management within Vuex.
  • vuex-action - Utilities for vuex to easily create and manage actions.
  • vuex-rest-api - A Helper utility to simplify the usage of REST APIs with Vuex. Based on axios.
  • vuex-cache - A Vuex plugin utility to cache action those will make remote request.
  • vuex-persist - A Typescript-ready Vuex plugin to help save the store to localStorage or any custom Storage (that you can configure).
  • vuex-local-state - Add 'localState/sessionState' options to vuex. Keep the Vuex state with localStorage.
  • vuex-cli-scaffold - Scaffold vuex actions, mutations, getters and the state.
  • vuex-action-reload - A vuex plugin that reloads actions when a condition is met.
  • vuejs-storage - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.
  • vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
  • vuex-async-module - Reduce async boilerplate code generating Vuex modules. Compatible with Vue 2.x.
  • vuex-api - A vuex plugin for effortlessly handle api calls.
  • vuex-queries - Vuex-Queries helps you write query functions in Vuex
  • vuex-iframe-sync - Vuex state synchronization between iframe/window.
  • vuex-aspect - Bind remote data of any kind to the vuex store.
  • Vuenut - is a component to develop faster and more fluently.
  • vuex-map-fields - Enable two-way data binding for form fields.
  • vuex-search - Vuex binding for client-side search with indexers and Web Workers.
  • vuex-dry - helps keep your vuex codes DRY.
  • vuex-pathify - provides a unified path syntax to Vuex stores (such as foo/[email protected])
  • vuex-loading - Simplify vuex loading state management
  • vuex-module-builder - Vuex module builder is a wrapper for writing vuex stores efficiently with some common methods built-in.
  • vuex-pagination - Easily work with paginated resources in your Vue/Vuex application. Works well with most of the Vue pagination components.
  • vuex-easy-firestore - Easy coupling of Firebase Cloud Firestore and Vuex. 2-way sync with 0 boilerplate!
  • vuex-listener - A global Vuex action and mutation listener plugin
  • jsonapi-vuex - Use a JSONAPI api with a Vuex store, with client-side restructuring/normalization of records.
  • vuexi - provides utilities to simplify async actions and state management
  • stfalcon-vuex-loading-plugin - the easiest way to handle loading state of vuex
  • Vue Rest Resource - Rest HTTP resource management for Vue.js and Vuex projects.
  • Vuex Stateshot - 💾 A State Snapshot plugin on Actions/Mutations for Vuex3.1+.
  • vuex-loopback - Vuex module factory and Vue components for Loopback.
  • vuex-state-snapshot - A Vuex plugin to take state snapshot on mutation.
  • vuex-awesome-async - It wraps Vuex stores to easily manage async requests (loading, error and cache state).
  • vuex-factories - Factory functions to generate vuex actions and mutations.
  • vuex-hooks - Typescript enabled vuex composition-api hooks.
  • vuex-composition-helpers - A util package to use Vuex with Composition API easily.
  • vuex-ts-enhance - A tool to enhance mapXXX and dispatch methods hint
Sync Between Tabs

GraphQL

  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • vue-relay - A framework for building GraphQL-driven Vue.js applications.
  • vuex-orm-apollo - Apollo/GraphQL integration for Vuex-ORM.

Concurrency Management

  • vuency - Concurrency management for Vue.js.

Code Style

Improve readability of code

CSS

  • vue-bem-cn - Simple BEM class name generator for Vue.JS.
  • vue-css - Vue.js plugin that allows you to bundle CSS with your components.
  • vue-mods-names - Adding modificators to class names for all components in app.
  • vue-styler - Simple, performant styler for vue.
  • vue-css-modules - Seamless mapping of class names to CSS Modules inside of Vue components.
  • vue-simple-bem - Directive with succint syntax for adding BEM class names to elements.
  • fela-vue - CSS-IN-JS mixin for Vue designed for flexibility yet team-oriented.
  • j-vue
  • vue-spinners-css - Collection of pure CSS vue spinners components, css spinners for ajax or loading animation based on loading.io.
  • vue-css-doodle - Porting of css-doodle, a web component for drawing patterns with CSS.

Asset Management

Utilities for building / compiling / bundling / loading assets

  • vue-script2 - Standardized, designer-friendly script tag behavior for your Single Page App.
  • vue-loader - Webpack loader for Vue.js components.
  • vueify - Browserify transform for single-file Vue components.
  • vue-compiler - A simple cli wrapper around the vue-component-compiler.
  • vue-brunch - Adds support to Brunch for pre-compiling single file Vue components.
  • poi - Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.
  • http-vue-loader - Load .vue files directly from your html/js without node.js environment nor build step.
  • vue-jsx-hot-loader - Enable HMR for Vue.js components with JSX render functions.
  • VueInBrowserLoader - Loads a .vue file from the given URL and compiles it to a component directly in the browser.
  • vue-separate-files-webpack-loader - Webpack loader for separated Vue components parts
  • vue-svg-loader - webpack loader that lets you use SVG files as Vue components
  • vue-registrar - ☘️ A package that dynamically registers your components and vuex modules - Makes your code a lot readable!
  • vue-automatic-import-loader - webpack loader that auto import your Vue single file components by using a match function.
  • vue-aimg-loader - A easy way to use image in Vue template without wirte css.

Page Navigation

  • vue-navigation - A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生 APP 导航一样。
  • vue-acl - Access Control List for VueJS 2.
  • vue-breadcrumbs - Implements simple breadcrumb functionality with vue-router for both Vue 1.x and Vue 2.x.
  • vue-2-breadcrumbs - breadcrumb together with vue-router for Vue 2.x. and Bootstrap 4
  • vs-crumbs - Vue breadcrumbs in 40 lines of code that allows nested paths without child views.
  • vue-nav - Page navigation manager, support all navigation function of native mobile app. 页面导航管理器,支持手机原生应用的所有导航功能。
  • vue-2-crumbs - Breadcrumbs plugin for Vue.js 2 framework that allows to select parent route in route meta object with no need of sub-routing. Also allows using dynamic data.
  • vue-pesdk Vue.js wrapper for the PhotoEditorSDK
  • vue-resolve Resolve routes data before entering / rendering the component for that route.
  • vue-page-stack - Routing and navigation for your Vue SPA. Vue 单页应用导航管理器

Miscellaneous

  • vue-super - A simple plugin to call methods on parent components.
  • @skyrpex/props-to-local - Vue mixin that maps props to local data.
  • vue-inject - Dependency injection for Vue 2.x Components
  • vue-deepset - Interact with deeply nested fields in Vue/Vuex objects/state with v-model in Vue 1.x and 2.x
  • vue-gaspard - DOM helpers plugin for Vue.js
  • vue-configuration - A static configuration object for Vue.js
  • vue-lodash - A simple wrapper for integrating lodash to Vue 2.
  • vue-ramda - Vue Wrapper for ramda
  • vue-router-user-roles - Protects routes based on user roles. Add your own authentication.
  • vue-messenger - A series of useful enhancements to Vue component props: Transform, Enum-type, Numeric-type, Two-way data bindings.
  • vue-uuid-v4 - Plugin Vue2 to easy get UUIDv4
  • vue-async-operations - Managing async operations statuses in your Vue components
  • vue-direction - 👋 Direction aware hover in Vuejs
  • vue-unique-id - Generates unique component ids and component-scoped HTML ids.
  • stfalcon-vue-di - ⭐️ Lightweight DI for vue components️ ❤️
  • vue-uuid - Adds UUID to Vue instance.
  • vue-injector - Dependency injection for Vue 2.x
  • vue-subslot - 💍 Vue component to pick 'n choose what you want from a slot
  • vue-timed-content - Shows or hides content based on a given time range and timezone.
  • vue-live - A component to demo components, inspired by react-live.

Web Workers

  • vue-worker - A Vue.js plugin to use webworkers in a simply way.
  • vue-log-worker - A Vue.js plugin to log error and vuex mutations to your backend through a web worker

JSX

  • jsx-vue-functional - A Babel plugin that brings syntactic sugar for Vue functional components.
  • jsx-event-modifiers - A Babel plugin that adds event modifiers similar to Vue templates to JSX.
  • jsx-v-model - A Babel plugin that brings v-model to JSX.
  • vue-jsx-sync - A Babel plugin that brings vue sync modifier to JSX.

Migration

Web Sockets

  • vue-socket.io - Socket.io implementation for vuejs.
  • vue-websocket - Simple websocket (socket.io) plugin for Vue.js.
  • vue-echo - Integrates Laravel Echo into Vue, allows for easy registration of socket events.
  • vue-socket-cluster - Web Sockets for vue with uws(Micro web sockets) through socket cluster
  • vue-native-websocket - Native websocket implementation for Vuejs 2 and Vuex
  • vue-socket.io-extended - Socket.io bindings for Vue.js and Vuex
  • vue-phoenix - Elixir Phoenix Web Socket implmentation for vuejs. Also provides typescript decorator for better use.

Payment

Payment utilities.

Stripe
Paypal
Plaid

Integrations

Integrate with services or other frameworks

  • vue-disqus - Vue component to integrate Disqus comments in your application, with support for SPA.
  • vue-youtube-embed - Vue.js and YouTube.
  • vue-add-to-calendar - A Vue.js component that provides "Add to Calendar" functionality, works with Vue 2.X.
  • Vue + Meteor - Vue first-class integration in Meteor.
  • av-ts - A modern, type-safe, idiomatic Vue binding library.
  • Neutronium - Build .NET desktop applications using HTML, CSS and javascript.
  • vue-typescript-jest - Jest preprocessor.js for Vue.js components (supporting html, pug, and babel) and TypeScript.
  • vue-jest-utils - Utilities for testing Vue.js components using Jest.
  • vue-custom-element - Vue Custom Element - Custom Elements for Vue.js.
  • vue-cordova - Vue.js plugin for Cordova.
  • vue-wamp - AutobahnJS wrapper library fo Vue.js.
  • express-vue - Vue rendering engine for Express.js. Use .Vue files as templates using res.render().
  • vue-grecaptcha - Google reCAPTCHA for VueJS 2
  • vue-recaptcha - Google reCAPTCHA component for Vue.js
  • require-vuejs - RequireJS plugin to async and dynamic load and parse .vue components.
  • facebook-login-vuejs - Vue Component for Authenticating your Facebook App and get the benefits of Facebook Login.
  • vuejs/vuefire - Official Firebase Integration for VueJS
  • vuefire - Firebase for VueJS and Vuex
  • vue-runkit - RunKit Embed for Vue.js
  • vue-youtube - Provides a simple layer for you to use your imagination while over the YouTube IFrame Player API. (Compatible with SSR)
  • vue-introjs - Integrates intro.js step-by-step guide and feature introduction with Vue.js http://introjs.com/.
  • vue-loopback - Loopback and Vue application template
  • vue-laroute - Integrate Laravel routes into your VueJS application using laroute.
  • vue-raven - Automatically reports uncaught JavaScript exceptions triggered from vue component.
  • vue-telegram-login - Vue Component for Telegram Login
  • vuexpress - Vue + Express.js = VueXpress / A server-side rendering engine for Express.js. Use .vue files as your express.js templates.
  • vue-fixer - A simple vue component for the fixer API.
  • amazon-cognito-vuex-module - Vuex module for Amazon Cognito.
  • vue-web3 - Web3 blockchain bindings for Vue.js (inspired by Vuefire and Drizzle)
  • sbt-vuefy - Vue.js integration for Playframework
  • loopback-vue-starter - LoopBack and Vue starter template with easy plugin management through vue-cli and vue ui.
  • vue.py - Write Vue.js Components in Python
  • vue-telegram-passport - Vue Component for Telegram Passport
  • vue-facebook-login-component - A fully customizable component for integrating Facebook login.
  • vue-programmatic-invisible-google-recaptcha - A simple invisible Google reCAPTCHA component focused solely on programmatic invocation.
  • vbuild - Its main purpose is to let you use components (.vue files) in your vuejs app, without a full nodejs stack. Since 0.6 versions : you can create your component in pure python !
  • feathers-vuex - is a first class integration of the Feathers Client and Vuex. It implements many Redux best practices under the hood, eliminates a lot of boilerplate code, and still allows you to easily customize the Vuex store.
  • vue-nocaptcha - Aliyun noCAPTCHA component for Vue.js
  • ionic-vue - Vue.js integration for Ionic v4
  • vue-0xcert - Vue.js integration for 0xcert Framework - an open-source library that provides tools for building powerful decentralized applications
  • vue-zdog - Vue wrapper for zDog - a minimalist 3D engine for the browser
  • vue-unleash - A Vue plugin for the Unleash open-source feature flag platform
  • vue-zeye-client - A Vue plugin for simple use of the Zeye-server open-source mediasoup WebRTC SFU server
  • vue-postgrest - Vue.js integration for postgREST: flexible, powerful and easy to use.
  • Vuecket - WebFramework where power of Vue.JS married with magic of Apache Wicket
  • vue-ld - Vue LaunchDarkly plugin and routing utilities
  • Prisma - Logs visualization client for @sherlog/cli

Vue CLI Plugins

Google Analytics
  • vue-ua - Google Universal Analytics support in Vue.js.
  • vue-analytics - Vue plugin for Google Analytics.
  • vue-gtm - Vue plugin for Google Tag Manager
  • vue-gtag - Global Site Tag plugin for Vue
Yandex Metrika

Dev Tools

  • vue-dev-server - A small development server for building vue components.
  • 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.
  • vue-dummy - Placeholder Text and Dummy Images as a simple v-dummy directive.
  • 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.
  • ComponentFixture - is a component design to develop and test other components, automatically binding their props.
  • vue-cli-template-dev-server - A development server for building vue-cli custom templates.
  • vue-codemods - Collection of codemod scripts that help update and refactor Vue and JavaScript files.
  • codesandbox - An online IDE and prototyping tool for rapid Vue development.
  • vue-dom-hints - 💡 Get hints in the DOM. Minimal Vue devtool alternative.

Inspect

Inspecting & debugging

  • Vue.js devtools - Chrome devtools extension for debugging Vue.js applications.
  • DejaVue - Visualization and debugging tool built for Vue.js.
  • vue-clicky - Right click any component to show info about it in the console.
  • vuejs-logger - Provides customizable logging functionality for Vue.js.
  • vue-inspector - Vue.js Inspector for Mobile Devices
  • Vue Performance Devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components
  • VueSource - Global Vue mixin which identifies components in source code by adding HTML comments
  • NW-Vue-DevTools - DevDependency for adding Vue DevTools into NW.js
  • bruit-io - Collect feedbacks with screenshot and technical data and post them to an API like bruit.io.

Docs

Create documentation

  • vue-markdown-loader - Convert Markdown file to Vue Component.
  • vue-styleguide-generator - React inspired style guide generator for Vue.js.
  • CheatSheet - Complete Interactive API.
  • Vuex CheatSheet - Complete Interactive Vuex API.
  • vue-styleguidist - A style guide generator for Vue components with a living style guide.
  • vue-elucidate - A component that generates beautiful documentation for your living styleguide / design system.
  • vue-md-loader - Markdown files to ALIVE Vue components.
  • @vuedoc/parser - Generate a JSON documentation for a Vue file component.
  • @vuedoc/md - Generate a Markdown Documentation for a Vue file.
  • jsdoc-vue-component - A jsodc3 plugin that extract vue SFC info(name, props, events...) to document.
  • jsdoc-vuedoc - A jsdoc3 plugin use @vuedoc/md.
  • vue-storybook – Add <story> blocks to your Vue single file components for tighter integration of Vue + Storybook
  • vue-patterns - Useful Vue patterns, techniques, tips and tricks and helpful curated links.
  • vuese - One-stop solution for vue component documentation.
  • vue-dotmd-loader - A webpack loader for loader markdown file transform to vue file.
  • vue-tut - Easily build beautiful tutorials with Vue.

Test

  • vuenit - Utilities for testing Vue components and directives.
  • vue-unit - A library for Vue.js that makes it easier to create and unit test components.
  • vue-a2b - A library for Split Testing with Vue.js (A/B Testing). Highly configurable and tiny (1.2k gzipped).
  • vue-test-utils - Official utilities for testing Vue components.
  • vue-test-actions - Unit testing Vuex actions with Jest mocks.
  • jest-vue-matcher - Additional jest matchers for vue
  • 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
  • vuex-test-utils - Unit testing Vux with chai.
Browser-less require

Load Vue components without browser

  • vue-node - Load vue components in node.

Source Code Editing

Text editor plugins

Atom
Sublime Text
Vim
  • Vim Vue - Syntax Highlight for Vue.js components.
  • vim-vue-plugin - Vim syntax and indent plugin for .vue files.
Visual Studio Code
Visual Studio
  • VuePack - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library.
Brackets
Intellij
Emacs
  • Vue Mode - Emacs major mode for vue.js.
Kate
  • Kate Syntax Files - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).

Scaffold

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

  • vue-cli - Simple CLI for scaffolding Vue.js projects.
  • Vue-Django - A boilerplate to set you up in bringing the awesomeness of VueJS into a Django (Python) app.
  • python-vuejs - Gluing Python web frameworks and Vue.js with a set of scripts. Basically a vue-cli wrapper.
  • generator-vue-plugin - Yeoman generator generating vue plugin.
  • vue-seed - vue-seed is minimal seed for those looking to get up-and-running with Vue
  • nuxt-seed - nuxt-seed is minimal seed for those looking to get up-and-running with Vue and Nuxt
  • rails_vue_melt - Rails view with webpack=vue optimizer.
  • vue-starter - A Vue.js starter kit that lets you focus on more programming and less configuration.
  • vuejs-wordpress-theme-starter - A WordPress theme with the guts ripped out and replaced with Vue
  • Cordovue - A sample Apache Cordova application using Vue.
  • Cookiecutter-Django-Vue - Django+VueJS+Docker customizable project generator with a large number of settings/integrations
  • iBiu A visual CLI for scaffolding large Vue projects in 2 seconds.
  • wp-vue - A simple Vue blog template that displays posts from a WordPress REST API endpoint.
  • vue-cli-template-nativescript - Template for starting new nativescript+vue projects with rollup+babel+eslint
  • vue-element-ui-scaffold - Online and visual Vue 2 with Element-UI CRUD scaffold/generator.
  • vue-firebase-element-ui-scaffold - Online and visual Vue 2, Element-UI and Firebase scaffold/generator with CRUDs, authentication, file/image upload, activity log and more.
  • vuesion - The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices
  • vue-vuex-typescript-webpack-seed - A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot reloading
  • VueCharged Template - A highly opinionated, feature-first Vue 2 template with CLI scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n.
  • Huncwot - Vue.js boilerplate with Node.js for building modern JavaScript applications with « batteries included » approach.
  • wemake-vue-template - Bleeding edge vue template focused on code quality and developer happiness. Featuring: nuxt, flow, and jest.
  • vue-lib-template - 🛠 A simple template for building and publishing Vue component/library as a open source project.
  • Awesome Vue Boilerplate - 😍 Awesome Vue, 🥰 Vuex, Vuex-pathify, element-ui, tailwindcss
  • 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-cli-template-registry - A solution for installing vue-cli custom templates hosted on private/enterprise repositories.
  • Vuejs Firebase CRUD Starter with Auth
  • 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.
  • janak - Build your Vue 3 apps in a breeze 🌬

Client

Render Vue application in the browser only

  • Bourgeon - Bourgeon is an opinionated-featured VueJS 2.0 setup for Webpack.
  • Vue Settler - An opinionated Vue 2.0 SPA Starter.
  • vue-multiple-pages - A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and Element-UI
  • vue-typescript-boilerplate - A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue Router and localization
  • vue-tachyons-template - A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint
  • Vuets - A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli.
  • MMF-FE/vue-typescript - A vue2.x typescript template.
  • Friendly Vue Starter - A full-featured Vue.js starter project with GraphQL support via Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3, Eslint, Prettier, ...)
  • vue-ts-amd - A full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and Typescript.
  • vue-2-boilerplate - Vue 2 boilerplate for developing medium to large single page applications by petervmeijgaard
  • vue-cli-template-library - Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease.
  • vue-cli-template-github-pages - A full-featured Webpack + vue-loader setup for Github Pages Deployment with travisCI.
  • vue-webpack-chrome-extension-template - Template for quick creation of Chrome extension on Vuejs hot reloading when developing.
  • vue-auth-boilerplate - Vue SPA boilerplate with Router/Vuex/CLI3 and auth functions (cool looking register and login). Works with minimal setup out of the box with laravel-api-boilerplate-jwt.
  • vue-atomic-design - Vue front-end boilerplate based on atomic design methodology.

Universal

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

  • SPA Starter Kit - A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js.
  • SSR Boilerplate - Vue.js server-side rendering boilerplate without polluting Vuex.
  • neutrino-preset-vue-static - A minimalistic starter kit for building static sites using Vue.js.
  • Vueniverse - A fully featured, universal Vue template for user-based applications, powered by Nuxt.js and Express.
  • vue-preload - A plugin Vue for adding <link rel="preload" capabilities
  • Vue.js/Nuxt.js full-featured boilerplate - professional agency frontend template for building fast, robust, and adaptable web apps or sites by vuejs/nuxtjs.

Server

Includes a backend boilerplate

  • Vuetober - Single page apps with Laravel, Vue.js, and October CMS.
  • vue-server-demo - Writing koa server in Vue.
  • vue-apollo-connector-kit - JWT authentication with 2 different strategies (localStorage and httpOnly cookies). Authorization using custom directives (apollo).
  • DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access.
  • isomor-vue-app - Setup a working environment with Vue and isomor, to unify the frontend and the backend by generating automatically the API.

Electron

  • Electron Vue - An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
  • VuePack - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).
  • vue-flexible-link - Tiny Vue component for Electron to open links in a browser. Ideal for cross-environment apps (Web & Native)
  • vuelectron - electronjs starter kits for vue.
  • vue-design - the best website visualization builder with Vue and Electron.
  • dapp - Boilerplate for stack of Vue/Parcel/Electron.
  • vue-electron-template - An Electron & Vue.js boilerplate with Hot-reloading enabled and common Vue plugins, dev and build scripts configured using webpack-4

Parts

Scaffold parts of the app

  • vue-generator - A CLI generator for Vue components, views and store modules.
  • vue-component-generator - A generator for vue component, supports Vue1.X and Vue2.X.
  • rapydml_cmp - Vue-component pythonic generator, built on top of RapydML & RapydScript.
  • vue-authoring-template - Template for authoring also publishing Vue component and their use case in story-scenario (storybook) format in easy way.
  • vue-component-boilerplate - Template for generating the boilerplate code for a VueJS component, with build scripts and testing pre-installed.
  • vue-generate-component-typescript - A typescript code generator for vue, it can generate components, directives, filters.

Runtime

Command Line / Terminal

  • blessed-vue - A VueJS runtime to let you write command line UI in Vue Edit

Prerendering

  • react-snap - A zero-configuration static pre-renderer for SPA
  • prerender-plugin - A Node.js/ webpack plugin to prerender static HTML in a single-page application (SPA).
  • vue-prerender - A Vue.js tailored plugin which implements three strategies for prerendering Vue.js pages using headless chrome.
  • Rendora - dynamic SSR (server-side rendering) using headless Chrome to effortlessly solve the SEO problem for modern javascript websites
  • pre-vue - A boilerplate Vue + Nuxt project that offers built-in support for OpenGraph tags, Google Analytics, a sitemap, and robots.txt.
  • ssr-vuejs-nodejs - Server-side render vuejs with nodejs without Nuxt.


CC0

About

🎉 A curated list of awesome things related to Vue.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published