Vue.js Workshops - Learn Vue 2, in browser, by building 3 applications: Landing page, Todos App and Podcasts aggregator.( Vue.js, Vue-Router, Vuex, Vue-Axios, Vue-Apollo )
Vue.js Articles - Assorted Vue 2 and 3 tutorials and articles.
Vue.js debugging in Chrome and VS Code This recipe shows how to use the Debugger for Chrome extension with VS Code to debug Vue.js applications generated by the Vue CLI.
Strong Together - A starter project to build single page Vue.js apps as stand-alone or for Laravel / Laravel Spark projects, based on Browserify and Semantic-ui) by WebSemantics
vue-s3-dropzone A Vue.js drag-and-drop component uploads files to AWS S3 serverlessly
easy-vue a easy example using the vue to implement easy web with vue 2.0, vuex 2.0, vue-router 2.0, vue-infinite-scroll 2.0, vue-progressbar 2.0 by TIGERB
aspnetcore-Vue-starter A VueJS 2 starter template as part of an asp.net MVC dotnetcore project. This template includes the VueJS client app and a backend API controller.
vue-reddit-app A Reddit SPA demo built with Vue 2.X , Vue Router 2 , Vuex and axios. Using Muse-UI and vue-cli webpack template by @yujiahaol68
vue-music-qq A qq-music project is based on vue-cli. The pages are simple and smooth
todo-mvc-webpack by voluntapear TodoMVC implementation on Vue 2 using the webpack-basic template with examples showing vuex, vue-router, central event bus and VueFire.
koa-vue-notes-web - A fleshed-out SPA using Koa 2.3 on the backend and Vue 2.4 on the frontend. Includes fully featured user-authentication components, CRUD actions for the user's notes, and Vuex store modules.
Multi-page ASP.NET Core Vue with TypeScript - Multi-page ASP.NET Core Vue, Typescript, Vuex, Vue router, Bulma, Sass and Jest application. Template/starting point on how to use Vue.js as a multi page(multiple mini spa's) application in .NET Core MVC.
CION - Design system boilerplate for Vue.js - A design system build primarily for Vue.js applications. It utilizes design tokens, a living styleguide with integrated code playgrounds and reusable components for common UI tasks.
Vue websockets example - A basic example of Websockets usage with Vue.js 2 + Node project for full working example.
Vue webpack typescript Boilerplate with sass/ts/sfc linters. Full typesafety including vuex and nice looking vue component with vuex-module-decorators, vue-property-decorator
TO - A social media app that allows you post just texts.
All-About-Me - A Social Media Web App built with Vue, Firebase (Firestore/Auth/Storage), Element-UI, Disqus, Vuex, Vue-Router, and Sass. Supports image uploading, profile editing, add/remove friends, and comments.
Vue Voyagers 👽 Space Travel - A Vue.js Gamified example SPA that consumes a REST API. It presents infographics via D3.js, animation, and web audio.
TodoMVC Vue 3 Composition API - A complete TodoMVC implementation in Vue 3 Composition API with components, store, unit e2e tests and linting.
TodoMVC Vue - A complete TodoMVC implementation in Vue 2 with components, store, unit e2e tests and linting.
Vue 3 example without Webpack - An example of how to build a Vue app with Vue-Router without the need for Webpack or any other build tool. Includes the ability to prerender components and pages with Vue Server Renderer.
vue-stack-cesium - A minimal sample configuration project with CesiumJS and all the awesome vue features. The project contains many examples how to combine and use certain packages to get started.
Shopify Theme Lab - Shopify theme development starter using Vue, Vuex and Tailwind CSS
Peer to Peer game of telephone - A party game for 4 to 8 players (ideally!) where you mutate a phrase through drawings and captions, to make up funny scenarios with your friends. The project is an example of how to build a Peer-to-Peer game with Vue.
Vue3-Starter A boilerplate with an opinion on how to structure your files/folders with a few examples such as Vue Router navigation guards, theming with TailwindCSS, form validation w/ Vuelidate, localization with Fluent, etc.
Text Editor Text Editor made with Vue 3 Composition API, Bootstrap and Firebase by İsa Sarı
Vue 3 + Laravel v9 - Boilerplate / Starter kit An implementation of the Laravel Breeze application / authentication starter kit frontend in Vue.js v3. How a library can become a framework with the help of pinia and vue-router.
h5 A Monorepo-based mobile engineering project. (Monorepo + Pnpm + Vite3.x + Vue3.2+ + TypeScript4.x + VueRouter4.x + Pinia...)
VueJS Admin Template - Collection of awesome opens source and premium VueJS Admin Templates.
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.
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
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.
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.
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 quickly 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.
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.
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 🆕🎉
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) implemented in 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.
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 beautiful 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 beautiful photos and pictures.
karrot-frontend - Web application for organization of foodsaving groups worldwide.
Realtime quiz framework - A starter kit built with NodeJS, VueJS and Ably providing the scalable base networking framework to host a live quiz
LogChimp - Open-source software to track your customer's feedback to build better products.
Trooveo - Search, listen to YouTube videos (Audio Only), No YouTube Api.
Yacht - A Docker container management webui using Vuetify for a hassle free way of managing docker containers and projects.
Antares SQL - Cross platform SQL client made to be simple and complete.
Bagisto - A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.
Samaya - Friendly personal dashboard on Chrome's new tab; featuring Nepali calendar, daily Nepali quotes & Nepali wallpapers.
Mythic table - A Free and Open Source virtual table top for playing Role Playing Games.
GrandNode 2.0 - Open Source Cross Platform E-Commerce Solution based on .NET Core 5.0 and MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS
Aimeos - Leading Laravel eCommerce framework to build ultra fast online shops, marketplaces and complex B2B applications scalable from 1 to 1,000,000,000+ items
XIV ToDo - Dashboards, completion trackers, tailored weekly and daily checklists and tools for Final Fantasy XIV.
KodaDot - NFT Marketplace on Polkadot funded as public good, written in Vue.js
He3 - Free and Modern Developer Utilities Toolbox.
RunJS - JavaScript playground that evaluates your code as you type and gives instant feedback. Ideal for prototyping ideas or trying out new libraries.
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).
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.
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
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.
IDDEF☪️ The Federation of the Associations that Value Humanity's webpage, CMS, CRM and Donation and all e-commerce pages are designed with Vue.js, Vuex and pure JavaScript 🙏
Roast an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
YBR - Centralized YBS Public eComplaint Management System. (Full SPA)
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.
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.
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.
Deadlines - An offline, simple deadline tracker made with Vue.js and localForage.
Scraperbox - Undetectable web scraping API. Built with Laravel and Vue.
Darwin Analytics - Tool for measuring and optimizing your site. Built with Vue3 and Vite.
CryptoTracks - Unleash and discover musical creativity on the Ethereum blockchain.
CodeSnippet - A collaborative code editor for teachers and students.
Gradientos - Gradientos makes finding gradients easy.
httptools.dev - Collection of many online checks and tools for web developers, like a JSON formatter, redirect check or URL encoder. Built with Vue3 and vue-router, backend API uses Laravel.
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
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 customizable 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.
vue-dataset - A set of Vue.js components to display datasets with filtering, paging, and sorting capabilities!
jz-gantt - A high-performance Vue gantt component, which includes highly customizable table columns, dynamic update data, freely drag the progress bar, switch header, etc.
vue3-easy-data-table - A easy-to-use data table component made with Vue.js 3.x, referring to the API and UI of data table component in Vuetify 2.
lv2-datatable - Integrate the Laravel datatables with your Vue app without using JQuery.
vuetify-resize-drawer - Vuetify v2. The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.
Notification
Toaster / snackbar — Notify the user with a modeless temporary little popup
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 - Vue 2 & 3 🎉 customizable, reactive, and reusable tooltip component that supports plugin options, props, and multiple use-cases. Also works with SSR (e.g. VuePress, Nuxt) and includes TypeScript types. (Vue 3 is available on next branch/npm tag)
Tippy.vue - Nesting-free Tippy.js directive/component for Vue 3. A drop-in addition with no structural or style changes required. Supports both individual and singleton tooltips.
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-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.
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.
vue-it-bigger - A simple image / (YouTube) video lightbox component for Vue.js.
v3confirm - A plugin dedicated for vue3 to show confirm dialog modal.
vue3-promise-dialog - Let's you create promise based dialogs in Vue 3 (Composition or Options API) with ease !
vue3-side-panel - 🔥 Easy to use and flexible modal sidebar component for Vue3.
vuejs-confirm-dialog - 💬 a simple way to create, reuse, promisify and build chains of modal dialogs in Vue.js.
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-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.
swiper - Official Swiper component for Vue 3. Tree shakable, SSR support, typing, a11y and a lot more
vue-split-carousel - A carousel component meanwhile display several carousel item, support vue 2 and vue 3.
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-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
vue-use-sound - A Vue Hook for playing sound effects.
vue-flv-player - An HTML5 Flash Video (FLV) Player component for Vue 2.x, based on flv.js.
control-knob - Rotary control knob component for Vue 3 that behaves like audio app controls.
simple-vue-camera - A simple to use, but extensive, camera component for Vue 3 with Typescript support to create great camera experiences.
vue-vision-camera - Camera component for Vue 3. We can use this component for computer vision tasks like barcode/QR code scanning, text recognition, etc.
vue-loop - An infinite content loop component for Vue.js 2.
vue-scroller - An infinite content loop component for Vue.js 2, including functionalities such as 'pull-to-refresh', 'infinite-loading', 'snaping-scroll'.
vue-infinite-list - An infinite list mixin can recycle dom for Vue.js 2
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.
vue-socials - 💬 Social media share buttons and counts for Vue.js.
vue-share-modal - A pure, lightweight, and beautiful share modal for Vue 3.
QR Code
vue-qriously - A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
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.
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-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-airbnb-style-datepicker - A Vue datepicker with a similar look and functionality as the popular AirBnb datepicker. Lightweight, configurable and good browser support!
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-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) 🆕
@alireza-ab/vue-persian-datepicker - A datepicker component for select persian date. (single and range selection, select date and time, select with keyboard, customizable style, localization)
@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
vue-input-facade - A lightweight and dependency free input masking library created specific for Vue, originally a fork of the famous vue-text-mask but actively maintained and with lots of improvements after there.
vue-img-cutter - A vue plugin for image cutting tool,it's very convenient to use.
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.
awesome-image - An universal image component for Vue2 / Vue3 / Nuxt with Lazyload / Responsive / Progressive / Auto-WebP / WebGL Filter / WebGL Transition supported.
TwicPics - Components replacing img and video tags with lazy loading, CLS optimization, and progressive loading out-of-the-box and enabling media optimization and manipulation.
Video Manipulation
vue-playlist - A lightweight vue (2.0) component with no dependencies 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.
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-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'].
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 (vertical or horizontal).
splitpanes - A Vue JS reliable, simple and touch-ready panes splitter / resizer.
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-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.
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.
dashboard - A dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x. Online Demo
vue-admin-next - Professional enterprise application with Multi-Module Design, Vue Composition API, and Friendly User Interface. Online Demo
vue-pro-sidebar : A responsive template starter with the ecosystem configuration (vue-router, vuex), this boilerplate allows you to choose your preferred colors. Live demo
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
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
v-on-page-video - Vue.js directive to change the state of a Video element on visibility change
vue3-click-outside - Directive for Vue 3 to run a method on clicking outside of the binded element
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)
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 encapsulates your forms and handles their states and validations.
ps-validation - A Vue plugin that provides out-of-the-box data validation rules, very much inspired by the 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.
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 supports 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
vue-scrollama - A Vue component to easily setup scroll-driven interactions (aka scrollytelling).
Customize the scroll behavior
vue-scroll-behavior - Customize the scroll behavior on route navigation. Especially hash mode.
vue-scroll-stop - Stops propagation scroll when edge reached.
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-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 plugin, component or directive to simply use SVG sprite (vue 3.x, 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)
vue-material-design-ripple - Add material design ripple to any element. Use any ripple color you want. No performance issues. Mobile friendly. No dependencies. It just works.
v-github-icon - easily add "that" tiny GitHub icon on the right/left corner of your Vue components/libraries demos' 🤙
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.
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.
vue-request - ⚡️ Vue 3 Composable for data fetching, supports SWR, polling, error retry, cache request, pagination, and other cool features.
swrv - Stale-while-revalidate data fetching for Vue.
vue-vroom - A plugin for REST APIs, that lets you quickly generate type safe stores and a mock API with minimal config.
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)
vue-simple-acl - A simple unopinionated Vue plugin for managing user roles and permissions, access-control list (ACL) and role-based access control (RBAC).
vuex-ts-enhance - A tool to enhance mapXXX and dispatch methods hint
vuex-masked-modules - A Vuex plugin put data structure of the module in localStorage, with the ability to mask or encrypt the data to make it difficult to explore. Designed for Vue 3 and Vuex 4.
Sync Between Tabs
vuex-basement - Vuex state persistence and synchronization between tabs/windows.
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.
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
vue-yandex-metrika - Vue plugin for Yandex Metrika with router integration, plugin options
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-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.
[email protected] - Atom.io package to lint Sass/SCSS in .vue files.
[email protected] - Atom snippets for javascript and components, including lifecycle hooks, directives, properties, vuex, vue-router, vue-i18n support.
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 - Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
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.
vue3-compact-template - ⚡️ A simple and compact vue 3 template with current cutting edge front end technologies.
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.
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)
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
vuejs/awesome-vue
Awesome Vue.js

