List.community


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

Projects Using Vue.js

Open Source

  • PageKit5k 676 - Modular and lightweight CMS built with Symfony components and Vue.js.
  • npmcharts.com38 2 - Compare npm packages and spot download trends.
  • Koel9k 1k - A personal music streaming server that works.
  • RSS Reader443 54 - Simple RSS Reader made using atom electron and vue.js.
  • Gokotta381 38 - A simple music player built by electron and vue.
  • CoPilot972 211 - An admin portal based on AdminLTE with vue.js integration.
  • Retrospectify15 6 - A simple tool for doing collaborative retrospectives in agile teams.
  • jade-press23 5 - Cms based on mongodb, nodejs, koa, vue and more.
  • astralapp846 73 - Organize Your GitHub Stars With Ease.
  • EME2k 136 - An Elegant Markdown Editor.
  • Github-explorer64 15 - A spa which can help you check your github in a better way.
  • Hotel7k 321 - Start your dev servers from your browser and get local domains in seconds.
  • Surfbird61 9 - A Twitter client written with modern web technologies.
  • Approach0118 14 - A math-aware search engine.
  • Flox312 71 - Self Hosted Movie, Series and Anime Watch List.
  • JavaScript Guessing Game269 38 - A game for identifying JavaScript tools and libraries.
  • vue-ghpages-blog267 100 - A blog based on GitHub pages by Vue.js 2 + Webpack 2.
  • Vuedo1k 311 - Blog platform, built with Laravel and Vue.js.
  • vue-music163 - A Vue.js project for music.
  • Tomato5127 10 - Real-time collaboration tool, it combines Pomodoro Technique with a team status share board.
  • Web Learn17 2 - A service which provides simple access to thousands of video tutorials on web developing and programming.
  • ExcelJSON13 3 - A tool to convert CSV, TSV to/from JSON.
  • Materialize-blog185 51 - A material blog built with Laravel5.3 and Vue2.x.
  • VueCompomnentGenerator37 5 - Generate vue single file component on browser.
  • SDR News6 2 - News for web designers and developers aggregated from multiple sources (Reddit, Hacker News and Prominent Blogs).
  • PJ Blog2k 422 - Open source blog built with Laravel and Vue.js.
  • Lulumi-browser88 13 - Lulumi-browser is a light weight browser coded with Vue.js 2 and Electron.
  • vue-wordpress-pwa219 46
  • OpenAPI 3 viewer4 1 - Browse and test a REST API described with the OpenAPI 3.0 Specification
  • Stacer934 102 - Linux System Optimizer and Monitoring
  • Distrochooser.de6 3 - An orientation guide for Linux beginners
  • Buka70 11 - EBook Management
  • Docute1k 188 - A framework for writing documentation without build process
  • pm86 - Production process manager for Node.js apps Websites
  • vms1k 175 - A Vue.js 2.0 Management System
  • nativescript-vue638 43 - A Vue.js implementation of the NativeScript renderer.
  • piper28 14 - A drag-and-drop mobile website builder base on Vue.
  • mmf-blog-vue2106 25 - A blog based on Vue2(Vue-router, Vuex) and Webpack2.
  • Media Manager - Web File Manager.
  • dyu/bookmarks15 1 - 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-stats42 9 - npm package download statistics dashboard
  • vue2-admin-lte201 56 - a project that converts AdminLTE to work with Vuejs (v2.x).
  • Dockeron90 9 - A project built on Electron + Vue.js for Docker on desktop.
  • Flamme78 5 - An open source Tinder desktop client built with electron and Vue.js for educational purposes
  • Goldfish1k 96 - A HashiCorp Vault UI built with VueJS, Golang, and Bulma CSS
  • Adminify27 4 - An Admin dashboard based on Vuetify, check the Online Demo
  • promptie - A framework written in Vue.js for creating command-line like interfaces in web browsers.
  • Hare93 15 - 🐇 Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
  • Paper-Dashboard406 58 -Creative Tim Paper Dashboard made for Vue
  • AdminLTE-VueJS212 4 - An open source project that implements VueJS (v2.x) on AdminLTE.
  • Material Dashboard38 11 - Creative Tim Material Dashboard made for Vue
  • Explore-Github19 11 - VueJS 2 Github Explorer Using API v3
  • CoreUI901 289 - Open Source Admin Template powered by Vue.js
  • ChuckNorris5 1 - Chuck Norris Jokes Generator built with VueJS + api.chucknorris.io
  • LeafPlayer33 7 - A simple and fast, privately hosted music streaming server.
  • JSON Editor12 2 - A schema-aware JSON editor. Develop with Vue2.
  • Voten751 126 - 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.
  • Astrum1k 79 - 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-rekognition4 1 - A Face Detection Amazon Rekognition with Vue2 + Vuetify + Progressive Web App
  • AmmoBin.ca3 2 - 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.js1k 204 - A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
  • vue-pwa-speech16 2 - 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
  • TidyTab17 2 - A Chrome extension for tidying up those tabs.
  • peregrine-cms1 1 - A Vue.js and Apache Sling based head-optional CMS
  • concept-to-clinic262 113 - Lung cancer prediction project with Vue.js interface
  • grid-awesome - Generate boilerplate css for grid layouts using the css display: grid; property.
  • Light Bootstrap Dashboard209 23 - 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 scallable VueJs framework with an integrated API system, and multiple advanced features.
  • - 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-storefront593 129 - Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.
  • fd-vue5 14 - Vue.js client for an IoT framework
  • wildfire98 7 - A drop-in replacement for other comment plug-ins.
  • Uber Run - Simple automation desktop app to download and organize your tax invoices from Uber.
  • 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 Notes11 1 - A simple code snippet manager for developers built with Electron & Vue.js.
  • Pomotroid - Simple, visually-pleasing and customizable Pomodoro timer.
  • XMR Miner353 16 - 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 CMS131 29 - 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 Player145 48 - Podcast-optimized, HTML5-based audio player featuring chapters, transcripts and embedding.

