Ranked awesome lists, all in one place
This list is a copy of vuejs/awesome-vue with ranks
Awesome Vue.js ★87749
A curated list of awesome things related to Vue.js
- Resources
- Projects Using Vue.js
-
Components & Libraries
- UI Components
- UI Layout
- Frameworks
- UI Utilities
- Utilities
- Integrations
- Dev Tools
- Scaffold
- Runtime
- Prerendering
Resources
Official Resources
External Resources
- Vue.js資料まとめ(for japanese) by @hashrock
- Vue.js Newsletter - Weekly dose of handpicked Vue.js news
- Vue.js Tips - Tips to become a better Vue.js developer
- Vue.js Wikipedia
- Vue.js Radar - Curated newsletter + site covering new Vue.js releases/contributions.
- Vue News - Social website focusing on the latest Vue.js news and information.
- Vue Curated Resources - Recommended Vue.js courses and tutorials.
- BuiltForVue - NPM Mirror of all Vue.js components and packages.
Job Portal
- Vue.js Jobs - VueJobs - A Vue.js job portal to hire or get hired for all your Vue.js jobs.
Community
- Official Forum
- vue-requests ★60 ⏳2Y - Request a Vue.js module you wish existed or get ideas for modules
- VueJS Iran - Telegram Channel & group (group link available in channel bio)
- vueslack - 2300+ registered users worldwide
- Vue Land - Discord chat server
- VueJS Russia - Telegram Group [Russian]
- VueJS Viet Nam - Facebook group
- VueJS Spanish - Slack Group
- VueJS Korean - Slack Group
- VueJS Thailand - Facebook Group
- VueJS Brasil - Telegram Group [Portuguese]
- VueJS Brasil - Facebook Page [Portuguese]
- VueJS Brasil - Facebook Group [Portuguese]
- VueJS en español - Facebook Group [Spanish]
- VueJS India 🇮🇳 - Discord chat server
- VueJS Indonesia - Telegram Group [Indonesian]
- VueJS Hong Kong - Facebook group
Conferences
Podcasts
- Full Stack Radio #30 (11-23-2015)
- JavaScript Jabber #187 (11-25-2015)
- Changelog #184 (11-27-2015)
- Software Engineering Daily (12-29-2015)
- JavaScript Air 016 (03-30-2016)
- Codecasts #2 - Falando Sobre Vuejs e Web Components (2016-08-19) [pt-BR]
- Full Stack Radio #50 (09-21-2016)
- 和 Vue.js 框架的作者聊聊前端框架开发背后的故事 [zh-CN]
- MW S04E08 - Vue.js with Evan You and Sarah Drasner (04-27-2017)
- Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017)
- The Web Platform Podcast 132: Vue.js (07-27-2017)
- JavaScript Jabber #276 with Maximilian Schwarzmüller (08-29-2017)
- Animating VueJS with Sarah Drasner(Software Engineering Daily 01-12-2017)
- Views on Vue (weekly podcast on Vue started 03-06-2018)
- The Official Vue.js News Podcast
Youtube Channels
Official Examples
Tutorials
- Vue.js screencasts on Laracasts
- What’s New in Vue.js 1.0 on Sitepoint
- Vuejs 2 Authentication Tutorial on Auth0 blog
- Create a GitHub File Explorer Using Vue.js on Scotch.io
- Vue.js Tutorial on Vegibit
- Vue.js build set-up from scratch with webpack, vue-loader and hot reload
- Vuex basics: Tutorial and explanation
- Vuex introduction video - James Browne from London Vue.js Meetup #1
- Vue.js 中文系列视频教程 on Laravist
- Vue.js: The Basics on Coligo.io
- VueJs: Components on Coligo.io
- Dynamic Components in Vue.js on Coligo.io
- Develop a Reactive Invoice App using Vue.js on craigmckenna.com
- Understanding Filters in Vue.js on Coligo.io
- Hybrid App Example with Laravel and Vue.js in Portuguese by @vedovelli
- Creating a Markdown Editor with VueJs and GitHub’s API on Coligo.io
- Building a Real-Time Web Analytics Dashboard with NodeJs, Socket.io, and VueJs on Coligo.io
- Vue.js Introduction Turkish Language on oguzhan.in
- Vue.js VideoTutoral Series in Spanish (3-8-2016) on YouTube by Juan Andrés Núñez
- Building a Bookmarking App with Electron, VueJs, and Firebase on Coligo.io
- Learn Vuex by Building a Notes App on Coligo.io
- Vue.js Screencast Series in Spanish on Styde.net
- 讲解Vue.js 官网 中文-含代码、百度云、youtube on bhnddowinf
- Exploring Real Time Apps with VueJS, ES2015 and Webpack on Pusher
- Vue.js in Bahasa Indonesia on sekolahkoding.com
- Building a Mobile App with Cordova and Vue.js on Coligo.io
- Vue.js from Scratch Series in Russian on YouTube by .dev
- Створення сервісу для зберігання файлів з Flask, RethinkDB та Vue.js, ч. 1 Ukraine
- VueJS 2 French tutorial Français par Grafikart
- Jayway Vue.js 2 workshop. Build an e-commerce site with vue-router, vuex and vue-resource ★286
- How to Create Great VueJS Applications Using Wijmo Controls
- 讲解Vue.js 2 官网 中文-含代码、百度云、youtube on bhnddowinf
- Vue.js Cheatsheet: Server-side Applications, Router, Vuex Store, GraphQL and more by @xpepermint
- Medium like Image Loading with Vue.js
- How to Use Vuex in a Laravel Spark Project on Metric Loop
- How To Set Up Modules in Vuex on Metric Loop
- Learn Vue 2: Step By Step on Laracasts
- Vue.js 中文教程
- Up and Running with the Vue.js 2.0 Framework on SitePoint
- How to make API Calls with Vuex on Metric Loop
- How to Use Vuex to Build a Feature on Metric Loop
- Vue.js 2.0 Fundamentals on YouTube by DevMarketer
- Vuex For The Clueless — The Missing Primer On Vue’s Application Data Store
- Real-time Grid Component Laravel, Vue.js, Vuex & Socket.io
- VueJS 2 - The Complete Guide (incl. Vuex) - Udemy Tutorial
- Develop Web Apps with Vue.js on egghead.io
- Vue.js 2 - Getting Started
- Vue.js 2 & Vuex (Basics)
- Türkçe VueJS Eğitim Videoları on YouTube by Fatih Acet
- Building a JSON Tree View Component in Vue.js from Scratch in Six Steps on digimondo devblog by Arvid Kahl
- Let’s Vue! - OpenLecture 2017.01 in Russian on YouTube by Illya Klymov (@xanf)
- Bootstrapping your first Vue.js application using vue-cli by @afropolymath
- Build vue-hackernews-2.0 from Scratch ★75 by @ Detachment
- Role Based Authorization for your Vue.js and Nuxt.js Applications Using vue-kindergarten
- Complete Vue.js Application Tutorial - Creating a Simple Budgeting App with Vue by @matthiaswh
- Vue.js Tutorial: A Prerendered, SEO-Friendly Example
- Vue.js Introduction For People Who Know Just Enough jQuery To Get By
- Fetching Data from a Third-Party API with Vue.js and Axios
- Fun Projects with Vue 2 (Video) by Peter van Meijgaard, Packt. (April 2017)
- Vue JS: Simultaneously Running Express and Webpack Dev Server on Medium by Henrik Fogelberg
- Vue JS 2 Tutorials on Youtube by The Net Ninja
- Add a headless CMS to VueJs in 5 Minutes
- vue 架构中的 Watcher
- Building Your First App With Vue.js
- 5 Practical Examples For Learning Vue.js
- Migrating from KnockoutJS to VueJS by @jesalg
- Create a quiz with Vue.js by @rap2h
- Vue.js: Getting Started by @chadcampbell
- Vue.js 2 & Firebase - Building Real Time Single Page Web Applications
- Vue.js 2 & Vue-Resource - Real-World Application With External API Access
- Interactive Vue.js Screencasts For Beginners
- Vue.JS ile NASA API’ını Kullanarak Veri Çekme on YouTube by Ali GÖREN
- Web development with Vue.js 2 (Video) by Olga Filipova, Packt. (June 2017)
- Build a realtime chart with VueJS and Pusher
- Intro to Vue, repo for Frontend Masters Course ★1355
- Vue Guide on CSS-Tricks
- Using Typescript in your VueJS app
- Vue.js视频系列,免费、入门、实战 on nodelover
- Vue.js 预览 on ninghao.net
- Vue.js: Development Machine Setup by @chadcampbell
- Building a Vue v2 JS app using Vue-router by @mikestreety
- Build your own carousel with Vue by @Atom_Hernandez
- Unit Testing Vue.js Components with the Official Vue Testing Tools and Jest by @alexjoverm
- Creating Vue.js Transitions & Animation: Live Examples by @udyuxdev
- Creating Custom Vue.js Plugins
- Async in VueJS part 1
- Async in VueJS part 2
- Using localStorage with Vuex store without a plugin by @mikestreety
- Using props for accessing URL parameters within components with Vue Router by @mikestreety
- Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx
- Testing Vue Components on laracast
- Building a Full Stack Web App with Vue.js and Express.js by @CodyLSeibert
- Vue.js 2 Recipes (Video) by Peter van Meijgaard, Packt. (September 2017)
- Getting Started with Vue.js on Sabe.io
- Building Your First Advanced CRUD Application with Vue 2 (Video) by Peter van Meijgaard, Packt. (July 2017)
- 프론트엔드 개발자를 위한 Vue.js 입문서
- 누구나 다루기 쉬운 Vue.js (Video) on Inflearn by Captain Pangyo
- Build a Vue.js Blog in 2 hours tops on Snipcart
- Getting Started with VueJS 2 by Sachin Bhatnagar @sachinbee on Udemy
- Getting Started with Vuex: Managing State in Vue.js on Sabe.io
- Vue2 ACL using CASL by Sergii Stotskyi
- JavaScript Choice Made Easy - Angular v. React v. Vue (Video) by Daniel Kmak, Packt. (November 2017)
- Vuejs 2.5+ Authentication Tutorial using Auth0 on Storyblok blog
- GraphCMS beginners guide with Vue on GraphCMS
- 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.
- Getting Started with Vue JS 2 (Video) by Sachin Bhatnagar, Packt. (January 2018)
- Building a movie app interface with Vue.js by Hassan Djirdeh, @djirdehh
- Let’s Build a Custom Vue.js Router by Hassan Djirdeh, @djirdehh
- Getting started with Vue, Webpack 4 & Babel by Bjorn Krols, @KrolsBjorn
- How to add Bootstrap 4 to your Vue project by Bjorn Krols, @KrolsBjorn
- How to add Semantic UI to your Vue project by Bjorn Krols, @KrolsBjorn
- How to add ESLint to your Vue project by Bjorn Krols, @KrolsBjorn
- How to make content dynamic via URL query parameters in Vue by Bjorn Krols, @KrolsBjorn
- How to enable history mode for AWS S3 hosted Vue applications by Bjorn Krols, @KrolsBjorn
- A basic introduction to debugging Vue applications using breakpoints by Bjorn Krols, @KrolsBjorn
- Building a Library Management app with Vue, Firebase and Scaffoldhub By Felipe Lima @fpastorelima
- Build a Vue.Js E-Commerce App with ButterCMS Headless Backend
- MASTER VUE.JS
- Build a voting application with Go and Vue.js
- Build a collaborative painting app using Vue.js
- Build a realtime payment dashboard with Stripe
- Build a cryptocurrency tracker using Vue.js
- Build a design feedback app using Vue.js
- Developing a Single Page App with Flask and Vue.js
- Accepting Payments with Stripe, Vue.js, and Flask
- API Driven Development With Laravel and VueJS (Free Course) on serversideup.net
- Managing State in Vue.js by Hassan Djirdeh, @djirdehh
Examples
- Starter Application with JWT Auth + sample backend API in Laravel
- Node Webkit + Vue example ★43 ⏳1Y by @brandonjpierce
- Vue Samples ★34 ⏳2Y by @superlloyd
- HackerNews clone with vue.js + vue-router ★17 ⏳2Y by @kazupon
- Electron + Vue example ★684 ⏳1Y by @bradstewart
- Single page application example (Vue + Voie) ★62 ⏳2Y by Boris Okunskiy
- Begin - Task Manager SPA written in Vue + Lumen ★69 ⏳1Y by Raj Abishek
- Vue Mini Shop ★178 ⏳2Y by BosNaufal
- Vue SoundCloud ★62 ⏳1Y by mul14
- Feature Requests (Laravel + Vue Combo) ★16 ⏳2Y by haydenbbickerton
- Vue Cookbook (Vue1.0 + express) ★276 by @yjj5855: A demo first screen rendering of a service
- Strong Together ★85 - 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
- vuetest: an ad admin web with user auth, bootstrap ui, uploader, WYSIWYG editor in iframe ★18 ⏳1Y
- vue-shopping ★508 ⏳1Y by andylei18
- Vue-cnodejs,060 ★2952 by @shinygang
- vue-zhihu-daily ★1201 by hilongjw
- jwt-example ★34 ⏳1Y by @petervmeijgaard
- VueChess ★207 -Multiplayer online chess game by gustaYo
- Ngexplorer-vuejs-client -Vue client for Ngexplorer ★3 ⏳1Y by gustaYo
- Vue 2048 (Vue + Webpack) by @pengfu: Popular 2048-Game implemented using Vue,Webpack,Sass,ES6
- Vue Simple PWA ★153 by BosNaufal
- Tour of Heroes (Vue 2.0): A Vue 2.0 port of the Angular 2.0 Tour of Heroes demo app. Highlights: ES6/7, render functions, JSX, revue (redux bindings for Vue), vue-router ★10090, Airbnb eslint, webpack. by @aweber1
- vue-table-pagination ★3 ⏳1Y A table with pagination by echovic
- Feathers and Vue 2.0 Blog Admin Demo ★63 ⏳1Y Demo for using Feathers with Vue 2.0. It includes authentication, vue-router, vue-infinite-loading and roles by delay
- vue-zhihudaily-2.0 ★104 ⏳1Y Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering. by cs1707
- vue-demo-todolist ★49 a simply vue2.0 demo built with Vue 2.0, vue-cli. by fishenal
- vue-AdminLte ★336 ⏳1Y by liujians
- Vue(2.0) + Node.js: A blog content manage system (CMS) by @ycwalker
- ngexplorer-quasar -Implementation of Ngexplorer with quasar framework by gustaYo
- zhihu-daily-vue ★31 a zhihu daily base on vue2.0 by moonou
- loopback-vue ★175 ⏳1Y loopback+vue+vue-resource,ionic-app,vue page分页功能,authenticate 权限控制,accesstoken机制,credentials,CI,docker qxl1231
- vue-s3-dropzone ★271 A Vue.js drag-and-drop component uploads files to AWS S3 serverlessly
- easy-vue ★771 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
- Vuex Events Messaging Demo ★7 ⏳1Y by Metric Loop
- vue-memo ★83 a simple demo build with Vue.js(>2.x.), vue-router(>2.x.), vuex(>2.x.), vuex-router-sync@next(>3.x.) and Firebase(>3.6.x) by akifo
- Resume Vue ★19 ⏳1Y JSON based Resume based on Vue 2.0 by ChangJoo Park
- App example with JWT Authentication developed with Phoenix Framework, Vue and Vue Router (demo) by @Angarsk8
- Sample CRUD app with router in Vue 2.0 ★47 ⏳1Y by @shershen08
- ASP.NET Core Vue.js server-side rendering sample ★97 by @mgyongyosi
- vuefire-quickstart ★60 ⏳1Y - Documented Firebase integration w/ webpack and eslint, by @sejr.
- hello-vue-django Vue.js and Django integration starter project with hot code reload ★294
- Real Time Social News App ★239 ⏳1Y developed with Phoenix, Vue, Vue Router and Vuex (demo) by @Angarsk8
- vue-calculator ★44 ⏳1Y a simply calculator built with Vue 2.0, vue-cli(webpack-simple). by CaiYiLiang
- Wikipedia-viewer A simple wikipedia-viewer page built with vue2.x ,vue-router,vue-cli(webpack-simple) and ajax(jsonp). by CaiYiLiang
- vue2.x-douban ★645 A simple of douban movie build with vue2.x,vue-router and axios(豆瓣电影). by Superman
- vue-laravel-example ★156 ⏳1Y Vue - Laravel - Example is a simple example to set Vue with Laravel. by Jiajian Chan
- vue-foundation A demo app integrating VueJS with Zurb Foundation ★27366, built using the webpack vue-cli f
- aspnetcore-Vue-starter ★547 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 ★41 ⏳1Y 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 ★49 A qq-music project is based on vue-cli. The pages are simple and smooth
- NavigationTab with Vue-Redux and Plain VueJSX ★9 ⏳1Y Navigation Tab with both plain Vue JSX and Vue + Redux Binding
- Veggie Map An interactive demo using Vuejs + Vue router + Leaflet and Firebase
- vuejs-d3 examples how to use d3 for visualisations.
- vue-twitter-client ★79 A Twitter Client App build with Vue 2.X, Vuex, electron-vue and Electron
- Douban ★1591 Awesome douban Example created with Vue2.x + Vuex + Vue-router + vue-resource. by jeneser
- Storyblok vuejs-boilerplate ★14 - Integrates Storyblok’s Component System, allows to create editable Websites.
- Vuexpresso ★91 - A boilerplate using VueX, Vue-Router, Vue-Apollo, webpack, GraphQL, Apollo-client, express and mongo
- Vue.js with Sails.js example project ★131 - This project is for those who are new to single-page applications and want to learn through a real example.
- Vue.js & Pyramid web framework app - A boilerplate using Pylons Pyramid webframework backend Vuejs webpack2, vue-router, yarn(packet manager)
- vue-feathers-chat ★30 ⏳1Y A sample realtime chat made with Vue in frontend and Feathers in backend, but using just Socket.IO-Client for the communication
- vue-xplan ★105 A rotating earth demo page created with Vue and three.js
- vueSocketChatRoom ★22 A socket chat room using vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io
- vue-tetris (Use Vue, Vuex, Immutable to code Tetris) by @Binaryify: Use Vue, Vuex, Immutable to code Tetris.
- route-planner-vue by @Kasheftin: The tool for planning routes with multiple sortable layers, draggable directions, markers and shapes on google map.
- MyDiary-Vue A diary application build with Vue 2.X which is also have contact and todolist function
- VueJS Example Projects on Github by Ali GÖREN
- todo-mvc-webpack ★3 by voluntapear TodoMVC implementation on Vue 2 using the webpack-basic template with examples showing vuex, vue-router, central event bus and VueFire.
- Chess Storybook Example ★9 with Vue 2.0 by gustaYo
- Vue Weather Notifier ★142 ⏳1Y A small sample animation app with SVG and Vuex
- Nuxt Type ★434 An example Vue project with Nuxt for routing/SSR to demo page transitions
- VueBlog ★515 A blog system supporting service side rendering by wmui
- Cinemateka ★4 - An example of SPA made with Vue v1 & Laravel 5. Film & events schedule. Russian comments.
- vue-2.x-boilerplate ★20 - A simple and small starter kit for a Vue project Vuex + vue-router
- vue-minesweeper ★1 - A deadly simple minesweeper game with vuejs by rhapsodyn
- X-Flowchart-Vue ★35 - A flowchart editor with SVG and Vue by OXOYO
- koa-vue-notes-web ★81 - 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.
- Vuejs Shopping Cart ★98 - Shopping cart example using Vuejs and Firebase
- PokedexVueJs ★10 by @rchung95
- vuefire-auth ★24 A Vuefire Vue2-Auth-Email Verification with Firebase
- vuefire-realtimedatabase ★17 A Vuefire Vue2-RealtimeDatabaseCRUD with Firebase
- vuefire-storage ★14 A Vuefire Vue2-Storage with Firebase
- Vue2-PWA-Blog ★8 by @deepak-singh
- vue-firebase-auth-vuex ★67 A Vue2 Firebase Authentication with Vuex and support Progressive Web Apps
- vue-chart-stater-kit ★13 Quick starter using Vue Router, Vue Chart, Element-UI
- vue2.0-demos ★55 using mint-ui, Element-UI,And have Some demos(select city and so on)
- conway ★1 Conway’s Game of Life in Vue.
- vuex-feature-scoped-structure ★77 An example application of the feature scoped vuex application structure
- vuex-examples ★92 - Simple Examples on using Vuex to build Real World Apps
- vue-vuex-todomvc ★7 - Example TodoMVC Vue.js app with Vuex store and server backend via REST and full set of E2E tests using Cypress.io test runner.
- vuejs-sqljs-boilerplate - This is a boilerplate to use both Vue.js and sql.js together
- X-WebDesktop-Vue ★22 - The WebDesktop system based on Vue by OXOYO
- vuejs-music-player ★8 - A Vue.js lite music player
- Vue.js Best Practices Example Project ★19 - A best practices example project using Vue.js + Vue Router + Vuex + Vuelidate
- Vue.js [ONE] client ★3 - [ONE] client wirtten with Vue2.5
- Vue.js 2.5 with vue-cli v3 including authentication with auth0 ★13 by Dominik Angerer, Storyblok
- Skeleton Vue+TypeScript ★6 - TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material Icons, BrowserSync, Dockerfile
- PENV Starter by @jesalg - A basic example of how to use VueJS, Express and PostgreSQL in conjunction.
- vue-relay-examples ★2 - A collection of example applications using vue-relay.
- laravel-vue-boilerplate ★113 - A Laravel 5.5 SPA boilerplate with a users CRUD using Vue.js 2.5, Bootstrap 4, TypeScript, Sass, Pug and Jest.
- Vue Design System ★907 - An open source boilerplate for building UI Design Systems with Vue.js.
- Vue Bulma Demo ★9 - A simple demo website to check out Bulma / Vue JS & express in conjunction.
- Starter application ready for production with TypeScript, vuex, vue-router, HMR and more ★3
- vue.js与laravel结合的前后端分离开发模板 ★195- A template website to laravel passport / Vue.JS & Element UI.
- Hands-On Web Development with Vue.js by Roman Kuba, Packt. (May 2018)
- Vue Online Shopping Mall ★13 - A online shopping mall SPA demo, 基于VUE开发的前后端分离电子商城前端项目
Books
- The Majesty Of Vue.js by Alex Kyriakidis & Kostas Maniatis, Packt. (Nov 2016)
- Learning Vue.js 2 by Olga Filipova, Packt. (Dec 2016)
- The Majesty Of Vue.js 2 by Alex Kyriakidis and Kostas Maniatis, Leanpub. (Mar 2017)
- Vue.js 2 Cookbook by Andrea Passaglia, Packt. (May 2017)
- Vue.js in Action by Erik Hanchett and Benjamin Listwon (Spring 2018)
- Testing Vue.js Applications by Edd Yerburgh (Summer 2018)
- Vue.js 2 and Bootstrap 4 Web Development by Olga Filipova, Packt. (September 2017)
- Front-end com Vue.js by Leonardo Vilarinho, Casa do Código. (November 2017)
- Vue.js 2 Web Development Projects by Guillaume Chau, Packt. (November 2017)
- Full-Stack Vue.js 2 and Laravel 5 by Anthony Gore, Packt. (December 2017)
- Vue.js 2.x by Example by Mike Street, Packt. (December 2017)
- Mastering Vue.js by Oleksandr Kocherhin. (January 2018)
- Fullstack Vue: The Complete Guide to Vue.js by Hassan Djirdeh, Nate Murray, & Ari Lerner. (March 2018)
- Vue.js 2 Design Patterns and Best Practices by Paul Halliday, Packt. (March 2018)
- Vuex Quick Start Guide by Andrea Koutifaris, Packt. (April 2018)
- Full-Stack Web Development with Vue.js and Node by Aneeta Sharma, Packt. (May 2018)
Projects Using Vue.js
Open Source
- PageKit ★4792 - Modular and lightweight CMS built with Symfony components and Vue.js.
- npmcharts.com ★53 - Compare npm packages and spot download trends.
- Koel ★9132 - A personal music streaming server that works.
- RSS Reader ★499 - Simple RSS Reader made using atom electron and vue.js.
- Gokotta ★477 - A simple music player built by electron and vue.
- CoPilot ★2034 - An admin portal based on AdminLTE with vue.js integration.
- Retrospectify ★46 - A simple tool for doing collaborative retrospectives in agile teams.
- jade-press ★31 ⏳1Y - Cms based on mongodb, nodejs, koa, vue and more.
- astralapp ★1022 - Organize Your GitHub Stars With Ease.
- EME ★1719 - An Elegant Markdown Editor.
- Github-explorer ★94 ⏳1Y - A spa which can help you check your github in a better way.
- Hotel ★7502 - Start your dev servers from your browser and get local domains in seconds.
- Surfbird ★198 - A Twitter client written with modern web technologies.
- Approach0 ★157 - A math-aware search engine.
- Flox ★389 - Self Hosted Movie, Series and Anime Watch List.
- JavaScript Guessing Game ★328 - A game for identifying JavaScript tools and libraries.
- vue-ghpages-blog ★364 - A blog based on GitHub pages by Vue.js 2 + Webpack 2.
- Vuedo ★1781 - Blog platform, built with Laravel and Vue.js.
- vue-music163 ★73 - A Vue.js project for music.
- Tomato5 ★197 ⏳1Y - Real-time collaboration tool, it combines Pomodoro Technique with a team status share board.
- Web Learn ★83 ⏳1Y - A service which provides simple access to thousands of video tutorials on web developing and programming.
- ExcelJSON ★56 ⏳1Y - A tool to convert CSV, TSV to/from JSON.
- Materialize-blog ★209 - A material blog built with Laravel5.3 and Vue2.x.
- VueCompomnentGenerator ★87 - Generate vue single file component on browser.
- SDR News ★29 - News for web designers and developers aggregated from multiple sources (Reddit, Hacker News and Prominent Blogs).
- PJ Blog ★1865 - Open source blog built with Laravel and Vue.js.
- Lulumi-browser - Lulumi-browser is a light weight browser coded with Vue.js 2 and Electron.
- vue-wordpress-pwa ★450
- OpenAPI 3 viewer ★47 - Browse and test a REST API described with the OpenAPI 3.0 Specification
- Stacer ★3370 - Linux System Optimizer and Monitoring
- Distrochooser.de - An orientation guide for Linux beginners
- Buka ★459 - EBook Management
- Docute ★1875 - A framework for writing documentation without build process
- pm86 ★90 ⏳1Y - Production process manager for Node.js apps Websites
- vms ★820 - A Vue.js 2.0 Management System
- nativescript-vue - A Vue.js implementation of the NativeScript renderer.
- piper ★118 - A drag-and-drop mobile website builder base on Vue.
- mmf-blog-vue2 ★177 - A blog based on Vue2(Vue-router, Vuex) and Webpack2.
- Media Manager ★115 - Web File Manager.
- dyu/bookmarks ★37 - A self-contained, self-hosted bookmarking app powered by leveldb, built with Vue2.1.x.
- JSON Schema Editor ★85 - An intuitive editor for JSON schema. Develop with Vue.js 2 and Firebase.
- npm-stats ★61 - npm package download statistics dashboard
- vue2-admin-lte ★597 - a project that converts AdminLTE to work with Vuejs (v2.x).
- Dockeron ★332 - A project built on Electron + Vue.js for Docker on desktop.
- Flamme ★112 ⏳1Y - An open source Tinder desktop client built with electron and Vue.js for educational purposes
- Goldfish ★1775 - A HashiCorp Vault UI built with VueJS, Golang, and Bulma CSS
- Adminify ★539 - An Admin dashboard based on Vuetify, check the Online Demo
- promptie ★50 ⏳1Y - A framework written in Vue.js for creating command-line like interfaces in web browsers.
- Hare ★145 - 🐇 Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
- Paper-Dashboard ★1 -Creative Tim Paper Dashboard made for Vue
- AdminLTE-VueJS2 ★73 - An open source project that implements VueJS (v2.x) on AdminLTE.
- Material Dashboard ★121 - Creative Tim Material Dashboard made for Vue
- Explore-Github ★34 - VueJS 2 Github Explorer Using API v3
- CoreUI - Open Source Admin Template powered by Vue.js
- ChuckNorris ★11 - Chuck Norris Jokes Generator built with VueJS + api.chucknorris.io
- LeafPlayer ★65 - A simple and fast, privately hosted music streaming server.
- JSON Editor ★75 - A schema-aware JSON editor. Develop with Vue2.
- Voten ★936 - A Reddit-like platform built with Vue2 and Laravel.
- News Weaver ★9 - 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 ★1387 - A lightweight pattern library designed to be included with any web project.
- vue2-pwa-vision ★14 - A Face Detection Google Cloud Vision with Vue2 + Vuetify + Progressive Web App
- vue2-pwa-rekognition ★16 - A Face Detection Amazon Rekognition with Vue2 + Vuetify + Progressive Web App
- AmmoBin.ca ★5 - meta search site for online ammo prices across Canada
- SPA-asp.net-api-vuejs- ★44 - A Vue.js single page application for basic task Management & messaging using ASP .NET Webapi 2 and SQL server
- Book-Trading-Club ★6 - Trade or loan books with other book readers in your area. Built using nodejs and vuejs2
- vuejs-extension-pack vscode ★17 - An extension packf or vscode with popular VS Code extensions for Vue.js development.
- Wiki.js ★2388 - A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
- vue-pwa-speech ★42 - A Speech to text With Google Cloud Speech on Vue2 + Vuetify + Progressive Web App
- vue-speech-streaming ★17 - 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 ★24 - A tool to easy get css animation code
- vue-input-streaming ★11 - A TextInput Streaming RealTime And Two Way Data Binding Broadcasting with Pusher
- TidyTab ★40 - A Chrome extension for tidying up those tabs.
- peregrine-cms ★14 - A Vue.js and Apache Sling based head-optional CMS
- concept-to-clinic ★293 - Lung cancer prediction project with Vue.js interface
- grid-awesome ★10 - Generate boilerplate css for grid layouts using the css display: grid; property.
- Light Bootstrap Dashboard ★2 - Creative Tim Light Bootstrap Dashboard made for Vue
- Hubaga ★7 - A free and lightweight WordPress eCommerce plugin for developers and other digital shops.
- vue-webpack-buefy ★14 - Vue.js starter with full-featured Webpack and Buefy
- Coypu ★46 - Text-editor-like weekly planner
- core-server ★3 - Highly scallable VueJs framework with an integrated API system, and multiple advanced features.
- discord-logo ★12 - A Vue.js animated discord logo generator based on SVGs. (Github Page)
- node-vue-template ★14 - A starter template for building complete application using Node.js (API) and Vue.js (SPA) with some included packages and configurations to help start the development quickly.
- vue-storefront ★1428 - Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.
- fd-vue ★7 - Vue.js client for an IoT framework
- wildfire ★116 - A drop-in replacement for other comment plug-ins.
- Ride Receipts ★44 - Simple automation desktop app to download and organize your tax invoices from Uber and Lyft.
- vue-chrome-extension-boilerplate ★22 - Boilerplate for Chrome extension using Vue.js and Webpack
- TimeMark ★7 - A Time manager which will can record your time and some more function will be developed.
- Laravel Enso ★382 - SPA Admin Panel built with Bulma, VueJS and Laravel, packing lots of features out of the box.
- Code Notes ★230 - A simple code snippet manager for developers built with Electron & Vue.js.
- Pomotroid ★112 - Simple, visually-pleasing and customizable Pomodoro timer.
- XMR Miner ★402 - Cryptocurrency (XMR) mining app, built with Vue.js and visualized with D3
- XMR Paper ★0 - Monero wallet generator, built with Vue.js
- JoyProxy ★2 - Chrome extension for handling proxy settings
- activity-automation ★2 - Manage daily activities and get reports on timely basis.
- jsettlers-web ★3 Popular German board game to build hexes, settlements, cities, roads with earned resources
- Tamiat CMS ★239 - Tamiat is a front-end focused CMS, uses Vue.JS as the frontend and integrates with Firebase for the backend functionality.
- vuegg ★562 - 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 ★187 - Podcast-optimized, HTML5-based audio player featuring chapters, transcripts and embedding.
- Leo Vue ★17 - Use the open source Leo outlining editor/IDE to create webapps with nested menus, with support for Vue components in content.
- Justine - A configurable HTML documentation generator (currently supports JSDoc) using Vue components for the documentation template
- Deezer-Vue - Deezer client built with Vue\Vuex
- Vuep.run - Online SFC editor for Vue
- V·oogle ★23 - Google.com, reVued
- Pomidorus ★103 - Pomodoro time tracker build using Vue and D3 🍅
- Hubble - Travel through GitHub Stars’ history.
- Vuepress - Minimalistic Vue-powered static site generator
- Socialhome ★177 - A federated rich profile builder with social networking features
- GenVue ★6 - a hostable, web application that lets confidential users upload and share private files build on Vue.js, Vuetifyjs and NetCore WebAPI stack
- vue-array ★9 - 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 ★10 - A complete App starter kit with Quasar Framework, GraphQL API backend with OAUTH 2.0 authentication, Firebase ready, multilanguage capability and more.
- Protovue ★127 - A prototyping component library that helps designers and developers quicky scaffold an abstracted app layout.
- Chattier ★0 - SPA social network built with Laravel 5.6, Vue.js 2, and Bulma (Buefy components + Bulmaswatch themes). Also uses JWT authentication.
- chrome-ribbon-reminder ★3 - A Chrome extension written using Vue and Async/Await. Uses a popup display and changes badge counts.
- Faviator - A simple easy favicon generator.
- Laravel Genealogy ★15 - Genealogy / family tree management system using Laravel 5.6, Vue.js 2 and various components. Work in progress.
- Minimal Notes ★21 - Web app build with Vue.js
- Roast ★69 an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
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
- Cover - A high quality Component Library built on Vue.js
- EducationLink - CRM and sales automation for education agents and colleges.
- Pragmatic - Responsive and configurable admin template built with Vue.js and Element.
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 News ★40 ⏳2Y - 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 ★22 - 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 ★7 - 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 ★46 ⏳1Y - 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 Vuedo ★1781.
- 蒜瓣 ★31 - 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 ★2 ⏳1Y (although not the live files that run the game at kdcinfo).
- GRAP - Business communication service
- Easy Mock - mmf-blog-vue2-ssr ★138 A blog built with Vue 2.0, vue-router & vuex, with server-side rendering
- JSON Schema Editor - An intuitive editor for JSON schema built with Vue.js and Firebase.
- Winsome Trivia - A single or multiplayer trivia game featuring over 2,000 unique questions built with Vue.js and powered by the Open Trivia Database.
- Moon Organizer - Lunar calendar app
- Flash-Vue - ‘Flashcards of the Future’ bring learning everywhere
- Kinderbesteck - A full Online Shop SPA with Vue2.0, Vuex, Vue Router
- n2ex ★145 - 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
- Ripplectron ★39 - Ripple(Blockchain coin) Wallet Desktop client for vue-electron
- PingBreak A free and simple website monitoring service using vuejs for real-time dashboard
- Todoist Tribute ★70 - 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.
- Vectr - A free vector graphics software
- brain bits ★66 - 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 ★16 - 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 ★14 - 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 ★7 - 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.
- 9GAG - Popular online platform and social media website
- CryptoVue - Real-time cryptocurrency dashboard
- Kitchen Stories - Cooking platform
- MailRabbit - Create, A/B test, and monitor transactional emails without a developer.
- Vue资源精选 - greate Vue components list, category, inline demo show and brief
- Cronhub - Painless Cron Monitoring Tool
- wrkprty - Pop-up coworking events for freelancers, remote workers, and professionals looking to get out of the office.
- Made with love - The Made with Love ❤️ around the world, initiative is a movement to celebrate 🎉, promote 📣 and build a brand 👑. It feed Tech news, design inspiration and trends from over 💯 sources including Dribbble, ProductHunt, Behance and Techcrunch. 💝
- Path to Product - Discover over 1,000 product jobs at startups and tech companies.
- V·oogle - Google.com, reVued. A joke-project. :)
- Broker Notes - ‘Study to become a Real Estate Agent’
- SyncLounge - SyncLounge is a tool to sync Plex content across multiple players in multiple locations.
- HCE.it - The website of an Italian agency, entirely made with Vue using a Laravel-based headless CMS.
- Pages - Web design inspiration
- Scrumpy - A Beautiful Project Management Tool for Agile Teams
- Spektrum - The website of Spektrum Media Agency
- SPK The website of SPK Ecosystem
- IDDEF ☪️ The Federation of the Associations that Value Humanity’s webpage, CMS, CRM and Donation and all e-commerce pages are designed with Vue.js, Vuex and pure JavaScript 🙏
- Configuration File Management - A simple way to manage your configuration files
- Roast an app built to help coffee enthusiasts find their next cup of coffee while learning about Laravel + Vue.js.
- YBR - Centralized YBS Public eComplaint Management System. (Full SPA)
Interactive Experiences
-
[Jean-Pierre Morin 1700 LAPOSTE](http://1700laposte.com/jean-pierre-morin/) - Facebook NewsFeed
- YouTube AdBlitz 2016
- Omnisense Experience
- Louis Ansa Website (portfolio)
- Djeco.com
- Tolks.io
- Meet Graham
- NOIZE original
- TR-101 Synth Drum Machine
- Bootstrap 4 Editor
- Subtletab - Browser Extension
Enterprise Usage
- Alibaba
- Baidu
- Sina Weibo
- Xiaomi
- Ele.me
- Optimizely
- Expedia
- UCWeb
- Line
- Nintendo
- Celtra
- Sainsbury’s
- AREX
- DJI
- Octimine GmbH
- Hunliji
- GitLab
- Clemenger BBDO Melbourne
- ZenMate
- Codeship
- Storyblok
- Monito - Building the Booking.com for international money transfers
- Hypefactors - Software for data-driven PR professionals
- Adobe
- IBM
A11y
- Vue A11y project - Vue.js community project to improve web accessibility.
- vue-skip-to ★4 - It helps people who only use the keyboard to jump to what matters most.
- vue-axe ★10 - Accessibility auditing for Vue.js applications.
- vue-announcer ★56 - A simple way with Vue to announce any useful information for screen readers.
- eslint-plugin-vue-a11y ★22 - Static AST checker for accessibility rules on elements in .vue
- vue-focus-lock ★18 - It is a trap! A lock for a Focus. A11y util for scoping a focus.
- vue-a11y-calendar ★227 - Accessible, internationalized Vue calendar.
Components & Libraries
UI Components
Table
Tables / data grids
- vuetable-2 ★1099 - Data table simplify.
- vue-tables-2 ★766 - Vue.js 2 grid components.
- vue-datasource ★372 - A vue.js server side component to create dynamic tables.
- ag-grid-vue - Vue adaptor for ag-Grid.
- vue-data-tables ★643 - Vue2.0 DataTables, based on element-ui.
- vue-floatThead ★14 - Vue 2.0 component for floatThead, a floating & sticky table header plugin.
- vuetiful-datatable - Datatable component with sorting, filtering, pagination, grouping and aggregation.
- vue-materialize-datatable ★82 - VueJS datatable for Materialize CSS
- vue-good-table ★465 - An easy to use, VueJS (2.x) table plugin with sorting, column filtering, pagination etc.
- vue-grid ★63 - A flexible grid component for Vue.js
- vue-easytable ★931 - A powerful table components based on Vue2.x
- vue2-datatable-component ★503 - The best Datatable for Vue.js 2.x which never sucks
- vue-js-grid ★411 - Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering
- vue-handsontable-official ★246 A Vue.js wrapper for the the Handsontable spreadsheet component
- vue-grid ★9 - A powerful flexbox grid system for Vue.js 2.x, built with inline-styles
- vue-data-tablee ★22 - Based on vue-good-table, a simple and pretty table component
- vue-scrolling-table ★27 - Simple table component with flexbox sizing, scrolled table body (horizontal and vertical), slots for all tr/th/td rendering.
- el-search-table-pagination ★71 - Combines Form, Table and Pagination components of Element UI together. Based on Vue 2.x.(Detail)
- vue-crud-x ★29 - 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 ★236 - VueJS powered Datatable with Laravel server-side loading and JSON template setup
- v2-table ★37 - A simple table component based Vue 2.x.
- vue-cheetah-grid ★53 - 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 ★36 - base on element-ui, makes crud easily
Notification
Toaster / snackbar — Notify the user with a modeless temporary little popup
- vue-notifications ★291 - Vue.js agnostic non-blocking notifications library.
- vue-easy-toast ★79 - A toast plugin for vue/vue2.
- vue-toasted ★593 - Responsive Touch Compatible Toast plugin for VueJS.
- vue-notifikation ★4 ⏳1Y - Vue.js notification plugin.
-
vue-notification ★667 - Vue.js 2+ notification plugin using
Velocity
for animations. - vs-notify - Tiny but powerful notification component with no dependencies.
- vue2-notify ★22 - Vue.js 2+ notification plugin.
- vue-notifyjs ★116 - Minimalist, 3kb themable notification plugin
- vueup ★73 - Simple, lightweight and elegant global notification popup for Vue.js
- vuex-flash ★37 - Flash message component for VueJS 2.x within Vuex 2.x.
- vue-snotify ★244 - Vue.js 2 Notification Center
- vue-notify-me ★90 - Stackable notification Alert for Vue
- vue-noty ★71 - A Vue.js 2 wrapper around Noty
- vue-notice ★33 - Vue.js 2 wrapper around Noty.js with native API
- vue-flash-message ★25 - Simple yet flexible notification plugin
- @voerro/vue-notifications ★25 - Simple Vue.js 2 notifications plugin with HTML and styling support.
- vue-awesome-notifications ★19 - Lightweight Vue.js notification library with advanced async support.
- vue-izitoast ★14 - A Vue.js 2 wrapper around IziToast.
- vue-toastr-2 - Simple toast notifications for Vue.js built on toastr ★8348
- vue-snack ★1 - A Vue.JS plugin for Snackbars based on Google Material.
Loader
Loaders / spinners / progress bars — Let the user know that something is loading
- vue-radial-progress ★162 - Radial progress bar component for Vue.js.
- vue-simple-spinner ★259 - A simple, flexible spinner for Vue.js
- vue-wait ★567 - Complex Loader Management for Vue/Vuex and Nuxt applications.
- vue-spinner-component - Customizable, lightweight spinner for Vue.js.
- vue-progress-path ★98 - Customizable progress indicators and spinners that support any custom SVG path.
- vue-blockui ★23 - BlockUI for vue 2, similiar to jquery blockUI, can be used for loading screen.
- epic-spinners ★2117 - Easy to use css spinners collection with vue.js integration.
- svg-progress-bar ★42 - A simple,progress bar for Vue.js.
- vue-loading-overlay ★57 - Tiny full screen loading indicator
- vue-loaders - vue wrappers for loaders.css ★8679
- vue-promise-btn ★95 - Tiny and powerful tool for asynchronous buttons(or any other tag) lock with fancy built-in spinner
- vue-spinkit ★20 - 🌈 A collection of loading indicators animated with CSS for VueJS
- vue2-form-loading ★0 - A VueJS directive can be used with forms in order to disable submit button while the next page is loading
Progress Bar
A slim progress bar at the top of the page
- vue-progressbar ★762 - A lightweight progress bar for vue.
- vue2-loading-bar ★204 ⏳1Y - Simplest Youtube Like Loading Bar Component For Vue 2.
- vue-top-progress ★131 - Yet another top progress loading bar component for Vue.js.
- vue-nprogress ★103 ⏳1Y - Progress bars is based on nprogress for Vue.
- vue-progress-button ★38 - Vue.js 2.x animated button component.
- vue-simple-progress ★13 - A simple, flexible progress bar for Vue.js
- vue-component-loading ★4 - Manage a loading state inside each component and display the global loading state with a progressbar.
Tooltip
Tooltips / popovers
- v-tooltip - Easy tooltips with Vue 2.x.
- vue-popper-component ★31 ⏳1Y - Popper.js directive for Vue.js.
- vue-directive-tooltip ★82 - Simple, flexible tooltip directive (based on Popper.js)
- vue-popperjs ★120 - VueJS 2.x popover component based popper.js
- vue-tooltipster ★2 - VueJS 2.x tooltip component based tooltipster.js. Support html content, hover and hover+click events.
Overlay
Overlay / modal / alert / dialog / lightbox / popup
- vuedals ★69 - A VueJS (2.x) Plugin for multiple modals windows with a single component instance.
- sweet-modal-vue ★389 - The sweetest library to happen to modals. Now available for Vue.js.
- vue-js-modal ★1336 - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
- vudal ★22 - Modal window for vue.js
- vodal ★210 - A vue modal with animations.
- vue-image-lightbox ★75 - A Vue image lightbox/gallery to display images nicely.
- vue2-simplert ★186 - Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan Maulana
- Vue-Semantic-Modal ★35 - Vue 2 Semantic-UI modal component without jQuery dependency
- v-img ★252 - Easy to install image gallery.
- vue-dialog-drag ★46 - Draggable dialog
- vue-ya-semantic-modal ★16 - Yet another semantic-ui modal component for Vue2 without Jquery but with Vue transition
- vue-pure-lightbox ★40 - Very simple lightbox plugin without any dependencies - only Vue! 🖼
- v-viewer - Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js ★2805
- vue-messagebox ★8 - Easy and made-to-order messagebox component on Vue.
- vuejs-dialog ★137 - A lightweight, promise based alert, prompt and confirm dialog.
- @hscmap/vue-window ★83 - Window UI Component for vue2.
- vue-gallery ★138 - 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 ★55 - A small wrapper for integrating SweetAlert to Vuejs. (Compatible with SSR)
- vue-modal-dialogs ★88 - ✨ Promisify your own dialogs!
- vue-img-view ★13 - a plugin for Vue.js, you can drag / view / rotate pictures anywhere
- vue-modaltor ★23 - most advance configurable modal component for vuejs
- v-modal-backdrop ★0 - A simple generic backdrop component for vue
- vue-cute-modal ★2 - A simple and easy to use Modal component for Vue applications.
- v-dialogs ★13 - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
- vue-gallery-slideshow ★10 - Responsive gallery component for VueJS
-
vue-a11y-dialog - A Vue.js component wrapper for the accessible dialog
a11y-dialog
★1098. - vue-slideout-panel ★2 - Stackable panel component for VueJS
Parallax
- vue-parallax ★51 ⏳1Y - Scrolls an image slower than the window to create a neat optical effect.
- vue-parallaxy ★234 - Vue.js component for parallax image scroll effects.
- vue-mouse-parallax ★39 - A simple to use Mouse Parallax Component - Made with Vue.js
Icons
- vue-awesome ★1432 - Font Awesome component for Vue.js, using inline SVG.
- vue-material-design-icons - A collection of SVG Material Design icons as single file components.
- vue-icon-font ★13 - A iconfont plugin for Vuejs (support Font-class and Symbol).
- vue-ionicons ★24 - Vue Icon Set Components from Ionic Team.
- vue-ico ★12 - Dead easy icons for Vue with drop-in browser support & selective bundling
- mdi-vue ★14 - Material Design Icon components for Vuejs
- vue-fontawesome ★425 - Font Awesome 5 Vue component
- g-icon ★4 - Simple icon component for your svg icons (compatible with Font Awesome-like font toolkits)
Menu
- vue-accordion ★94 - Simple accordion nav menu component for Vue.js.
- vue-js-dropdown - Vue.js 2 dropdown menu component. Light, easy to use and extend, no external deps.
- vue-slideout - Vue implementation of the popular library slideout ★7336
- vue-quick-menu ★60 - This is web navigation component base on vue.js2.
- @hscmap/vue-menu ★89 - Menu / Context Menu component for vue2.
- vue-router-nav ★6 - Minimalistic responsive navigation bar that renders routes of vue-router.
- vue-drawer-layout ★110 - A simple DrawerLayout component like Android has for Vue.js.
- vue-simple-menu ★19 - Simple menu component with a set of basic functionality, which is enought in 80% of cases
- vue-tree-navigation ★63 - Vue.js 2 tree navigation with vue-router support
- bp-vuejs-dropdown ★15 - Vuejs => 2 dropdown. Easy to use, no external, optional.
- vue-bulma-accordion ★7 - Simple, easily configurable accordion or collapsible styled with Bulma custom or built in icons available
Carousel
- vue-easy-slider ★186 - Slider Component of Vue.js.
- vue-l-carousel ★39 - A responsive carousel(namely slider or swiper) component for Vue.js v2.x+.
- vue-awesome-swiper ★3546 - Swiper(slide) component for Vue.js(1.x ~ 2.x).
- vue-lory ★33 - Vue Slider Component based on lory.
- vue-slick ★248 - Vue component for Slick-carousel.
- vue-flickity ★197 - A Vue Component for Flickity.js.
- vue-carousel-3d ★354 - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js.
- vue-carousel ★461 - A flexible, responsive, touch-friendly carousel for Vue.js.
- vue-coverflow ★47 - A vue2.x coverflow component.
- vue-agile ★301 – A carousel component inspired by Slick, written in Vue.js and vanilla JS only.
- vue-tiny-slider ★31 – A carousel component created by ganlanyuan, written in Vue.js. No jQuery. Works in IE8+.
- vue2-text-swimlane ★18 - A Text Swimlane plugin for Vue.js
- vue-picture-swipe ★64 - Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe.
- vue2-siema ★6 - Plugin wrapper for the very tiny Siema carousel/slider library.
Charts
- vue-morris ★114 - VueJS component wrapping Morris.js.
- vue-charts ★182 - Google Charts plugin for Vue.js.
- vue-chartjs ★2009 - Vue.js wrapper for Chart.js.
- hchs-vue-charts ★310 - Based on Vue2.0 wrapper for ChartJs.
- vue-echarts - ECharts component for Vue.js.
- vuetrend ★633 - Simple, elegant spark lines for Vue.js.
- vue-highcharts ★282 - Highcharts component for Vue.
- vue-echarts-v3 ★681 - Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).
- vue-chartist ★26 - Vue.js 2.0 component wrap for Chartist.
- g2-vue ★38 - Factory wrapper for using G2 easily in a Vue Component.
- vuebars ★119 ⏳1Y - Simple, elegant spark bars for Vue.js.
- vue-d3-network ★131 - Vue component to graph networks using d3-force
- vue2vis ★60 - Vue2 wrapper for Visjs.
- vue-c3 ★32 - A reusable vue component for c3 charts
- vue-d2b ★15 - Vue components for d2b charts. (Including axis, pie, sankey, and sunburst charts)
- VueChart ★8 - A very simple Vue wrapper for Chart.
- vue-chartkick ★308 - Create beautiful JavaScript charts with one line of Vue
- d3vue ★35 - A D3 Plugin for Creating Reactive Data Visualizations in VueJS
- vue2-frappe ★34 - A simple wrapper around Frappe Charts for VueJS
- vue-google-charts ★4 - Reactive Vue.js wrapper for Google Charts lib
Time
Display time / date / age
- vue-timeago ★474 - A tiny timeago component for Vue.
- vue-moment-jalaali ★40 - Jalaali Moment.js filters for your Vue.js project.
- vue-countdown-timer ★16 - Added timezone conversion support.
- vue-analog-clock-range ★40 - Analog clock range to show time difference.
- vue-moment-lib ★13 - A simple Vue.js 2.0 MomentJS library (filters & globals) using the same momentjs API.
- vuejs-countdown ★42 - A simple countdown timer component for vue js 2.0
- vue2-flip-countdown ★3 - A countdown timer with flip effect for Vue 2.x
Calendar
Display non-editable events in a Calendar
- vue-fullcalendar ★733 - Vue calendar fullCalendar. No jQuery required. Schedule events management.
- vue-event-calendar ★372 - A simple events calendar for Vue2, no dependencies except Vue2.
- vue-calendar-picker ★37 - Lightweight calendar component for events display, period selection and date picker.
- vue-lunar-calendar ★43 - A vue component for lunar calendar. Uses Moment.js for date operations.
- vue-simple-calendar ★177 - Flexbox-based Vue month calendar compenent; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies.
- vue2-calendar ★28 - A simple full calendar component aimed at beeing flexibile and lightweight.
- vue-jlunar-datepicker ★17 - A Chinese lunar datepicker component with festivals and solar terms.
- vue-full-calendar - A complete fullcalendar.io wrapper for both Vue 1 and 2
- v-calendar ★579 - Animated calendar/datepicker that displays regions, indicators and day popovers for simple & recurring dates.
- vue-infinite-calendar ★4 - A simple infinite calendar implementation for Vue 2
- vue-calendar ★16 - A simple calendar components for Vue 2.1.5+, support custom content. No dependencies.
- vue2-event-calendar ★11 - An events calendar for Vue2, support customize event items and calendar header.
- vue2-datePicker-infinite ★1 - An infinite datePicker for Vue2, easy to use and no dependencies.
- vue2-slot-calendar ★345 - A vue 2 calendar, datepicker component which supported lunar or date event, bootstrap style.
- quasar-calendar ★34 - A vue.js calendar using the Quasar framework that implements monthly, multi-day and agenda views.
- vue2-datepicker ★131 - A beautiful datepicker / datetimepicker component for Vue2
Map
- vue2-google-maps ★790 - Google maps component for vue with 2-way data binding.
- vue2-leaflet ★482 - Vue 2 components for Leaflet maps.
- vue-mapbox-gl ★87 - Vue 2.x component for Mapbox GL JS
- vue-yandex-maps ★86 - Vue 2.x component for Yandex Maps
- vue-baidu-map ★803 - Vue 2.x component for Baidu Maps.
- vue-choropleth ★42 - Vue 2.x component to display a choropleth map.
- vuelayers ★98 - Vue 2 components to work with OpenLayers.
- vue-googlemaps ★302 - Vue 2.x components to integrate Google Maps.
- vue-static-map ★11 - Vue 2.x simple component to generate an static google map
Audio / Video
- Vue-APlayer ★343 - Easy-to-config music player for Vue 2.x.
- vue-audio ★78 - audio-tag wrapper; sound player component for Vue 2.x
- vue-dplayer - A Vue 2.x video player component based on DPlayer.
- vue-canvasvideo ★20 - A Vue 2.x component for video backgrounds and autoplay video on iOS/Safari.
-
vue-music ★12 - A Vue component base on html5
<audio>
. - vue-audio-visual ★29 - Vue HTML5 audio visualization components.
- vue-plyr ★48 - A set of Vue components for the plyr video & audio player.
Infinite Scroll
- vue-infinite-loading ★1153 - An infinite scroll plugin for Vue.js 1.0 & Vue.js 2.0.
- vue-mugen-scroll ★398 - Infinite scroll component for Vue.js 2.
- vue-infinite-scroll ★1528 - An infinite scroll directive for vue.js.
- vue-loop - An infinite content loop component for Vue.js 2.
- vue-scroller ★1155 - An infinite content loop component for Vue.js 2, including functionalities such as ‘pull-to-refresh’, ‘infinite-loading’, ‘snaping-scroll’.
- vue-infinite-list ★11 - An infinite list mixin can recycle dom for Vue.js 2
- vue-infinite-slide-bar ★3 - ∞ Infinite slide bar component.
Pull-to-refresh
- vue-pull-refresh ★79 - A pull to refresh component for Vue.js 2.0.
- vue-pull-to ★289 - A pull-down refresh and pull-up load more and infinite scroll for Vue.js component.
- vue-data-loading ★35 - Another component for infinite scroll and pull down/up to load data.
Markdown
- vue-markdown ★627 - A Powerful and Highspeed Markdown Parser for Vue.
- vue-mavonEditor ★1184 - A markdown editor based on Vue that supports a variety of personalized features.
- vue-simple-markdown ★19 - A Simple and Highspeed Markdown Parser for Vue.
- vue-markdown - A wrapper around markdown-js ★6734. Lightweight, simple and powerful.
- vue-simplemde - A wrapper around simplemde ★5105. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
- vue-pdf ★335 - A pdf viewer based on mozilla’s PDF.js
Tree
- Vue.D3.tree ★318 - A Tree View based on D3.js
- vue-json-tree-view ★228 - A JSON Tree View Component for Vue.js.
- vue-tree - A Tree Component for Vue.js 2.X.
- liquor-tree ★51 - Amazing Vue Tree component
- vue-trees-ui ★10 - A Tree Ui Base On Vue.
- Bosket ★351 - Collection of tree view components for front-end frameworks (Vue, React, Angular and Riot).
- plantain-00/tree-component ★73 - A reactjs, angular and vuejs tree component.
- sl-vue-tree ★26 - A simple customizable draggable tree component for Vue.js
- vue-draggable-nested-tree ★33 - Customizable draggable tree view component for Vuejs2 @phphe
- vuejs-tree ★9 - A highly customizable VueJs tree viewer
- vue-jstree ★116 - A Tree Plugin For Vue2 with beautiful icons and drag&drop
Social Sharing
- vue-social-sharing ★427 - A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X.
- vue-goodshare ★69 - 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 ★11 - A Vue.js component for sharing links to social networks, with with Vue 2.X
QR Code
- vue-qriously ★124 - A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
- vue-qart ★224 - The directive of vue 2.x for qart.js.
- vue-qrcode-reader ★173 - A Vue.js 2 component which detects and decodes QR codes from a camera stream.
Search
- vue-fuse ★121 - A lightweight pluggin for fuzzy search library, Fuse.js
- vue-instantsearch - The ultimate toolbox for creating instant-search experiences using Algolia.
- vue-innersearch ★33 - A Vue.js wrapper for Elasticsearch
Miscellaneous
- vue-avatar ★310 - An avatar component for vue.js.
- vue-touch-ripple ★270 - Touch ripple component for Vue.js(1.x ~ 2.x).
- vue-typer ★294 - Vue component that simulates a user typing, selecting, and erasing text.
- vue-keyboard ★95 - Vue 2 virtual keyboard component.
- vue-twentytwenty ★90 - Image comparison component, works with Vue.js 2.x
- vue-cookie-law ★129 - Cookie info plugin for Vue.js 2.x
- vue-gravatar ★46 - A dead-simple gravatar component for Vue.js 2.x
- vue-clipboard2 ★298 - An easy to use clipboard.js binding for Vue.js 2.x
- vue-flashcard ★52 ⏳1Y - FLashcard component with animation for Vue.js 2.x
- vue-truncate-collapsed ★29 - A simple component that truncates your text and adds a ‘Read More/Show Less’ clickable for Vue.js 2.x
- vue-kanban ★235 - A flexible drag and drop kanban board component
- vue-letter-avatar ★28 - A simple and elegant letter avatar component for vue.js
- vue-highlightjs ★102 - Syntax highlighting with highlight.js
- v-clipboard ★113 - Simple, tiny and easy to use directive to save your models to clipboard (less than 2kb minified, no dependencies)
- vue-invisible-recaptcha ★37 - Super easy integration for Google’s Invisible reCAPTCHA
- vue-embed ★23 ⏳1Y - Embed component is based on embed.js for Vue 2.x, a component that embeds emojis, media, maps, tweets, gists, code, services and markdown.
- vue-particles ★497 - Vue.js component for particles backgrounds
- vue-uniq-ids ★25 ⏳1Y - Vue.js 2.x plugin that helps to use id-related attributes with no side-effect
- vue-multivue ★11 - Use multiple vue apps of the same class on the same page.
- vue-affix ★173 - 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 ★12 - A Vue.js browser-update plugin.
- vue-query-builder ★229 - A UI component for building complex queries with nested conditionals.
- vue-info-card ★50 - A simple and beautiful card component with an elegant spark line and CSS3 flip animation.
- v-offline ★107 - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
- vue-word-cloud ★73 - A word cloud generator.
- vue-flat-surface-shader - A Vue component for flat surface shader ★2179 ⏳2Y
- vue-easteregg ★4 - Easey add an easteregg to your vue app (default with konami code)
- vue-barcode-scanner ★33
- vue-heatmapjs ★76 - A Vue directive for tracking and visualising mouse activity
- vue-maze ★24 - An itty-bitty maze game made as Vue.js component
- vue-drag-verify ★35 - This is a vue component, which is sliding to unlock for login or sign up.
- vue-balloon ★38 - Vue components for creating fixed, zoomable containers in the corner of a page. Similar to the mail composition wrapper used in gmail.
- vue-sticker ★116 - Sticker effect to any directions
- v-rating ★13 - ⭐️ Rating component in Semantic-UI made with VueJS (< 500B gzipped, blazing fast)
- vue-content-placeholders ★528 - Composable components for rendering fake (progressive) content like facebook in vue
- vue-page-designer ★80 - Vue component for drag-and-drop to design and build mobile website.
- vue-creativecommons ★2 - CreativeCommons.org Vue.js components library.
- vue-status-indicator ★59 - A Vue.js component to show status indicator as colored dots.
- vue-google-adsense ★18 - Vue.js Google Adsense Component with InFeed and InArticle Ads support
- emoji-vue ★21 - Emoji 😎👌🏻 dropdown for Vue.js project
- vue-chessboard ★20 - Chessboard vue component to load positions, create positions and see threats.
- vue-mindmap ★90 - Vue component for mindnode maps.
- v-currency ★13 - Vue component for formatting currency.
- vue-emoji-picker ★18 - Highly customizable unicode emoji picker 🔥🚀
- vue-8-puzzle ★12 - An itty-bitty slide puzzle game made as Vue.js component
- vue-e164 ★3 - Customizable phone formatter with E.164 standart support
- vue-pgn ★1 - Vue.js component for viewing chess games in pgn format
- vue-avatar-editor ★7 - Resize, rotate and crop your uploaded avatar using a clear user interface.
- vue-connection-listener ★59 - Vue event bus plugin listening for online/offline changes.
- vue-sauce ★68 - “View source” directive for Vue.
- vue-prom ★123 - Vue promise wrapper component.
- numeric-keyboard ★93 - Numeric keyboard for mobile browsers.
- vue-zoom-on-hover ★23 - Image zoom on mouse hover
- vue-responsive-image ★6 - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
- vue-highlight-text ★22 - Vue component for highlight multiple istances of a word
- vue-cast-props ★2 - Provides a convenient way of converting props to common data types.
- vue2-heropatterns ★2 - A Vue2 implementation allowing you to add the popular Hero Patterns onto any Div
- vue-link ★31 - One component to link them all 🔗 (treat external and internal links same)
- vue-identify-network ★23 - ⚡️Identify what kinda internet your users are using!
- vue-cloneya ★4 - A vue component to clone DOM elements
- vue-survey-builder ★27 - Survey builder for vue.js applications
- vue-if-bot ★17 - A lightweight component to hide/show content to clients based on the user agent
- vue-clampy ★1 - 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 ★7 - Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection on creation. Good for GDPR requirements.
- @lossendae/vue-avatar ★1 - An avatar component for VueJS 2.0.
- vue-text-highlight ★4 - Text highlighter library for Vue.js 💄
- vue2-hammer ★37 Hammer.js wrapper for Vue 2.x to support mobile touch..
- vue-countable ★1 - Vue binding for countable.js. Provides real-time paragraph, sentence, word, and character counting.
- v-show-slide ★1 - A Vue.js directive for animating an element to and from height: auto in a sliding motion.
- vue-swipe-actions ★2 - iOS style swipe actions for Vue.js
Tabs
- vue-tabs ★131 - Simple tabs and pills.
- vue-swipe-tabs ★22 - A touch swipe tab component for vue.js(vue2).
- vue-tabs-component ★385 - An easy way to display tabs with Vue.
Form
Let the user create & edit data
Editable
- vue-xeditable ★78 - Better editable Component in Vue Edit.
Picker
- vue-smooth-picker ★81 - A smooth picker component for Vue 2.x, like iOS native datetime picker.
Generator
- vue-json-schema ★306 - Generate a form using JSON Schema and Vue.js
- vue-awesome-form ★4 - A vue.js component just like json-editor
- vue-generator ★0 - Initial router and components for the Vue project.
Date Picker
Date / datetime / time Picker
- vue-datepicker ★648 - [unmaintained] Calendar and datepicker component with material design for Vue.js.
-
vue2-timepicker ★196 - [unmaintained] A dropdown time picker (hour minute second) for Vue 2.x, with flexible time format support. - vuejs-datepicker ★1118 - A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
- vuedt ★5 ⏳1Y - [unmaintained] Crazy lightweight (5.5kb!) Vuejs Date and Time picker component with nice animations and not too much fuzz.
- vue-flatpickr-component Vue.js component for flatpickr datetime picker
- vue-bootstrap-datetimepicker Vue.js component for eonasdan-bootstrap-datetimepicker ★6241
- vue-jalaali-datepicker ★12 - Jalaali calendar and datepicker for vue.js 2.
- vue-date-picker ★40 - A vue date picker component inspired by material design
- vue-monthly-picker ★21 - Vue.js component for month and year picker only
- vue-hotel-datepicker ★256 - 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-datepicker ★58 - An awesome persian datepicker component for vue. کامپوننت انتخاب تاریخ برای ویو.
- vue-datetime ★210 - Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
- vue-rangedate-picker ★77 - Range date picker with simple usage
- v2-datepicker ★47 - A simple datepicker component based Vue 2.x.
- vue-datepicker-local ★151 - A Beautiful Datepicker Component For Vue2.
- vue-airbnb-style-datepicker ★189 - A Vue datepicker with a similar look and functionality as the popular AirBnb datepicker. Lightweight, configurable and good browser support!
- vue-persian-datetime-picker ★53 Persian material datepicker. Supports datetime, date, time, year, month.
- VCalendar Very customizable and powerfull calendar/datepicker component with many features and good docummentation.
- @owumaro/vue-date-range-picker ★9 - A vue component using Bootstrap 4 styles for date range selection
Select
- vue-select ★1976 - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
- vue-multiselect - Universal select/multiselect/tagging component for Vue.js.
- stf-vue-select ★46 - most flexible and customized select Vue2
- vue-select-image ★42 - Vue 2 Component for selecting image from list
- @riophae/vue-treeselect ★289 - A multi-select component with nested options support for Vue.js.
- @k186/pd-select ★63 - A mobile UI component like IOS picker for Vue 2.x,can be wheel pick what ever you defined.
- vue-dropdowns ★11 - A minimalistic and adaptable way to display select boxes if using objects for vue2.x
- v-cascade ★7 - A lovely component of cascade selector with Vue 2.x (Support both of PC and Mobile)
- vue-multi-select ★33 - A custom component to make select/multiselect for Vue2.
- v-region ★12 - A simple region selector, provide Chinese administrative division data.
- v-selectpage ★5 - A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports.
Slider
- vue-slider-component ★760 - Slider for vue1.x and vue2.x.
- vue-circle-slider ★112 - Circle slider component for vue2.x.
- vue-netflix-slider ★4 - A Netflix like slider.
- vue-slide-bar ★19 - Very simple vue slider bar component.
- textra ★5 - Vue js add-on to slide text.
- vue-knob-control ★3 - A rotary knob control for Vue.js
Drag and Drop
- vuedraggable ★4099 - Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js.
- vue-dragula ★242 ⏳1Y - Drag and drop so simple it hurts.
-
vue2-dragula ★165 - A
vue-dragula
fork forVue2
, with a lot of improvements. - awe-dnd ★348 - A sortable list directive with Vue.
- vue-draggable-resizable ★331 - Vue2 component for draggable and resizable elements.
- vddl ★255 - Vue components for modifying lists with the HTML5 drag & drop API, supports VueJs versions 1 and 2.
- vue-drag-drop ★117 - A minimal and lightweight wrapper for the HTML5 Drag and Drop API.
- vue-swing ★57 - A swipeable cards interface, as seen in apps like Jelly and Tinder.
- vue-slicksort ★139 - A dependency-free set of mixins for animated, touch-friendly, sortable lists
- draggable-vue-directive ★90 - A simple directive to handle drag and drop of any Vue component.
- vue-smooth-dnd ★125 - Vue wrappers of smooth-dnd library. drag and drop, sortable library covering for many cases.
- vue-drag-resize ★34 - A dependency-free Vue component for draggable and resizable elements with with aspect ratio, reactive props etc
Autocomplete
Autosuggest / autocomplete / typeahead
- vue-instant ★288 - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
- v-autocomplete ★168 - Autocomplete component for Vue.js
- vue-awesomplete ★13 ⏳1Y - Vue wrapper for Awesomplete
- vue-auto-complete ★37 - Autocomplete for Vue2. Works with objects or api calls.
- vue-autosuggest ★60 - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
- v-autosuggest ★5 - A simple modular Vuejs component that autosuggest input from a dyanamic or static data querying.
- autocomplete ★2 - Simple Autocomplete component for Vue.js 2.*
- vue-infinite-autocomplete ★2 - Vue infinite-autocomplete wrapper for Vue.js 2.*
- vue-simple-suggest ★79 - Simple yet feature-rich autocomplete component for Vue.js
Type Select
Let the user select a tag / something while typing
- vue-input-tag ★301 - Vue.js 2.0 Input Tag Component.
- v-distpicker ★408 A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
- vue-img-inputer ★307 A graceful, highly customizable img type input for Vue 2
- vue-img-preview ★9 ⏳1Y An image input preview component in vue 2
- v-image ★9 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-color ★1010 - Vue Color Pickers for Sketch, Photoshop, Chrome & more.
- vue-swatches ★181 - Help the user picking beautiful colors!
Switch
Switch / on/off toggle / checkbox
- vue-switches ★100 - An on/off switch component for Vue.js with theme support.
- vue-js-toggle-button ★330 - Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
- vue-checkbox-radio ★53 - A Vue component to easily styling checkbox and radio inputs.
- vue-enhanced-check ★4 - Vue component to redesign/labelize checkbox/radio, including toggle/switch button.
- pretty-checkbox-vue ★76 - Implementation of pretty checkbox 3(A pure CSS library to beautify checkbox and radio buttons) components for Vue.js 2.2+.
- vue2-collapse ★29 - Vue Collapse is a flexible content toggling plugin for the accordion lists or any other conditional content rendering.
Masked Input
- vue-masked-input ★302 - Masked input component for Vue.js.
- vue-text-mask ★5760 - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
- vue-ip-input ★16 - An ip input implemented by vuejs.
- vue-numeric ★164 - Input field component to display currency value based on Vue.
- awesome-mask ★110 - Mask directive based on a pure and simply VanillaJS implementation
- v-money ★212 - Tiny (<2k gzipped) input/directive mask for currency
- vue-autonumeric ★24 - A Vue.js component that wraps the awesome autoNumeric input formatter library
- vue-inputmask ★18 - Vue.js directive to add Robin Herbots’ inputmask library to your inputs (vanilla javascript).
- vue-input-number ★6 - A custom input number component for Vue.js 2.
- v-unicode ★13 - Vue directive to restrict an input by unicode values.
- vue-cleave-component ★67 - Vue.js component for cleave.js
- vue-ip ★14 - An ip address input with port and material design support
- vue-r-mask ★5 - Directive with template similar to javascript regular expression.
- vue-input-code ★38 - Base on Vue.js 2.0+ verification code input component.
- label-edit ★4 - Inspired by Trello. Click to show editable input and return the value changes. This is a Vue Component.
- vue-jquery-mask - Vue.js v2.x component for jQuery Mask Plugin ★3217
Rich Text Editing
- vue-quill-editor ★2298 - Quill editor component for Vue2.
- vue-mobiledoc-editor ★40 - A mobiledoc editor component toolkit for Vuejs.
- vue2-medium-editor ★229 - A MediumEditor component for Vue 2.
- vue-froala ★15 ⏳1Y - VueJS wrapper for Froala Editor.
- vue-froala-wysiwyg ★197 - Official VueJS plugin for Froala WYSIWIG HTML Editor.
- vue-at ★245 - At.js for Vue.
- vue-wysiwyg ★175 Lightweight, fast & extensible WYSIWYG editor
- vue-trumbowyg ★73 Vue.js component for Trumbowyg WYSIWYG editor
- vue-pell-editor ★14 Vue.js component for Pell WYSIWYG editor
- vue-tinymce-editor ★76 Tinymce editor component for Vue2.
- vue-mce ★29 - tinymce editor component for VueJS.
- Vue2-Editor ★838 - HTML Editor using Vue.js and Quilljs
- vue-codemirror ★546 - A Codemirror component for Vue2.
- vue-easy-tinymce ★7 - A simple and powerful package for easy usage of tinymce in Vue.js project.
- vue-highlightable-input ★84 - Highlight and style text as you’re typing
Image Manipulation
Edit images
- vue-core-image-upload ★976 - A vue plugin for image to crop and upload.
- vue-croppa ★394 - A simple straightforward customizable lightweight mobile-friendly image cropper for Vue 2.0.
- vue-cropper ★564 - A picture clipping plugin for vue2.0
Display images
- vue-cloudinary ★10 - 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 ★28 - An easy-to-use image viewer base on Vue.js for mobile.
File Upload
- vue-clip ★150 - Simple and hackable file uploader for VueJs. Supports Vue >= 2.1.
- vue-simple-upload ★62 - Simple File upload component for Vue.js.
- vue2-multi-uploader ★56 - 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 ★849 - A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads utility with image previews.
- vue-transmit ★157 - A purely Vue.js drag & drop uploader component based on Dropzone.js for Vue 2.0
- vue-upload-component ★954 - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
- vue-uploader ★363 - A Vue.js upload component powered by simple-uploader.js
- ic-firebase-uploader ★5 - A clean multi-file upload component for Firebase storage.
- vuejs-uploader ★26 - A resumable multipart file uploader for HUGE file uploads.
- vue-filepond ★222 - A Vue.js component for FilePond - a file upload library that can upload anything you throw at it.
- v-uploader ★4 - A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload
Context Menu
- vue-context-menu ★156 - A context menu component for vue js.
- vue-lil-context-menu ★7 - A flexible lil context menu component for Vue.
- vue-mouse-menu ★23 - A mouse-menu component for vue 2+.
- @hscmap/vue-menu ★89 - Menu / Context Menu component for vue2.
- vue-context ★11 - A simple but flexible context menu for vue js.
- vue-simple-context-menu ★0 - Simple context-menu component built for Vue. Works well with both left and right clicks.
Miscellaneous
- vue-gmaps ★76 - Search places and address using Google Maps API.
- vuep ★414 - A component for rendering Vue components with live editor and preview.
- vue-places ★63 - Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.
- vue-password-strength-meter ★225 - Password strength meter based on zxcvbn in vue.js.
- vue-float-label ★134 - Float label pattern for Vue.js.
- vue-longpress ★53 - A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.
- vue-google-autocomplete ★276 - A Vue.js (2.x) autosuggest component for the Google Maps Places API.
- vue-ip-input ★16 - An ip input component for Vue.js 2.x
- vue-default-value ★13 ⏳1Y - Vue.js 2.x directive to set a default value for editable elements with no affect to the model state
- vue-model-autoset ★12 ⏳1Y - A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive
- vue-submit - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.
- vue-rate ★134 - Rate component for Vue
- vuetify-google-autocomplete ★42 - A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.
- vue-ripple-directive ★120 - Material Ripple Effect as Vue Directive.
- vue-fab ★94 - Vue Floating Action Button.
- vue-complexify ★6 - Vuejs porting library from jquery.complexify.js.
- vue-mc ★277 - Models and Collections for Vue.js
- vue-stars - Highly customizable rating control (using stars or other characters)
- vue-confirmation-button ★21 - Customizable confirmation button that requires users to read messages before performing an action
- vue-poll ★15 - A Vue.js component for voting
- vue-diagrams ★20 - Diagram component for vue.js, inspired by react-diagrams
Wizard
- vue-form-wizard ★492 - Tab based component which can replace classic bootstrap & jQuery form wizards
- vue-stepper ★113 - A simple stepper with simple actions such as next, back and end to perform simple forms.
CSV
- vuecsv ★17 - A Simple CSV Downloader from json with option modal panel component.
Comment System
- vue-comment-grid ★68 - 💬 Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication.
Canvas
- vue-easeljs - Data-driven control over an HTML5 canvas element.
- vue-canvas-effect ★24 - A simple, canvas effect collection for Vue.js.
- vue-konva ★122 - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
- vue-html2canvas ★0 - Vue mixin to capture html and convert it to an image using Html2Canvas.
- vue-canvas-nest ★6 - A Vue.js component for canvas-nest.
Link Preview
- link-prevue ★38 - Flexible component for generate a link preview.
Tour
- vue-tour ★398 - Lightweight and customizable tour plugin
UI Layout
Layout for the overall / main view
- vue-waterfall ★1188 - A waterfall layout component for Vue.js.
- vueisotope ★191 - Vue component for isotope filter & sort magical layouts.
- vue-grid-layout ★1158 - A draggable and resizable grid layout, for Vue.js.
- vue-drag-zone ★64 - Drag Zone component for Vue.js(2.x).
- vue-masonry ★214 - Vue.js directive for masonry blocks layouting.
- vue-fraction-grid ★82 - Flexbox based responsive fraction grid system for Vue.js.
- vue-virtual-scroll-list ★365 - A vue (2.x) component support big data by using virtual scroll list.
- vue-virtual-scroller ★775 - Component to scroll a large amount of elements efficiently (Vue 2.x).
- vue-virtualscroll ★11 ⏳1Y - [Vue 2.x] component to virtual scroll things.
- vue-inview ★34 - [Vue 2.x] Viewport, get notification when DOM element is entered or leave.
- dnd-grid ★135 - A vuejs grid with draggable and resizable boxes
- vue-extend-layout ★50 - Extend the default layout or create custom layouts for the pages of your Vue.js SPA
- vue-masonry-css ★100 - Vue.js Masonry layout component powered by CSS, dependancy free
- vue-fullpage.js ★530 - Official fullPage.js component for Vue.js.
- vue-virtual-collection ★190 - Vue component for efficiently rendering large collection data.
- autoresponsive-vue ★54 - Auto responsive grid layout library for Vue.
- VueFlex ★2 - A flexbox grid system.
- v-chacheli - A Vue.js component to create and display custom dashboard-like grid layouts.
- vue-grid-styled - A lightweight set of functional grid components, ported from React’s grid-styled ★1349
Frameworks
Responsive
Set of components + responsive layout system
- quasar-framework ★6291 - 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-material ★6255 - Material design for Vue.js.
- vuetify ★11047 - Material Component Framework for Vue.js 2.
- muse-ui ★6011 - Material Component library for Vue.js 2.
- buefy - Components based on Bulma framework.
- element-ui ★27492 - A Vue.js 2.0 UI Toolkit for Web.
- vulma - Vue + Bulma = Vulma.
- vue-bulma-components ★100 - 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-adapter ★269 - Material Components integration for Vue.js as per MDC Team’s guidelines.
- Material Components Vue - wrapper around material-components-web ★9235 for Vue.js
- PrimeVue ★42 - A Vue.js 2.0 UI Component library for Web
- vuesax ★918 - Frontend vue Components for Vue.js.
- vuecidity - UI component framework for Vue.js 2.0
- vue-antd-ui ★596 - An enterprise-class UI components based on Ant Design and Vue 2.5.0
- heyui ★348 - (https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
- Carvue.js ★29 - IBM’s Carbon Design System for Vue.js
Mobile
UI frameworks for mobile
- Framework7-Vue - Build full featured iOS & Android apps using Framework7 & Vue.
- vux ★12907 - [Chinese] Vue UI Components based on WeUI.
- vue-onsenui ★6440 - 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 ★27 - [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-mdc ★1163 - Material Components Web for Vue.js.
- keen-ui ★3389 - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
- vue-admin ★8097 - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
- vuikit ★1072 - UIkit with all the power of Vue.
- uiv ★521 Bootstrap3 components implemented by Vue2.
- yuche/vue-strap ★4738 - Bootstrap 3 components built with Vue.js 1
- wffranco/vue-strap ★341 - Bootstrap 3 components built with Vue.js 2
- N3-components ★893 - Beautiful Web Components built with Vue 2
- jsmod-vue-pc ★65 - Highly scalable web components for vue 2.0
- guilhermewaess/SemVue ★29 - Semantic-ui Modules implemented with Vue 2
- office-ui-fabric-vue ★122 - Office UI Fabric implementation for Vue.js
- vuestic-admin ★4026 - Vue Admin Dasboard with collection of custom components. Built with Vue 2 and Bootstrap 4
- Semantic UI Vue ★402 - Semantic UI integration for Vue
- vuesax ★918 - Frontend vue Components for Vue.js.
- Essential JS 2 for Vue - Full featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
- Banshee ★13 - A mostly renderless Vue UI component and utility framework that ships with no CSS.
Mobile
Set of components for mobile
- mint-ui ★11210 - Mobile UI elements for Vue.js.
- vant ★4793 - A Vue.js 2.0 Mobile UI From YouZan.
- cube-ui - A fantastic mobile ui lib implement by Vue.js 2.
- mand-mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenes.
Admin Template
Set of admin template
- iView Vue Admin ★57 - iView Vue Admin / An admin portal template based on iView 2.x
- element Vue Admin ★37 - element Vue Admin / An admin portal template based on Element UI 2.x
- vue-element-admin ★14156 - A magical vue admin based on Element UI 2.x
- d2admin ★654 - An elegant backstage template build by vue
- rest-admin ★101 - Restful Admin Panel Based on Vue and Boostrap 4 Online Demo
Server-side rendering
- Nuxt.js ★13104 - Versatile Vue.js Framework.
- Ream ★688 - A minimalistic framework for building server-rendered and static websites.
Static website generator
- VuePress ★7530 - Minimalistic Vue-powered static site generator.
- Peco ★135 - A static website generator for humans.
Other
- app-framework ★482 - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
- Myfirebase ★37 - A decoupled Single page application Framework which is highly compatible with google firebase.
- Vue-Access-Control ★442 Frontend access control framework based Vue.js 2.
- Basys ★36 Toolbox for building full-stack Vue.js apps
UI Utilities
Event Handling
Handling of user events (scroll, click, key strike, …)
- vue-shortkey ★318 - Vue-ShortKey - plugin for Vue.js.
- vue-throttle-event ★13 - Throttle events based on requestAnimationFrame.
- vue-waypoint ★115 - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
- vue-clickaway ★367 - Reusable clickaway directive for reusable Vue.js components.
- vue-scrollfire ★19 ⏳1Y - Fires an event on a specific scroll position.
- vue-resize-directive ★138 - Vue directive to detect resize events with deboucing and throttling capacity.
- v-click-outside ★159 - Vue directive to react on clicks outside of an element without stopping the event propagation.
- vue-outside-events ★19 - Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
- vue-selectable ★29 - Vue 1.x/2.x directive to make items selectable by mouse.
- vue-click-helper ★2 - Vue2.x directive to handle click event and dblclick event on same element.
- v-hotkey ★184 - Vue 2.x directive for binding hotkeys to components.
- vue-resize ★88 - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
- vue-observe-visibility ★197 - 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 ★20 - Vue 2.x directive plugin for drag event detection.
- vue-esc ★24 - Vue.js directive to add a document event listener on escape keyup.
- vue-global-events ★276 – A component to handle global events (like shortcuts) using Vue’s event modifiers
-
vue-edge-check ★12 – Check browser edge to prevent transition effect triggered oddly when swipe edge with
vue-router
Responsive Design
- vue-viewports ★39 - Define your custom viewports and use them in your components.
- vue-responsive ★33: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
- vue-match-media ★21 - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
-
vue-media-query-mixin ★19 - 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 ★74 - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
- vue-mq ★86 - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
- VueResizeSensor ★2 - A container that supports resize event.
-
vue-breakpoint-component ★6 - A render-less component for
composing CSS breakpoint state.
Form
- vue-formly ★150 - JavaScript powered forms for Vue.js.
- vue-focus ★273 - A reusable focus directive for reusable Vue.js components.
- vue-form-generator - A schema-based form generator component for Vue.js.
- vue-json-schema ★5 - Generate a form using JSON Schema and Vue.js
- ic-formly ★6 - Simple form component powered by vue-formly.
- Form Builder ★57 - Json template based form builder, based on Vue and Laravel.
- vue-autofocus-directive ★6 - Vue autofocus directive.
- vue-awesome-form ★4 - A vue.js component just like json-editor
Validation
- vee-validate - Simple Vue.js input validation plugin.
- vue-rawmodel ★66 ⏳1Y - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
- vuelidate ★2366 - Simple, lightweight model-based validation for Vue.js.
- simple-vue-validator ★185 - A simple yet flexible validator library for vue.js.
- vue-vform ★8 ⏳1Y - Vue.js 2 form component that integrates jQuery Validation and Axios.
- vue-form ★519 - Comprehensive form validation for Vue.js.
- vuelidation ★24 - simple, powerful, vuejs validation.
- laravel-vue-validator ★14 - Display errors from laravel validation rules
- vuejs-model-validator ★12 - VueJS style data component validation. Easiness, simplicity, accurate.
- willvalidate ★5 - Validation Forms for Vue.js.
- vue-m-validator ★0 - Model data validation library, for VueJs.
- vue-isyourpasswordsafe ★11 - A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
Scroll
Set window scroll position
- vue-chat-scroll ★207 - Automatic scroll-to-bottom directive for Vue.js 2.0.
- vue-scrollto ★608 - Adds a directive that listens for click events and scrolls to elements.
- vue-next-level-scroll ★3 - A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API
- vue-scroll-sync ★0 - A component that syncronize containers scroll positions
Virtual scrollbar
- VBar ★152 - 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 ★1 - A simple scrollbar that can be detached from the container it is scrolling.
- vuescroll ★190 - A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.
Detect when components enter viewport
- vue-scrollview ★59 - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
- vue-scrollactive ★139 - 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 ★101 - A Vue component to add intersection-observer to a Vue component or HTML element.
- vue-scrollmonitor ★20 - A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat vue@2.2.x)
- vue-stroll ★98 ⏳1Y - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
- navscroll-js ★25 - 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 ★13 - 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 ★2 - A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.
- vue-stickto ★11 - A vue directive that support multiple DOM nodes stick to top automatically
Customize the scroll behavior
- vue-scroll-behavior ★75 - Customize the scroll behavior on route navigation. Especially hash mode.
- vue-scroll-stop ★13 - Stops propagation scroll when edge reached.
Seamless scrolling
- vue-seamless-scroll ★197 - A simple, Seamless scrolling for Vue.js.
Routing
- vue-router ★10090 - The official router for Vue.js.
- vue-router-storage ★48 - Router storage & resolve solution for Vue.js 2 & vue-router 2
- vue-tidyroutes ★27 - Decentralized vue-router routes definitions
- vue-routisan ★105 - Elegant route definitions for Vue Router based on Laravel routing system
- vue-error-page ★13 - Provides a wrapper for router-view that allows you to show error pages without changing the URL
Lazy Load
- vue-lazyload ★3303 - A Vue.js plugin for lazyload your Image or Component in your application.
- vue-lazy-background-images ★50 ⏳1Y - Lazy load background images for Vue 2.
- vue-progressive-image ★364 - Vue progressive image loading plugin.
- vue-l-lazyload ★19 ⏳1Y - A lazyload plugin for Vue.js v2.x+.
- vue-lazyload-img ★208 - Especially optimized for mobile browser. support V2 & v1.
- vue-lazy-images ★47 - A plugin of lazyload images for Vue 2.x.
- v-lazy-img ★16 ⏳1Y - Tiny (<0.6kb) directive for progressive image loading for Vue 2.
- vue-clazy-load ★65 - Lightweight transitionable image lazy loading component using IntersecionObserver for Vue 2.
- vue-lazy-this ★8 - Lazyloading component using Intersection Observer API.
- v2-lazy-list ★17 - A simple lazy-load list component based Vue 2.x
- pimg ★56 - A Simple Progressive Image Component used for lazy loading images.
- vue-tiny-lazyload-img ★13 - A small size Vue.js v.2+ directive for lazy loading images
Pagination
- vue-paginate ★429 - A simple vue.js plugin to paginate data.
- vue-pagination-2 ★84 - Vue.js 2 pagination component.
- vuejs-uib-pagination ★38 - Best and complete pagination plugin for Vue.js. Inspired in Angular Bootstrap Pagination.
- vuejs-paginate ★313 - A Vue.js(v2.x+) component for creating pagination.
- vue-pagination-bootstrap ★18 - A Vue.js (1.x & 2.x) server-side paging component with a template based on Bootstrap
- laravel-vue-semantic-ui-pagination ★5 - A Vue.js 2.x pagination used with Laravel & Semantic-UI.
- vue-paginate-al ★43 - Vue paginate with return your data.
- vue-tiny-pagination ★12 - A Vue component for create a tiny pagination.
- laravel-vue-pagination ★107 - A Vue.js pagination component for Laravel paginators that works with Bootstrap.
- vue-lpage ★3 - Low-level Vue pagination component.
- v-page ★15 - A simple pagination bar, including length Menu, i18n support, based on Vue2.x.
- vue-smart-pagination ★7 - Smart pagination of any data with a lot of nice settings.
Animation
- vue2-animate ★627 - A Vue.js 2.0 port of Animate.css. For use with Vue’s built-in transitions.
-
animated-vue ★153 - A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as
<animated-tada>
! - vue-lottie ★253 - A Vue.js 2.x plugin to render after effects animations based on bodymovin
- Vueg ★580 - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
- v-animate-css - The easiest to implement Vue 2 directive for Animate.css
- vue-mixin-tween ★15 - Mixin factory that adds tweened values to component context for animations
- v-odometer ★33 - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.
- vue2-transitions ★266 ✨ Reusable Vue 2 transition components
- vue-overdrive ★323 Super easy magic-move transitions for Vue apps 🎩
- animated-number-vue ★11 Super easy way to animate numbers.
- vue-typed-js ★38 Typed.js integration to easily create typying animations.
- vue-parent-change-transition ★6 Enable a child components to animate when it changes the parent.
- vue-smooth-height ★20 Transition an elements height in response to data changes.
- VueTween ★3 Allows components to tween their properties.
-
vue-slide-up-down ★30 Like jQuery’s
slideUp
/slideDown
, but for Vue! -
vue-animejs ★0 Simple
anime.js
directives for Vue.
Meta Tags
Manage meta information in the document head
- vue-head ★647 - Manage the meta information of the head tag, a simple and easy way.
- vue-meta ★1445 - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
-
vue-headful ★61 - Set document
<title>
and meta tags from within your views. -
vue-simple-headful ★4 - Easily set meta-tags with vue.js - a simpler
vue-headful
alternative with TypeScript support.
Portal
Move a DOM node to a target DOM node
- vue-dom-portal ★98 ⏳1Y - An escape hatch for DOM Elements in Vue.js components.
- portal-vue - A Vue Plugin to render your component’s template anywhere in the DOM (Works on the virtualDOM level, doesn’t move nodes within the DOM)
Filters
- vue2-filters ★498 - A collection of standard filters Vue 1.* adapted for use in Vue 2.*.
- vue-morphling ★111 - A collection of standard and custom filters for Vue 2.
- vue-currency-filter ★42 - Lightweight and Customizeable Vue 2 Currency Filter.
- vue-trans - A simple filter to provide a similar way of translating to the Symfony trans.
- vue-string-filter ★10 - Lightweight Vue 2 String Manipulation Filter.
- vue-units ★3 - A collection of handy unit conversion filters for use in Vue 2.
- vue-numeral-filter ★7 - A collection of filters that allows Numeral.js to be used inline in the template section of a component.
SVG
- vue-svgicon ★357 - A tool to create svg icon components. (vue 2.x).
- vue-content-loading ★278 - Vue component to easily build (or use presets) SVG loading cards Facebook like.
-
vue-annotator ★13 - Annotate page using any SVG Element (
rect
,polygon
, and many more, even HTML Element likecanvas
if wrapped inforeignObject
) - vue-svg-sprite ★19 - A directive to simply use SVG sprite (vue 2.x).
- vue-svg-filler ★17 - Vue component for custom your svg file 🖍 🎨 (vue 2.x).
Miscellaneous
- vue-resource-progressbar-interceptor ★51 - Interceptor that ties a progressbar to all requests, that it is clear that something is loading.
- vue-images-loaded ★69 ⏳1Y - Vue.js 2.0 directive to detect images loading.
- vue-visible ★7 - A v-visible directive for VueJS (2.x), like v-show but for visibility.
- vue-resize-sensor ★56 - Component to detect container resizing (event-based)
- v-blur ★65 - Vue directive to blur an element dynamically
- vue-async-methods ★37 - Helper utilities for promise based methods
- vue-openseadragon ★12 - OpenSeaDragon component for Vue.js (zoom and pan)
- vue-match-heights ★24 - Directive to set heights of elements to be the same.
- vue-conditional-attrs ★2 - A Vue.js component for conditional rendering attributes and directives
- vue-cbsc ★2 - A Vue.js 2.x component for programmatically blender, shader and convert colors.
- vue-spatialnavigation ★6 - Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)
- vue-lifecycle ★0 - A Vue.js lifecycle directives.
WebGL
- vue-3d-model ★462 - A 3D model viewer in Vue component.
- vue-pano ★206 - A panorama viewer in Vue component.
- vue-threejs ★198 - Vue bindings for Three.js.
- VueGL ★45 - Vue.js components rendering 3D graphics reactively via three.js
- vue-vr ★93 - A framework for building VR applications with Vue based on threejs and Panolens, inspired by react-vr
Fullscreen
- vue-fullscreen ★115 - A simple Vue component for fullscreen.
Page visibility
- vue-page-visibility-awesome ★5 - A Vue 2.x component of easy-to-config page visibility api.
- vue-authplugin ★0 - an elegant view auth control plugin, support directive and prototype methods.
Printing
- vue-html-to-paper - Vue mixin for paper printing html elements to paper.
Utilities
Utilities not directly related to the UI
- vue-underscore ★6 - simple vue plugin to implement underscore
Typescript
- vue-typed ★70 - Sets of ECMAScript / Typescript decorators that helps you write Vue component easily.
- vue-typescript ★351 ⏳1Y - Typescript decorators to make vue feel more typescripty.
- vue-property-decorator ★703 - Vue.js and Property Decorator.
- vue-typescript-component ★28 - Decorators to use TypeScript classes as Vue.js 2.0 components.
- vue-typescript-import-dts ★25 - TypeScript declaration file that allows using ‘import’ with .vue files.
- vue-ts-loader ★75 ⏳1Y - Type-check your script in your vue-loader.
- vue-mixin-decorator ★11 - Typescript decorator for strongly typed Mixins.
- vue-ts-component-generator ★3 - A simple cli tool for generating vue typescript components.
- vue-local-storage-decorator ★6 - Persist data by using local stoarge in decorator format
HTTP Requests
Retrieve data over HTTP
- vue-resource ★8096 - The HTTP client for Vue.js.
- vue-async-computed ★353 - Async computed properties for Vue.js.
- vue-jsonp ★53 - A tiny library for handling JSONP request.
- v-model ★34 ⏳1Y - V-Model is a model plugin for Vue.js, like ng-resource.
- vue-resource-mock ★19 - A helper to mock your http response, based on vue-resource’s interceptor.
- vue-async-data-2 ★28 ⏳1Y - Async data loading plugin for Vue.js.
- vue-api-request ★103 - A plugin that provides full control on your APIs, making your request simple, fast and easy to implement.
- vue-fast-axios ★23 - Make requests with validations in a simple and beautiful way.
-
vue-async-properties - An
asyncData
andasyncComputed
plugin with support for debouncing, transforming results, error handlers, loading/pending flags, lazy/eager requests. - vue-axios-plugin ★25 - A plugin that combines axios with Vuejs, making http request more easier.
- vuex-api ★59 - A vuex plugin for effortlessly handle api calls.
- zipkin-instrumentation-vue-resource - An interceptor for vue-resource that instruments outgoing HTTP requests with Zipkin ★8701
i18n
Internationalization / L10n / localization / translation
- vue-i18n ★2660 - Internationalization plugin for Vue.js.
- vue-translate-plugin ★56 - VueJS plugin for translations.
- vuex-i18n ★427 - Localization plugin for vue.js 2.0 using vuex as store.
- vue-gettext ★129 - Translate your Vue.js applications with gettext.
- vue-i18n ★35 ⏳1Y - A small plugin for implementing translations in Vue.js.
- vue-multilanguage ★121 - Support many languages in Vue.js 2.
- vue-ts-locale ★21 - A plugin for implementing translations using Intl in Vue.js 2 with typescript support.
- vue-i18next ★52 - A i18next wrapper to support translations in Vue.js 2.
- vue-polyglot ★43 - Basic translation plugin for Vue.js 2 with async loading.
- v-localize ★13 - Simple localization plugin for the amazing Vue.js.
- vue-simple-i18n ★28 - Probably the thinnest library to end all Vue i18n solutions within 1kb
- template-string-i18n ★1 - I18n using template strings with auto save/load translate documents.
- vue-translations ★1 - Translate your vuejs application easy with it.
Custom Events
- vue-events ★158 - Simple event handling for Vue.js.
- vue-event-handler ★9 ⏳1Y - Event handling plugin for VueJS.
- vue-event-manager ★46 - The global event manager for Vue.js.
- vue-geb ★37 - A global event bus using Observables.
- vue-bus ★22 - Tiny simple central event bus plugin for Vue.js 2.
- vue-simple-events ★5 - Yet another event management plugin, but WITHOUT Vue instance
Persistence
LocalStorage etc.
- vue-localstorage ★298 - Vue.js localStorage plugin with types support.
- vue-ls ★166 - Vue plugin for work with LocalStorage from Vue context.
- vue-pouch - Live and reactive bindings for PouchDB. Persist data in IndexedDB and sync with CouchDB.
- vue-idb ★43 - Lists and huge lists management with IndexedDB (Dexie.js) only or automatically created and extendible vuex modules
- vuejs-storage ★52 - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.
- vue-browserstore ★1 - Browser storage wrapper.
- VueStorage ★35 - Allows components to save and load their data across browser sessions.
- vue-web-storage ★12 Another Vue.js plugin for localStorage and sessionStorage
- vue-universal-cookies ★14 Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node).
- vue2-storage ★3 Browser storage for Vue.js app
- vue-warehouse ★27 A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
State Management
- vuex ★14984 - Centralized State Management for Vue.js.
- vue-sync ★38 - Synchronize Vue State with the Browser URL, Server Backend, and other endpoints.
- vuelm ★31 - Lightweight state management inspired by Elm architecture.
- vue-duo ★17 - A tiny state management for Vue.js.
- vuez ★43 ⏳1Y - A simple but powerful State Management for Vue.js, with only 2 APIs.
- vuet - Vue.js state management model for Agile Development
- vue-ya-stash ★16 - Yet Another stash storage with update/patch event emitters simillar with v-bind.sync
- vue-assign-model ★5 - Automatically assign elements value to model for Vue.js.
- vue-stash ★324 - Easily share reactive data between your Vue components.
- vue-mc ★277 - Models and Collections for Vue.js
- vue-model ★825 - Model component for Vue.js
- tuex ★22 - A mostly reasonable alternative to Vuex.
- revuejs ★19 - A tiny, light and handy state management for vuejs 2, writing less verbose code.
- lue ★8 - Vue and vuex based library, writing less verbose code.
- vuex-lite ★2 - A 1KB Vuex with just state and mutations.
- Vuenut - is a component to develop faster and more fluently.
- vuex-pathify - ridiculously simple vuex wiring + setup
- vue-shared ★4 - A light and simple alternative to vuex
Redux
-
vuedeux ★65 - Binding Solutions for Vue & Redux.
- redux-store-mixin ★0 - Mixin for integrate action creators in methods of vue-component
- vue-redux-prepare-props ★0 - Helper for use props of Redux with Vue.js using Vuex and Vuedeux
- vuejs-redux ★16 - High order component facilities for Vue and Redux.
Mobx
- movue ★40 - Mobx integration for Vue.js.
- vue-mobx ★77 - Mobx binding for Vuejs 2.x.
Authentication/Authorization
- vue-kindergarten ★201
- vue-authenticate ★732 - Simple Vue.js authentication library for login/register and OAuth (1.0/2.0) authentication
- vue-facebook-account-kit ★5 - Simple vue wrapper to the fb account kit library.
- casl-vue - Restricts what resources a given user is allowed to access
Vuex Utilities
- vuex-persistedstate ★1670 - Persist Vuex state with localStorage.
- vuex-plugin-jsdata ★18 ⏳1Y - A plugin for syncing Vuex store with js-data.
- vuex-local ★48 - Local state management within Vuex.
- vuex-action ★22 ⏳1Y - Utilities for vuex to easily create and manage actions.
- vuex-rest-api ★190 - A Helper utility to simplify the usage of REST APIs with Vuex. Based on axios.
- vuex-cache ★210 - A Vuex plugin utility to cache action those will make remote request.
- vuex-persist ★242 - A Typescript-ready Vuex plugin to help save the store to localStorage or any custom Storage (that you can configure).
- vuex-local-state ★12 - Add ‘localState/sessionState’ options to vuex. Keep the Vuex state with localStorage.
- vuex-cli-scaffold ★10 - Scaffold vuex actions, mutations, getters and the state.
- vuex-action-reload ★3 - A vuex plugin that reloads actions when a condition is met.
- vuejs-storage ★52 - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.
- vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
- vuex-async-module ★7 - Reduce async boilerplate code generating Vuex modules. Compatible with Vue 2.x.
- vuex-api ★59 - A vuex plugin for effortlessly handle api calls.
- vuex-queries ★10 - Vuex-Queries helps you write query functions in Vuex
- vuex-microservice ★4 - Define microservice URLs at a dedicated place and use them inside your Vuex actions.
- vuex-iframe-sync ★33 - Vuex state synchronization between iframe/window.
- vuex-aspect - Bind remote data of any kind to the vuex store.
- Vuenut - is a component to develop faster and more fluently.
- vuex-map-fields ★144 - Enable two-way data binding for form fields.
- vuex-search ★8 - Vuex binding for client-side search with indexers and Web Workers.
- vuex-dry ★10 - helps keep your vuex codes DRY.
Sync Between Tabs
- vuex-basement ★41 - Vuex state persistance and synchronization between tabs/windows.
- vuex-shared-mutations ★220 - Share vuex mutations between tabs/windows.
GraphQL
- vue-apollo ★2206 - Apollo/GraphQL integration for VueJS.
- vue-relay ★25 - A framework for building GraphQL-driven Vue.js applications.
- vuex-orm-apollo ★28 - Apollo/GraphQL integration for Vuex-ORM.
Concurrency Management
- vuency - Concurrency management for Vue.js.
Code Style
Improve readability of code
- vue-types ★132 - Vue Prop Types definitions.
- vue-factory ★21 - A simple factory/provider extension for Vue.js, like services in Angular.
- eslint-plugin-vue ★1484 - Eslint plugin for Vue.js projects.
- vue-decorators ★25 ⏳1Y - Decorators for Vue.js (beta).
- vue-computed-helpers ★219 - Computed helpers for Vue.js apps
CSS
- vue-bem-cn ★50 - Simple BEM class name generator for Vue.JS.
- vue-css - Vue.js plugin that allows you to bundle CSS with your components.
- vue-mods-names ★26 - Adding modificators to class names for all components in app.
- vue-styler - Simple, performant styler for vue.
- vue-css-modules ★6 - Seamless mapping of class names to CSS Modules inside of Vue components.
Asset Management
Utilities for building / compiling / bundling / loading assets
- vue-script2 ★61 - Standardized, designer-friendly script tag behavior for your Single Page App.
- vue-loader ★3174 - Webpack loader for Vue.js components.
- vueify ★1080 - Browserify transform for single-file Vue components.
- vue-compiler ★9 ⏳1Y - A simple cli wrapper around the vue-component-compiler.
- vue-brunch ★79 - Adds support to Brunch for pre-compiling single file Vue components.
- poi ★3771 - Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.
- http-vue-loader ★297 - Load .vue files directly from your html/js without node.js environment nor build step.
- vue-jsx-hot-loader ★18 - Enable HMR for Vue.js components with JSX render functions.
- VueInBrowserLoader ★2 - Loads a .vue file from the given URL and compiles it to a component directly in the browser.
- vue-separate-files-webpack-loader ★4 - Webpack loader for separated Vue components parts
Page Navigation
- vue-navigation ★303 - A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生APP导航一样。
- vue-acl ★214 - Access Control List for VueJS 2.
- vue-breadcrumbs ★95 ⏳1Y - 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 ★22 - Page navigation manager, support all navigation function of native mobile app. 页面导航管理器,支持手机原生应用的所有导航功能。
- vue-2-crumbs ★13 - Breadcrumbs plugin for Vue.js 2 framework that allows to select parent route in route meta object with no need of sub-routing. Also allows using dynamic data.
- vue-pesdk ★0 Vue.js wrapper for the PhotoEditorSDK
Miscellaneous
- vue-container ★55 - A simple dependency injection library for Vue 2.
- vue-super ★17 ⏳1Y - A simple plugin to call methods on parent components.
- @skyrpex/props-to-local ★6 ⏳1Y - Vue mixin that maps props to local data.
- vue-inject ★100 - Dependency injection for Vue 2.x Components
- vue-deepset ★45 - Interact with deeply nested fields in Vue/Vuex objects/state with v-model in Vue 1.x and 2.x
- vue-gaspard ★6 - DOM helpers plugin for Vue.js
- vue-configuration ★21 - A static configuration object for Vue.js
- vue-lodash ★25 - A simple wrapper for integrating lodash to Vue 2.
- vue-ramda ★7 - Vue Wrapper for ramda
- vue-router-user-roles ★129 - Protects routes based on user roles. Add your own authentication.
- vue-messenger ★1 - A series of useful enhancements to Vue component props: Transform, Enum-type, Numeric-type, Two-way data bindings.
- vue-uuid-v4 - Plugin Vue2 to easy get UUIDv4
Web Workers
- vue-worker ★214 - A Vue.js plugin to use webworkers in a simply way.
JSX
- jsx-vue-functional ★53 - A Babel plugin that brings syntactic sugar for Vue functional components.
- jsx-event-modifiers ★35 - A Babel plugin that adds event modifiers similar to Vue templates to JSX.
-
jsx-v-model ★77 - A Babel plugin that brings
v-model
to JSX. -
vue-jsx-sync ★3 - A Babel plugin that brings vue
sync modifier
to JSX.
Migration
- vue-backbone ★22 - Vue.js Plugin to facilitate Backbone integration.
Web Sockets
- vue-socket.io ★1309 - Socket.io implementation for vuejs.
- vue-websocket ★285 ⏳1Y - Simple websocket (socket.io) plugin for Vue.js.
- vue-echo ★171 ⏳1Y - Integrates Laravel Echo into Vue, allows for easy registration of socket events.
- vue-socket-cluster ★8 - Web Sockets for vue with uws(Micro web sockets) through socket cluster
- vue-native-websocket ★181 - Native websocket implementation for Vuejs 2 and Vuex
- vue-socket.io-extended ★36 - Socket.io bindings for Vue.js and Vuex
Payment
Payment utilities.
Stripe
- vue-stripe-checkout ★141 A simple vue plugin for Stripe checkout.
- vue-stripe-payment ★10 Vue wrapper for jquery.payment by Stripe.
Plaid
- vue-plaid-link ★1 Easy to use Vue component for Plaid Link.
Integrations
Integrate with services or other frameworks
- vue-disqus ★99 - Vue component to integrate Disqus comments in your application, with support for SPA.
- vue-youtube-embed ★206 - Vue.js and YouTube.
- vue-add-to-calendar ★58 - A Vue.js component that provides “Add to Calendar” functionality, works with Vue 2.X.
- Vue + Meteor - Vue first-class integration in Meteor.
- av-ts ★186 - A modern, type-safe, idiomatic Vue binding library.
- Neutronium ★768 - Build .NET desktop applications using HTML, CSS and javascript.
- vue-typescript-jest ★14 - Jest preprocessor.js for Vue.js components (supporting html, pug, and babel) and TypeScript.
- vue-jest-utils ★42 - Utilities for testing Vue.js components using Jest.
- vue-custom-element ★782 - Vue Custom Element - Custom Elements for Vue.js.
- vue-cordova ★228 - Vue.js plugin for Cordova.
- vue-wamp ★32 - AutobahnJS wrapper library fo Vue.js.
- express-vue - Vue rendering engine for Express.js. Use .Vue files as templates using res.render().
- vue-grecaptcha ★20 - Google reCAPTCHA for VueJS 2
- vue-recaptcha ★241 - Google reCAPTCHA component for Vue.js
- require-vuejs ★86 - RequireJS plugin to async and dynamic load and parse .vue components.
- facebook-login-vuejs - Vue Component for Authenticating your Facebook App and get the benefits of Facebook Login.
- vuejs/vuefire ★1641 - Official Firebase Integration for VueJS
- vuefire ★2 - Firebase for VueJS and Vuex
- vue-runkit ★3 - RunKit Embed for Vue.js
- vue-youtube ★53 - Provides a simple layer for you to use your imagination while over the YouTube IFrame Player API. (Compatible with SSR)
- vue-introjs ★62 - Integrates intro.js step-by-step guide and feature introduction with Vue.js http://introjs.com/.
- vue-loopback ★26 - Loopback and Vue application template
- vue-laroute ★9 - Integrate Laravel routes into your VueJS application using laroute.
- vue-raven ★37 - Automatically reports uncaught JavaScript exceptions triggered from vue component.
- vue-telegram-login ★8 - Vue Component for Telegram Login by @vchaptsev
- vuexpress ★15 - Vue + Express.js = VueXpress / A server side rendering engine for Express.js. Use .vue files as your express.js templates.
- vue-fixer ★0 - A simple vue component for the fixer API.
- amazon-cognito-vuex-module ★18 - Vuex module for Amazon Cognito.
- vue-web3 ★4 - Web3 blockchain bindings for Vue.js (inspired by Vuefire and Drizzle)
- sbt-vuefy ★0 - Vue.js integration for Playframework
-
loopback-vue-starter ★0 - LoopBack and Vue starter template with easy plugin management through
vue-cli
andvue ui
.
Google Analytics
- vue-ua ★169 - Google Universal Analytics support in Vue.js.
- vue-analytics ★690 - Vue plugin for Google Analytics.
- vue-gtm ★49 - Vue plugin for Google Tag Manager
Yandex Metrika
- vue-ya-metrica ★3 - Vue plugin for Yandex.Metrica
- vue-yandex-metrika ★14 - Vue plugin for Yandex Metrika with router integration, plugin options by @vchaptsev
Dev Tools
-
vue-dev-server ★18 ⏳1Y - A small development server for building
vue
components. - vuepack.org - A simple page that allows you to select Vue components and download them as a single minified JS file.
- 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 ★19 - Placeholder Text and Dummy Images as a simple
v-dummy
directive. -
Bit ★2097 - Manage and reuse
vue
components between projects. Easily isolate ans share components from any projec without chagning its source code, organize curated collections and install in different projects. - Vuenut - is a component to develop faster and more fluently.
Inspect
Inspecting & debugging
- Vue.js devtools ★8698 - Chrome devtools extension for debugging Vue.js applications.
- DejaVue ★748 - Visualization and debugging tool built for Vue.js.
- vue-clicky ★85 - Right click any component to show info about it in the console.
- vuejs-logger ★55 - Provides customizable logging functionality for Vue.js.
- bugsnag-vue ★15 - Official Vue.js plugin for bugsnag error reporting
- vue-inspector ★244 - Vue.js Inspector for Mobile Devices
- Vue Performance Devtool ★325 - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components
- VueSource ★18 - Global Vue mixin which identifies components in source code by adding HTML comments
Docs
Create documentation
- vue-markdown-loader ★323 - Convert Markdown file to Vue Component.
- vue-play ★859 - A minimalistic framework for demonstrating your Vue components.
- vue-styleguide-generator ★116 - React inspired style guide generator for Vue.js.
- CheatSheet - Complete Interactive API.
- propdoc ★183 - A single component that provides simple documentation of Vue.js components/props.
- Vuex CheatSheet - Complete Interactive Vuex API.
- vue-styleguidist ★668 - A style guide generator for Vue components with a living style guide.
- vue-elucidate ★22 - A component that generates beautiful documentation for your living styleguide / design system.
- vue-md-loader ★35 - Markdown files to ALIVE Vue components.
- @vuedoc/parser ★53 - Generate a JSON documentation for a Vue file component.
- @vuedoc/md ★96 - Generate a Markdown Documentation for a Vue file.
- jsdoc-vue-component ★5 - A jsodc3 plugin that extract vue SFC info(name, props, events…) to document.
-
jsdoc-vuedoc ★4 - A jsdoc3 plugin use
@vuedoc/md
. -
vue-storybook – Add
<story>
blocks to your Vue single file components for tighter integration of Vue + Storybook ★24644 - vue-patterns ★177 - Useful Vue patterns, techniques, tips and tricks and helpful curated links.
Test
- avoriaz ★749 - A Vue.js testing utility library.
- vue-container ★55 - A simple dependency injection library for Vue 2.
- vuenit ★36 - Utilities for testing Vue components and directives.
- vue-unit ★222 - A library for Vue.js that makes it easier to create and unit test components.
- vue-a2b ★28 - A library for Split Testing with Vue.js. Highly configurable and tiny (1.2k gzipped).
- vue-test-utils ★1550 - Official utilities for testing Vue components.
- vue-test-actions ★1 - Unit testing Vuex actions with Jest mocks.
Browser-less require
Load Vue components without browser
- vuegister ★12 - Vuegister (a portmanteau of vue & register) is a require hook for loading of the Vue.js single-file components (or .vue files).
- vue-node ★61 - Load vue components in node.
Source Code Editing
Text editor plugins
Atom
- language-vue@atom.io ★115 - Vue component file syntax for Atom.
- language-vue-component@atom.io ★37 ⏳1Y - Adds syntax highlighting to Vue Component files in Atom.
- vue-autocomplete@atom.io ★6 ⏳1Y - Vue.js 1.0+ autocomplete for Atom.
- vue-snippets@atom.io ★11 - Atom snippets for Vue component files.
- vue-autocompile@atom.io ★5 ⏳2Y - Auto compile vue file on save.
-
lint-sass-vue@atom.io ★14 ⏳1Y - Atom.io package to lint Sass/SCSS in
.vue
files. - vuejs2-snippets@atom.io ★12 - Atom snippets for javascript and components, including lifecycle hooks, directives, properties, vuex, vue-router, vue-i18n support.
- vue2-autocomplete@atom.io ★13 ⏳1Y - Vue.js 2.0+ autocomplete for Atom.
Sublime Text
- Vue Syntax Highlight ★1023 - Sublime Text syntax highlighting for single-file Vue components.
- VUEFormatter ★19 ⏳1Y - Sublime Text code format
- vuejs-sublime-complete ★48 - Sublime Text code complete
- Vue Next Formatter ★11 - Sublime Text Vue formatter, Supported ES5/6/7, Less/Sass and Pug/Html template.
Vim
- Vim Vue ★655 - Syntax Highlight for Vue.js components.
Visual Studio Code
- Vetur - Vue tooling for VSCode.
Visual Studio
- VuePack ★54 ⏳1Y - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library.
Brackets
- Brackets Vue ★34 ⏳2Y - Brackets extension for Vue.js.
Intellij
- Vue.js Plugin ★142 ⏳1Y - Vue.js features for the Intellij Platform (WebStorm, RubyMine, Intellij, etc).
- Vue.js support for WebStorm, IntelliJ IDEA, PhpStorm, PyCharm & RubyMine – official Vue.js support by JetBrains
Emacs
- Vue Mode - Emacs major mode for vue.js.
Kate
- Kate Syntax Files ★32 - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).
Scaffold
Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator
- vue-cli ★12796 - Simple CLI for scaffolding Vue.js projects.
- Vue-Django ★227 - A boilerplate to set you up in bringing the awesomeness of VueJS into a Django (Python) app.
-
python-vuejs ★29 - Gluing Python web frameworks and Vue.js with a set of scripts. Basically a
vue-cli
wrapper. - generator-vue-plugin ★20 ⏳1Y - Yeoman generator generating vue plugin.
- vue-seed ★18 - vue-seed is minimal seed for those looking to get up-and-running with Vue
- nuxt-seed ★5 - nuxt-seed is minimal seed for those looking to get up-and-running with Vue and Nuxt
- rails_vue_melt ★10 - Rails view with webpack=vue optimizer.
- vue-starter ★44 - A Vue.js starter kit that lets you focus on more programming and less configuration.
- vue-standalone-component ★65 - A standalone component generator with documentation support using jsdoc and vue-styleguidist
- vuejs-wordpress-theme-starter ★375 - A WordPress theme with the guts ripped out and replaced with Vue
- Cordovue ★60 - A sample Apache Cordova application using Vue.
- Cookiecutter-Django-Vue ★60 - Django+VueJS+Docker customizable project generator with a large number of settings/integrations by @vchaptsev
- iBiu ★130 A visual CLI for scaffolding large Vue projects in 2 seconds.
- wp-vue ★203 - A simple Vue blog template that displays posts from a WordPress REST API endpoint.
- vue-cli-template-nativescript ★3 - Template for starting new nativescript+vue projects with rollup+babel+eslint
- vue-element-ui-scaffold - Online and visual Vue 2 with Element-UI CRUD scaffold/generator.
- vue-firebase-element-ui-scaffold - Online and visual Vue 2, Element-UI and Firebase scaffold/generator with CRUDs, authentication, file/image upload, activity log and more.
- vue-starter ★496 - an enterprise ready boilerplate for isomorphic, progressive web apps with Vue.JS
- vue-vuex-typescript-webpack-seed ★20 - A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot reloading
- VueCharged Template ★10 - A highly opinionated, feature-first Vue 2 template with CLI scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n.
- Huncwot ★111 - Vue.js boilerplate with Node.js for building modern JavaScript applications with « batteries included » approach.
- wemake-vue-template ★143 - Bleeding edge vue template focused on code quality and developer happiness. Featuring: nuxt, flow, and jest.
- vue-lib-template ★3 - 🛠 A simple template for building and publishing Vue component/library as a opensource.
Client
Render Vue application in the browser only
- Vue Plugin Boilerplate ★125 - Boilerplate for Vue.js plugin.
- Bourgeon ★64 - Bourgeon is an opinionated-featured VueJS 2.0 setup for Webpack.
- VuePack ★2276 - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).
- Vue Settler ★18 ⏳1Y - An opinionated Vue 2.0 SPA Starter.
- vue-build ★56 - Ultra Simple, Development, Testing and Production Build Cli.
- Vue Element Starter ★188 - Robust Vue 2 starter with Element-UI.
- vue-multiple-pages ★696 - A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and Element-UI
- vue-typescript-boilerplate ★40 - A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue Router and localization
- vue-tachyons-template ★9 ⏳1Y - A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint
- Vuets ★19 ⏳1Y - A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli.
- MMF-FE/vue-typescript ★65 - A vue2.x typescript template.
- Friendly Vue Starter ★26 - A full featured Vue.js starter project with GraphQL support via Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3, Eslint, Prettier, …)
- vue-webpack-typescript ★600 - A Vue 2.2 Webpack 2 and Typescript 2 setup with hot reload, unit testing, code coverage, sass and bundling/minification.
- vue-ts-amd ★8 - A full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and Typescript.
- vue-2-boilerplate ★685 - Vue 2 boilerplate for developing medium to large single page applications by petervmeijgaard
- layout ★7 - A full-featured Webpack + Vue Extend layout
- layout-simple ★7 - A simple Webpack + Vue Extend layout
- vue-cli-template-library ★17 - Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease.
- vue-cli-template-github-pages ★2 - A full-featured Webpack + vue-loader setup for Github Pages Deployment with travisCI.
- vue-webpack-chrome-extension-template ★38 - Template for quick creation of Chrome extension on Vuejs hot reloading when developing.
- buildless-vue ★0 - Quickly use Vue without a build step.
- vue-component-template ★1 - Webpack setup for building & publishing a Vue component/library (with docs/demo site).
Universal
Render Vue application to HTML on the server and to the DOM in the browser
- SPA Starter Kit ★857 - A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js.
- SSR Boilerplate ★122 - Vue.js Server Side Rendering Boilerplate without Polluting Vuex.
- neutrino-preset-vue-static ★14 ⏳1Y - A minimalistic starter kit for building static sites using Vue.js.
- Vueniverse ★261 - A fully featured, universal Vue template for user-based applications, powered by Nuxt.js and Express.
-
vue-preload ★11 - A plugin Vue for adding
<link rel="preload"
capabilities
Server
Includes a backend boilerplate
- Vuetober ★177 - Single page apps with Laravel, Vue.js, and October CMS.
- Toucan ★135 - Boilerplate for building single page apps. Server is multi-project .Net Core solution designed around SOLID principles. Client is TypeScript 2, Vuejs 2, Vuex 2.
- vue-server-demo ★5 - Writing koa server in Vue.
- vue-apollo-connector-kit ★30 - JWT authentication with 2 different strategies (localStorage and httpOnly cookies). Authorization using custom directives (apollo).
Electron
- Electron Vue ★6351 - 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 ★2276 - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).
- vue-flexible-link ★13 - Tiny Vue component for Electron to open links in a browser. Ideal for cross environment apps (Web & Native)
- vuelectron ★0 - electronjs starter kits for vue.
- vue-design ★157 - the best website visualization builder with Vue and Electron.
- vue-cli-plugin-electron-builder ★33 - A Vue Cli 3 plugin for Electron with no required configuration that uses Electron Builder and Electron Webpack.
- dapp ★3 - Boilerplate for stack of Vue/Parcel/Electron.
- vue-electron-template ★23 - An Electron & Vue.js boilerplate with Hot-reloading enabled and common Vue plugins, dev and build scripts configured using webpack-4
Parts
Scaffold parts of the app
- vue-generator ★76 - A CLI generator for Vue components, views and store modules.
- vue-component-generator ★7 ⏳1Y - A generator for vue component, supports Vue1.X and Vue2.X.
- rapydml_cmp ★2 - Vue-component pythonic generator, built on top of RapydML & RapydScript.
- vue-authoring-template ★11 - Template for authoring also publishing Vue component and their use case in story-scenario (storybook) format in easy way.
- vue-component-boilerplate ★2 - Template for generating the boilerplate code for a VueJS components, with build scripts and testing pre-installed.
Runtime
Command Line / Terminal
- blessed-vue ★279 - A VueJS runtime to let you write command line UI in Vue Edit
Prerendering
- react-snap ★1264 - A zero-configuration static pre-renderer for SPA
- prerender-plugin ★10 - A Node.js/ webpack plugin to prerender static HTML in a single-page application (SPA).
- vue-prerender ★4 - A Vue.js tailored plugin which implements three strategies for prerendering Vue.js pages using headless chrome.
This list is a copy of vuejs/awesome-vue with ranks