Resources
Official Resources
External Resources
Job Portal
Community
Conferences
Podcasts
Youtube Channels
Official Examples
Tutorials
Metric Loop
Metric Loop
Metric Loop
Metric Loop
Udemy
by the Net NinjaUdemy
by Maximilian SchwarzmüllerExamples
Ngexplorer
vue-router
, Airbnb eslint, webpack. by @aweber1Ngexplorer
with quasar frameworkPhoenix Framework
, Vue and Vue Router (demo)Phoenix Framework
, Vue, Vue Router and Vuex (demo)vuex-module-decorators
,vue-property-decorator
.vue.d.ts
Books
Blog Posts
Courses
Documentaries
Projects Using Vue.js
Open Source
Commercial Products
Apps/Websites
Vuejs
andGitHub GraphQL API v4
.Interactive Experiences
Enterprise Usage
A11y
Components & Libraries
UI Components
Table
Tables / data grids
tailwindcss
Notification
Toaster / snackbar — Notify the user with a modeless temporary little popup
Velocity
for animations.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
next
branch/npm tag)Overlay
Overlay / modal / alert / dialog / lightbox / popup
a11y-dialog
.gallery
orcarousel
directive
that automatically adjust yourimg
to correctorientation
.Escape
key/X-mark
closing and allows you to concentrate on its content only.Parallax
Icons
Marquee
Menu
Minus Plus Input
Carousel
Charts
Time
Display time / date / age
Calendar
Display non-editable events in a Calendar
demo
.Map
Audio / Video
<audio>
.Infinite Scroll
Pull-to-refresh
Markdown
PDF
Tree
Graph
Social Sharing
QR Code
Search
Miscellaneous
Tabs
Form
Let the user create & edit data
Phone Number Input Formatter
Pincode Input
Picker
Generator
Date Picker
Date / datetime / time Picker
Select
Slider
Drag and Drop
vue-dragula
fork forVue2
, with a lot of improvements.Autocomplete
Autosuggest / autocomplete / typeahead
Type Select
Let the user select a tag / something while typing
Color Picker
<input type="color">
Switch
Switch / on/off toggle / checkbox
Masked Input
Rich Text Editing
Image Manipulation
Edit images
Display images
Video Manipulation
File Upload
Context Menu
Miscellaneous
this.$isMobile()
that returns a Boolean value depending on whether or not the user is browsing with a mobile.contenteditable
with all the features you normally expect. Make beautiful inputs without the restrictions ofinput[type='text']
.<textarea>
and<input>
elements allowing them to automatically stretch to fit the content.Wizard
CSV
Comment System
Canvas
Link Preview
Tour
Data Masking
Authentication
UI Layout
Layout for the overall / main view
console like Chrome Devtools
for vue.Frameworks
Responsive
Set of components + responsive layout system
Mobile
UI frameworks for mobile
Set of components for mobile
Component Collections
Set of components without layout system
Admin Template
Set of admin template
vuestic-ui
.Server-side rendering
Static website generator
Other
UI Utilities
Event Handling
Handling of user events (scroll, click, key strike, ...)
vue-router
Responsive Design
wXS
returns if screen width is xs,wSM
returns true if screen width is sm, etc...ResizeObserver
.Form
Validation
Provider Component
that encapsulates your forms and handles their states and validations.Resize
Scroll
Set window scroll position
Virtual scrollbar
Detect when components enter viewport
Customize the scroll behavior
Seamless scrolling
Routing
Lazy Load
Pagination
tailwindcss
Animation
<animated-tada>
!slideUp
/slideDown
, but for Vue!anime.js
directives for Vue.Meta Tags
Manage meta information in the document head
<title>
and meta tags from within your views.vue-headful
alternative with TypeScript support.Portal
Move a DOM node to a target DOM node
Filters
SVG
rect
,polygon
, and many more, even HTML Element likecanvas
if wrapped inforeignObject
)<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
template
useContext
from React HooksTypescript
vue-property-decorator
in Vue 2.HTTP Requests
Retrieve data over HTTP
asyncData
andasyncComputed
plugin with support for debouncing, transforming results, error handlers, loading/pending flags, lazy/eager requests.vue-resource
that instruments outgoing HTTP requests with Zipkini18n
Internationalization / L10n / localization / translation
vue-i18n
's SFC translations.{{ hello world | t }}
.Custom Events
Persistence
LocalStorage etc.
State Management
Redux
Mobx
Pinia
Authentication/Authorization
Vuex Utilities
foo/[email protected]
)mapXXX
anddispatch
methods hintSync Between Tabs
GraphQL
Concurrency Management
Code Style
Improve readability of code
CSS
Asset Management
Utilities for building / compiling / bundling / loading assets
Page Navigation
Miscellaneous
Web Workers
JSX
v-model
to JSX.sync modifier
to JSX.Migration
Web Sockets
Server-Sent Events
Payment
Payment utilities.
Stripe
Paypal
Plaid
Integrations
Integrate with services or other frameworks
vue-cli
andvue ui
.Vue CLI Plugins
Google Analytics
Yandex Metrika
Dev Tools
vue
components.v-dummy
directive.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.Inspect
Inspecting & debugging
Docs
Create documentation
@vuedoc/md
.<story>
blocks to your Vue single file components for tighter integration of Vue + StorybookTest
Browser-less require
Load Vue components without browser
Source Code Editing
Text editor plugins
Atom
.vue
files.Sublime Text
Vim
Visual Studio Code
Visual Studio
Brackets
Intellij
Emacs
Kate
Scaffold
Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator
vue-cli
wrapper.Client
Render Vue application in the browser only
Universal
Render Vue application to HTML on the server and to the DOM in the browser
<link rel="preload"
capabilitiesServer
Includes a backend boilerplate
Electron
Parts
Scaffold parts of the app
Runtime
Command Line / Terminal
Prerendering