Commercial Products

  • Wijmo - A collection of UI controls with VueJS support.
  • Collate Notes
  • Formester - Form, email marketing automation made easy
  • 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

Apps/Websites

  • Laravel Spark
  • Vice Video
  • Formlets
  • Laracasts
  • esa.io
  • 稀土掘金
  • Prague Airport
  • Portfolio Site
  • Laravist
  • Atiiv - An app aimed for personal trainers and their clients.
  • Statamic
  • Embalses! - A tool to report water dam level using the U.S. Geological Survey database.
  • TravelMap - A simple way for travellers to create a blog based on a Map.
  • Proper Cloth Shirt Builder - Custom shirt builder.
  • CheckIt
  • Reddit News46 1 - A browser extension which show notifications and news from reddit.
  • Powerpuff Yourself by Cartoon Networks
  • 小桃酱
  • cloudradioo - Web app that plays randomly all top 50 songs from the soundcloud charts
  • 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.
  • Leapspotleap - A simple way to look up wikipedia articles near you. Or simply navigate to a place and find interesting wikipedia information. Responsive web app.
  • X-SONGTAO - A Personal blog. FE and CMS are in same vue SPA.
  • Jobinja - A Job Board and career platform operating in Iran.
  • 滚蛋吧！莆田系 - Show all Putian hospital information
  • Jobi : Recruiting Platform
  • The Spice House - Ecommerce website for high quality spices. Checkout, cart, the product detail page, and search are built using Vue. Checkout is a single page app written with Vue & Vuex.
  • Livestorm - Webinar / Live events app.
  • Metric Loop - A technology services and solutions website.
  • 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).
  • FreePoll.Online - A group decision making tool built using Vue.js, vue-sortable, Semantic UI and Zappa.
  • 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.
  • Top HN - A real time display of top news activity on Hacker News
  • 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, based on Vuedo1k 311 .
  • 蒜瓣 - 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-ssr72 15 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
  • n2ex85 13 - A vue ssr(nust) 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
  • Talk to Someone - Free, anonymous and confidential online text chat with strangers around the world.
  • 轮子工厂 - A ui components and libraries sharing website
  • ابیات ناب پارسی - A collection of Persian poems
  • Ripplectron12 2 - Ripple(Blockchain coin) Wallet Desktop client for vue-electron
  • PingBreak A free and simple website monitoring service using vuejs for real-time dashboard
  • Todoist Tribute5 1 - 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.
  • WynnStats - A unofficial WynnCraft statistics.
  • Save Coins - Save Coins helps Nintendo Switch owners to save money on Nintendo eShop.
  • Vectr - A free vector graphics software
  • brain bits35 2 - 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
  • MECHANICAL - Reddit mod for Firefox that surfaces contextual data insights.
  • 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.

Interactive Experiences

Enterprise Usage

Components & Libraries

UI Components

Table

Tables / data grids

  • vuetable-2874 199 - Data table simplify.
  • vue-tables-2371 89 - Vue.js 2 grid components.
  • vue-datasource292 73 - A vue.js server side component to create dynamic tables.
  • ag-grid-vue36 5 - Vue adaptor for ag-Grid.
  • vue-data-tables589 129 - Vue2.0 DataTables, based on element-ui.
  • vue-floatThead - Vue 2.0 component for floatThead, a floating & sticky table header plugin.
  • vuetiful-datatable126 15 - Datatable component with sorting, filtering, pagination, grouping and aggregation.
  • vue-materialize-datatable14 6 - VueJS datatable for Materialize CSS
  • vue-good-table215 83 - An easy to use, VueJS (2.x) table plugin with sorting, column filtering, pagination etc.
  • vue-grid11 2 - A flexible grid component for Vue.js
  • vue-easytable596 107 - A powerful table components based on Vue2.x
  • vue2-datatable-component131 25 - The best Datatable for Vue.js 2.x which never sucks
  • vue-js-grid118 6 - Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering
  • vue-handsontable-official38 15 A Vue.js wrapper for the the Handsontable spreadsheet component
  • vue-grid - A powerful flexbox grid system for Vue.js 2.x, built with inline-styles
  • vue-data-tablee3 2 - Based on vue-good-table, a simple and pretty table component
  • vue-scrolling-table7 2 - Simple table component with flexbox sizing, scrolled table body (horizontal and vertical), slots for all tr/th/td rendering.
  • el-search-table-pagination22 5 - Combines Form, Table and Pagination components of Element UI together. Based on Vue 2.x.(Detail)
  • vue-crud-x4 1 - 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-table4 1 - A simple table component based Vue 2.x.

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

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vuedals17 9 - A VueJS (2.x) Plugin for multiple modals windows with a single component instance.
  • sweet-modal-vue268 24 - The sweetest library to happen to modals. Now available for Vue.js.
  • vue-js-modal381 61 - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
  • vudal - Modal window for vue.js
  • vodal121 18 - A vue modal with animations.
  • vue-image-lightbox14 9 - A Vue image lightbox/gallery to display images nicely.
  • vue2-simplert122 23 - Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan Maulana
  • Vue-Semantic-Modal - Vue 2 Semantic-UI modal component without jQuery dependency
  • v-img76 12 - Easy to install image gallery.
  • vue-dialog-drag4 1 - Draggable dialog
  • vue-ya-semantic-modal - Yet another semantic-ui modal component for Vue2 without Jquery but with Vue transition
  • vue-pure-lightbox4 1 - Very simple lightbox plugin without any dependencies - only Vue! 🖼
  • v-viewer10 1 - Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js3k 269
  • vue-messagebox - Easy and made-to-order messagebox component on Vue.
  • vuejs-dialog52 8 - A lightweight, promise based alert, prompt and confirm dialog.
  • @hscmap/vue-window26 2 - Window UI Component for vue2.
  • vue-gallery37 6 - VueJS responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. Based on blueimp-gallery
  • vue-swal18 1 - A small wrapper for integrating SweetAlert to Vuejs. (Compatible with SSR)
  • vue-modal-dialogs29 3 - ✨ 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

Parallax

  • vue-parallax16 3 - Scrolls an image slower than the window to create a neat optical effect.
  • vue-parallaxy113 9 - Vue.js component for parallax image scroll effects.

Icons

  • vue-awesome399 27 - 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-font3 1 - A iconfont plugin for Vuejs (support Font-class and Symbol).
  • vue-ionicons6 1 - Vue Icon Set Components from Ionic Team.
  • vue-ico5 1 - Dead easy icons for Vue with drop-in browser support & selective bundling
  • mdi-vue2 1 - Material Design Icon components for Vuejs
  • vue-fontawesome136 9 - Font Awesome 5 Vue component
  • g-icon - Simple icon component for your svg icons (compatible with Font Awesome-like font toolkits)

Menu

  • vue-accordion34 5 - Simple accordion nav menu component for Vue.js.
  • vue-js-dropdown16 1 - Vue.js 2 dropdown menu component. Light, easy to use and extend, no external deps.
  • vue-slideout15 1 - Vue implementation of the popular library slideout7k 1k
  • vue-quick-menu - This is web navigation component base on vue.js2.
  • @hscmap/vue-menu - Menu / Context Menu component for vue2.
  • vue-router-nav - Minimalistic responsive navigation bar that renders routes of vue-router.
  • vue-drawer-layout32 10 - A simple DrawerLayout component like Android has for Vue.js.
  • vue-simple-menu - Simple menu component with a set of basic functionality, which is enought in 80% of cases
  • vue-tree-navigation9 2 - Vue.js 2 tree navigation with vue-router support
  • bp-vuejs-dropdown - Vuejs => 2 dropdown. Easy to use, no external, optional.
  • vue-bulma-accordion - Simple, easily configurable accordion or collapsible styled with Bulma custom or built in icons available

Carousel

  • vue-easy-slider88 29 - Slider Component of Vue.js.
  • vue-l-carousel13 2 - A responsive carousel(namely slider or swiper) component for Vue.js v2.x+.
  • vue-awesome-swiper2k 486 - Swiper(slide) component for Vue.js(1.x ~ 2.x).
  • vue-lory19 6 - Vue Slider Component based on lory.
  • vue-slick110 4 - Vue component for Slick-carousel.
  • vue-flickity83 5 - A Vue Component for Flickity.js.
  • vue-carousel-3d - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js.
  • vue-carousel153 40 - A flexible, responsive, touch-friendly carousel for Vue.js.
  • vue-coverflow21 5 - A vue2.x coverflow component.
  • vue-agile185 19 – A carousel component inspired by Slick, written in Vue.js and vanilla JS only.
  • vue-tiny-slider1 1 – 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

Charts

  • vue-morris42 2 - VueJS component wrapping Morris.js.
  • vue-charts109 17 - Google Charts plugin for Vue.js.
  • vue-chartjs2k 271 - Vue.js wrapper for Chart.js.
  • hchs-vue-charts147 28 - Based on Vue2.0 wrapper for ChartJs.
  • vue-echarts674 114 - ECharts component for Vue.js.
  • vuetrend341 17 - Simple, elegant spark lines for Vue.js.
  • vue-highcharts112 17 - Highcharts component for Vue.
  • vue-echarts-v3711 104 - Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).
  • vue-chartist4 1 - Vue.js 2.0 component wrap for Chartist.
  • g2-vue3 1 - Factory wrapper for using G2 easily in a Vue Component.
  • vuebars34 2 - Simple, elegant spark bars for Vue.js.
  • vue-d3-network60 10 - Vue component to graph networks using d3-force
  • vue2vis14 1 - Vue2 wrapper for Visjs.
  • vue-c3 - A reusable vue component for c3 charts
  • vue-d2b7 1 - Vue components for d2b charts. (Including axis, pie, sankey, and sunburst charts)
  • VueChart - A very simple Vue wrapper for Chart.

Time

Display time / date / age

Calendar

Display non-editable events in a Calendar

  • vue-fullcalendar237 50 - Vue calendar fullCalendar. No jQuery required. Schedule events management.
  • vue-event-calendar54 24 - A simple events calendar for Vue2, no dependencies except Vue2.
  • vue-calendar-picker - Lightweight calendar component for events display, period selection and date picker.
  • vue-lunar-calendar26 4 - A vue component for lunar calendar. Uses Moment.js for date operations.
  • vue-simple-calendar28 8 - Flexbox-based Vue month calendar compenent; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies.
  • vue2-calendar8 2 - A simple full calendar component aimed at beeing flexibile and lightweight.
  • vue-jlunar-datepicker2 2 - A Chinese lunar datepicker component with festivals and solar terms.
  • vue-full-calendar159 52 - A complete fullcalendar.io wrapper for both Vue 1 and 2
  • v-calendar327 27 - Animated calendar/datepicker that displays regions, indicators and day popovers for simple & recurring dates.
  • vue-infinite-calendar - A simple infinite calendar implementation for Vue 2
  • vue-calendar - A simple calendar components for Vue 2.1.5+ ,support custom content. No dependencies.

Map

Audio / Video

  • vue-aplayer73 8 - A Vue 2.x component of easy-to-config music players with controls.
  • vue-audio33 4 - audio-tag wrapper; sound player component for Vue 2.x
  • vue-dplayer38 7 - 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 .
  • vue-audio-visual8 3 - Vue HTML5 audio visualization components.

Infinite Scroll

Pull-to-refresh

  • vue-pull-refresh - A pull to refresh component for Vue.js 2.0.
  • vue-pull-to42 5 - A pull-down refresh and pull-up load more and infinite scroll for Vue.js component.
  • vue-data-loading - Another component for infinite scroll and pull down/up to load data.

Markdown

PDF

  • vue-pdf189 37 - A pdf viewer based on mozilla's PDF.js

Tree

Social Sharing

  • vue-social-sharing256 39 - A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X.
  • vue-goodshare38 3 - 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.

QR Code

  • vue-qriously - A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
  • vue-qart95 13 - The directive of vue 2.x for qart.js.
  • vue-qrcode-reader53 11 - A Vue.js 2 component which detects and decodes QR codes from a camera stream.

Search

  • vue-fuse66 16 - A lightweight pluggin for fuzzy search library, Fuse.js
  • vue-instantsearch - The ultimate toolbox for creating instant-search experiences using Algolia.

Miscellaneous

  • vue-avatar114 18 - An avatar component for vue.js.
  • vue-touch-ripple129 16 - Touch ripple component for Vue.js(1.x ~ 2.x).
  • vue-typer115 13 - Vue component that simulates a user typing, selecting, and erasing text.
  • vue-keyboard23 6 - Vue 2 virtual keyboard component.
  • vue-twentytwenty39 4 - Image comparison component, works with Vue.js 2.x
  • vue-cookie-law25 8 - Cookie info plugin for Vue.js 2.x
  • vue-gravatar - A dead-simple gravatar component for Vue.js 2.x
  • vue-clipboard230 7 - 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-collapsed3 1 - A simple component that truncates your text and adds a 'Read More/Show Less' clickable for Vue.js 2.x
  • vue-kanban86 11 - A flexible drag and drop kanban board component
  • vue-letter-avatar - A simple and elegant letter avatar component for vue.js
  • vue-highlightjs22 5 - Syntax highlighting with highlight.js
  • v-clipboard47 3 - 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-particles163 12 - 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-affix41 2 - 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-builder129 14 - A UI component for building complex queries with nested conditionals.
  • vue-info-card21 1 - A simple and beautiful card component with an elegant spark line and CSS3 flip animation.
  • v-offline55 5 - 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 shader1k 145
  • vue-easteregg - Easey add an easteregg to your vue app (default with konami code)
  • vue-barcode-scanner2 2
  • vue-heatmapjs70 4 - A Vue directive for tracking and visualising mouse activity
  • vue-maze3 1 - 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-balloon10 2 - 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-placeholders68 3 - Composable components for rendering fake (progressive) content like facebook in vue
  • vue-page-designer19 5 - Vue component for drag-and-drop to design and build mobile website.
  • vue-creativecommons - CreativeCommons.org Vue.js components library.
  • vue-status-indicator14 2 - 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-mindmap2 1 - Vue component for mindnode maps.

Tabs

Form

Let the user create & edit data

Editable

Picker

  • vue-smooth-picker20 4 - A smooth picker component for Vue 2.x, like iOS native datetime picker.

Generator

Date Picker

Date / datetime / time Picker

  • vue-datepicker420 134 - [unmaintained] Calendar and datepicker component with material design for Vue.js.
  • vue2-timepicker80 19 - [unmaintained] A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support.
  • vuejs-datepicker825 351 - A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
  • vuedt - [unmaintained] Crazy lightweight (5.5kb!) Vuejs Date and Time picker component with nice animations and not too much fuzz.
  • vue-flatpickr-component196 32 Vue.js component for flatpickr10k 860 datetime picker
  • vue-bootstrap-datetimepicker55 15 Vue.js component for eonasdan-bootstrap-datetimepicker6k 4k
  • vue-jalaali-datepicker - Jalaali calendar and datepicker for vue.js 2.
  • vue-date-picker8 2 - A vue date picker component inspired by material design
  • vue-monthly-picker10 3 - Vue.js component for month and year picker only
  • vue-hotel-datepicker159 38 - A responsive date range picker that displays the number of nights selected, allows custom check-in/check-out rules, blocking dates, localisation support and more.
  • vue2-persian-datepicker7 5 - An awesome persian datepicker component for vue. کامپوننت انتخاب تاریخ برای ویو.
  • vue-datetime109 25 - Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
  • vue-rangedate-picker33 5 - Range date picker with simple usage
  • v2-datepicker33 4 - A simple datepicker component based Vue 2.x.
  • vue-datepicker-local77 12 - A Beautiful Datepicker Component For Vue2.

Select

  • vue-select1k 300 - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
  • vue-multiselect2k 266 - Universal select/multiselect/tagging component for Vue.js.
  • stf-vue-select22 3 - most flexible and customized select Vue2
  • vue-select-image - Vue 2 Component for selecting image from list
  • @riophae/vue-treeselect34 6 - A multi-select component with nested options for Vue.js
  • @k186/pd-select5 2 - 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

Slider

Drag and Drop

  • vuedraggable2k 230 - Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js.
  • vue-dragula152 17 - Drag and drop so simple it hurts.
  • vue2-dragula84 11 - A vue-dragula fork for Vue2, with a lot of improvements.
  • awe-dnd - A sortable list directive with Vue.
  • vue-draggable-resizable153 30 - Vue2 component for draggable and resizable elements.
  • vddl47 4 - Vue components for modifying lists with the HTML5 drag & drop API, supports VueJs versions 1 and 2.
  • vue-drag-drop12 3 - 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-slicksort46 2 - 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.

Autocomplete

Autosuggest / autocomplete / typeahead

  • vue-instant139 11 - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
  • v-autocomplete106 39 - Autocomplete component for Vue.js
  • vue-awesomplete6 1 - Vue wrapper for Awesomplete
  • vue-auto-complete9 8 - Autocomplete for Vue2. Works with objects or api calls.
  • vue-autosuggest26 6 - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
  • v-autosuggest - A simple modular Vuejs component that autosuggest input from a dyanamic or static data querying.
  • autocomplete - Simple Autocomplete component for Vue.js 2.*

Type Select

Let the user select a tag / something while typing

  • vue-tagsinput46 12 - A tags input component based on Vue.js.
  • vue-input-tag134 32 - Vue.js 2.0 Input Tag Component.
  • v-distpicker307 72 A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
  • vue-img-inputer65 16 A graceful, highly customizable img type input for Vue 2
  • vue-img-preview An image input preview component in vue 2
  • v-image8 2 📷 Tiny little component for input type=file (< 1kb, gzipped)
  • @voerro/vue-tagsinput A simple tags input Vue.js 2 component with typeahead/autocomplete

Color Picker

  • vue-color758 142 - Vue Color Pickers for Sketch, Photoshop, Chrome & more.
  • vue-swatches95 5 - Help the user picking beautiful colors!

Switch

Switch / on/off toggle / checkbox

  • vue-switches34 18 - An on/off switch component for Vue.js with theme support.
  • vue-js-toggle-button148 18 - Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
  • vue-checkbox-radio24 11 - 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-vue6 1 - 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.

Masked Input

  • vue-masked-input119 15 - Masked input component for Vue.js.
  • vue-text-mask3k 384 - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
  • vue-ip-input5 1 - An ip input implemented by vuejs.
  • vue-numeric110 43 - Input field component to display currency value based on Vue.
  • awesome-mask74 15 - Mask directive based on a pure and simply VanillaJS implementation
  • v-money73 14 - Tiny (<2k gzipped) input/directive mask for currency
  • vue-autonumeric10 4 - 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-component36 5 - 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.

Rich Text Editing

Image Manipulation

Edit images

  • vue-core-image-upload701 138 - A vue plugin for image to crop and upload.
  • vue-croppa249 28 - A simple straightforward customizable lightweight mobile-friendly image cropper for Vue 2.0.
  • vue-cropper37 6 - A picture clipping plugin for vue2.0

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

File Upload

  • vue-clip50 4 - Simple and hackable file uploader for VueJs. Supports Vue >= 2.1.
  • vue-simple-upload26 3 - Simple File upload component for Vue.js.
  • vue2-multi-uploader6 1 - 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-dropzone536 157 - A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads utility with image previews.
  • vue-transmit203 10 - A purely Vue.js drag & drop uploader component based on Dropzone.js for Vue 2.0
  • vue-upload-component413 81 - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
  • vue-uploader129 16 - A Vue.js upload component powered by simple-uploader.js
  • ic-firebase-uploader - A clean multi-file upload component for Firebase storage.
  • vuejs-uploader1 1 - A resumable multipart file uploader for HUGE file uploads.

Context Menu

Miscellaneous

  • vue-gmaps - Search places and address using Google Maps API.
  • vuep124 15 - A component for rendering Vue components with live editor and preview.
  • vue-places43 3 - Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.
  • vue-password-strength-meter105 6 - Password strength meter based on zxcvbn in vue.js.
  • vue-float-label77 7 - Float label pattern for Vue.js.
  • vue-longpress18 1 - A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.
  • vue-google-autocomplete50 15 - A Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ip-input5 1 - An ip input component for Vue.js 2.x
  • 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-submit11 2 - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.
  • vue-rate83 10 - Rate component for Vue
  • vuetify-google-autocomplete16 4 - A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ripple-directive66 12 - Material Ripple Effect as Vue Directive.
  • vue-fab19 2 - Vue Floating Action Button.
  • vue-complexify - Vuejs porting library from jquery.complexify.js.
  • vue-mc232 22 - 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

Wizard

  • vue-form-wizard375 66 - Tab based component which can replace classic bootstrap & jQuery form wizards
  • vue-stepper33 3 - A simple stepper with simple actions such as next, back and end to perform simple forms.

CSV

  • vuecsv5 1 - A Simple CSV Downloader from json with option modal panel component.

Canvas

  • vue-easeljs - Data-driven control over an HTML5 canvas element.
  • vue-canvas-effect4 1 - A simple, canvas effect collection for Vue.js.
  • vue-konva - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.

Link Preview

  • link-prevue4 2 - Flexible component for generate a link preview.

Tour

  • vue-tour - Lightweight and customizable tour plugin

UI Layout

Layout for the overall / main view

  • vue-waterfall752 81 - A waterfall layout component for Vue.js.
  • vueisotope104 15 - Vue component for isotope filter & sort magical layouts.
  • vue-grid-layout579 124 - A draggable and resizable grid layout, for Vue.js.
  • vue-drag-zone23 3 - Drag Zone component for Vue.js(2.x).
  • vue-masonry83 17 - Vue.js directive for masonry blocks layouting.
  • vue-fraction-grid37 4 - Flexbox based responsive fraction grid system for Vue.js.
  • vue-virtual-scroll-list162 32 - A vue (2.x) component support big data by using virtual scroll list.
  • vue-virtual-scroller415 43 - Component to scroll a large amount of elements efficiently (Vue 2.x).
  • vue-virtualscroll - [Vue 2.x] component to virtual scroll things.
  • vue-inview6 2 - [Vue 2.x] Viewport, get notification when DOM element is entered or leave.
  • dnd-grid27 5 - 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-css26 3 - Vue.js Masonry layout component powered by CSS, dependancy free
  • vue-fullpage.js - Official fullPage.js component for Vue.js.

Frameworks

Responsive

Set of components + responsive layout system

  • quasar-framework5k 460 - Quasar Framework. Build responsive websites, hybrid mobile Apps (that look native on Android and iOS) and Electron apps using same code, with VueJs 2.
  • vue-material2k 341 - Material design for Vue.js.
  • vuetify9k 817 - Material Component Framework for Vue.js 2.
  • muse-ui4k 588 - Material Component library for Vue.js 2.
  • buefy3k 320 - Components based on Bulma framework.
  • element-ui25k 5k - A Vue.js 2.0 UI Toolkit for Web.
  • vulma - Vue + Bulma = Vulma.
  • vue-bulma-components27 3 - 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
  • bootstrap-vue - Implementation of bootstrap-4 grid and components for Vue.js 2.
  • fish-ui - A Vue.js 2.0 UI Toolkit for Web
  • Zircle UI - A lightweight front-end library for developing zoomable user interfaces.
  • vue-mdc-adapter137 32 - Material Components integration for Vue.js as per MDC Team's guidelines8k 1k .
  • Material Components Vue34 5 - wrapper around material-components-web8k 1k for Vue.js
  • PrimeVue - A Vue.js 2.0 UI Component library for Web
  • vuesax - Frontend vue Components for Vue.js.

Mobile

UI frameworks for mobile

  • Framework7-Vue325 83 - Build full featured iOS & Android apps using Framework7 & Vue.
  • vux13k 3k - [Chinese] Vue UI Components based on WeUI.
  • vue-onsenui7k 984 - 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-eros291 34 - [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.

Component Collections

Set of components without layout system

  • vue-mdc339 31 - Material Components Web for Vue.js.
  • keen-ui3k 305 - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  • vue-admin2k 446 - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
  • vuikit805 61 - UIkit with all the power of Vue.
  • uiv406 105 Bootstrap3 components implemented by Vue2.
  • yuche/vue-strap4k 915 - Bootstrap 3 components built with Vue.js 1
  • wffranco/vue-strap169 73 - Bootstrap 3 components built with Vue.js 2
  • N3-components865 106 - Beautiful Web Components built with Vue 2
  • jsmod-vue-pc - Highly scalable web components for vue 2.0
  • guilhermewaess/SemVue4 1 - Semantic-ui Modules implemented with Vue 2
  • office-ui-fabric-vue - Office UI Fabric implementation for Vue.js
  • vuestic-admin3k 431 - Vue Admin Dasboard with collection of custom components. Built with Vue 2 and Bootstrap 4
  • Semantic UI Vue210 50 - Semantic UI integration for Vue
Mobile

Set of components for mobile

  • mint-ui8k 2k - Mobile UI elements for Vue.js.
  • vant2k 314 - A Vue.js 2.0 Mobile UI From YouZan.
  • cube-ui - A fantastic mobile ui lib implement by Vue.js 2.

Admin Template

Set of admin template

  • iView Vue Admin - iView Vue Admin / An admin portal template based on iView 2.x
  • element Vue Admin - element Vue Admin / An admin portal template based on Element UI 2.x

Other

  • nuxt10k 848 - Versatile Vue.js Framework.
  • app-framework452 79 - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
  • Myfirebase6 4 - A decoupled Single page application Framework which is highly compatible with google firebase.
  • Vue-Access-Control Frontend access control framework based Vue.js 2.

UI Utilities

Event Handling

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

  • vue-shortkey112 17 - Vue-ShortKey - plugin for Vue.js.
  • vue-throttle-event6 1 - Throttle events based on requestAnimationFrame.
  • vue-waypoint96 8 - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
  • vue-clickaway157 11 - Reusable clickaway directive for reusable Vue.js components.
  • vue-scrollfire9 2 - Fires an event on a specific scroll position.
  • vue-resize-directive43 5 - Vue directive to detect resize events with deboucing and throttling capacity.
  • v-click-outside125 11 - 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-resize21 5 - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
  • vue-observe-visibility35 1 - Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
  • v-dragged2 1 - Vue 2.x directive plugin for drag event detection.
  • vue-esc14 2 - Vue.js directive to add a document event listener on escape keyup.
  • vue-global-events227 10 – 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

Responsive Design

  • vue-viewports3 1 - 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-media2 1 - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
  • vue-media-query-mixin5 2 - 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-breakpoints8 2 - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
  • vue-mq7 1 - 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.

Form

  • vue-formly92 21 - JavaScript powered forms for Vue.js.
  • vue-focus132 14 - A reusable focus directive for reusable Vue.js components.
  • vue-form-generator608 127 - A schema-based form generator component for Vue.js.
  • vue-json-schema197 29 - Generate a form using JSON Schema and Vue.js
  • ic-formly5 1 - Simple form component powered by vue-formly.
  • Form Builder - Json template based form builder, based on Vue and Laravel.

Validation

  • vee-validate2k 265 - Simple Vue.js input validation plugin.
  • vue-rawmodel16 2 - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
  • vuelidate2k 104 - Simple, lightweight model-based validation for Vue.js.
  • simple-vue-validator80 6 - A simple yet flexible validator library for vue.js.
  • vue-vform - Vue.js 2 form component that integrates jQuery Validation and Axios.
  • vue-form559 96 - Comprehensive form validation for Vue.js.
  • vuelidation - simple, powerful, vuejs validation.
  • laravel-vue-validator2 2 - Display errors from laravel validation rules
  • vuejs-model-validator11 2 - VueJS style data component validation. Easiness, simplicity, accurate.
  • willvalidate - Validation Forms for Vue.js.

Scroll

Set window scroll position

  • vue-chat-scroll51 7 - Automatic scroll-to-bottom directive for Vue.js 2.0.
  • vue-scrollto32 4 - Adds a directive that listens for click events and scrolls to elements.

Virtual scrollbar

  • VBar99 10 - 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.
  • vuescroll21 2 - A virtual scrollbar based on vue.js 2x.

Detect when components enter viewport

  • vue-scrollview - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
  • vue-scrollactive24 1 - 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-intersect14 1 - 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-stroll51 12 - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
  • navscroll-js5 1 - 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.

Customize the scroll behavior

.

Seamless scrolling

Routing

  • vue-router9k 3k - The official router for Vue.js.
  • vue-router-storage13 3 - Router storage & resolve solution for Vue.js 2 & vue-router 2
  • vue-tidyroutes15 2 - Decentralized vue-router routes definitions
  • vue-routisan51 3 - Elegant route definitions for Vue Router based on Laravel routing system
  • vue-error-page - Provides a wrapper for router-view that allows you to show error pages without changing the URL

Lazy Load

Pagination