Awesome Vue.js
A curated list of awesome things related to Vue.js -
Resources -
Official Resources -
External Resources -
Job Portal -
Community -
Conferences -
Podcasts -
Youtube Channels -
Official Examples -
Tutorials - Examples -
Books - Blog Posts -
Courses -
Documentaries -
Projects Using Vue.js -
Open Source -
Commercial Products -
Apps/Websites -
Interactive Experiences -
Enterprise Usage -
A11y -
Components & Libraries -
UI Components -
Table - Notification -
Loader -
Progress Bar -
Tooltip - Overlay -
Parallax - Icons -
Marquee - Menu -
Minus Plus Input -
Carousel - Charts -
Time - Calendar -
Map - Audio / Video -
Infinite Scroll -
Pull-to-refresh -
Markdown - PDF -
Tree - Graph -
Social Sharing -
QR Code - Search -
Miscellaneous - Tabs -
Form -
Phone Number Input Formatter
- Pincode Input -
Picker - Generator -
Date Picker - Select -
Slider -
Drag and Drop -
Autocomplete -
Type Select -
Color Picker -
Switch -
Masked Input -
Rich Text Editing -
Image Manipulation -
Video Manipulation -
File Upload -
Context Menu -
Miscellaneous -
Wizard - CSV -
Comment System -
Canvas -
Link Preview - Tour -
Data Masking -
UI Layout -
Frameworks -
Responsive - Mobile -
Component Collections -
Admin Template -
Server-side rendering -
Static website generator -
Other - UI Utilities -
Event Handling -
Responsive Design -
Form - Validation -
Resize - Scroll -
Routing - Lazy Load -
Pagination -
Animation -
Meta Tags - Portal -
Filters - SVG -
Miscellaneous -
WebGL - Fullscreen -
Page visibility -
Printing - Utilities -
Typescript -
HTTP Requests - i18n -
Custom Events -
Persistence -
State Management -
Redux - Mobx -
Authentication/Authorization
- Vuex Utilities -
Sync Between Tabs -
GraphQL -
Concurrency Management -
Code Style - CSS -
Asset Management -
Page Navigation -
Miscellaneous -
Web Workers - JSX -
Migration -
Web Sockets -
Server-Sent Events -
Payment - Stripe -
Paypal - Plaid -
Integrations -
Vue CLI Plugins -
Google Analytics -
Yandex Metrika -
Dev Tools - Inspect -
Docs - Test -
Browser-less require -
Source Code Editing -
Atom - Sublime Text -
Vim -
Visual Studio Code -
Visual Studio -
Brackets - Intellij -
Emacs - Kate -
Scaffold - Client -
Universal - Server -
Electron - Parts -
Runtime -
Command Line / Terminal -
Prerendering
Resources
Official Resources
External Resources
Job Portal
Conferences
Podcasts
Youtube Channels
Official Examples
Tutorials
-
Learn Vue 2: Step By Step
on Laracasts
-
Vuejs 2 Authentication Tutorial
on Auth0 blog
-
Create a GitHub File Explorer Using Vue.js
on Scotch.io
-
Vue.js Tutorial on
Vegibit
-
Vuex introduction video - James Browne from London Vue.js Meetup
#1
-
Hybrid App Example with Laravel and Vue.js in Portuguese
by @vedovelli
-
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
-
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
-
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
-
How to Create Great VueJS Applications Using Wijmo Controls
-
讲解 Vue.js 2 官网 中文-含代码、百度云、youtube
on bhnddowinf
-
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
-
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
-
Let’s Vue! - OpenLecture 2017.01 in Russian
on YouTube by Illya Klymov ([@xanf](https://github.com/xanf/))
-
Bootstrapping your first Vue.js application using vue-cli
by
[@afropolymath](https://twitter.com/afropolymath)
-
Build vue-hackernews-2.0 from Scratch
by [@ Detachment](https://github.com/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](https://github.com/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
-
Create a quiz with Vue.js
by
[@rap2h](https://twitter.com/rap2h)
-
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
-
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
-
Vue Guide on CSS-Tricks
-
Using Typescript in your VueJS app
-
Vue.js 预览 on ninghao.net
-
Building a Vue v2 JS app using Vue-router
-
Build your own carousel with Vue
by
[@Atom_Hernandez](https://twitter.com/Atom_Hernandez)
-
Unit Testing Vue.js Components with the Official Vue Testing Tools
and Jest
by
[@alexjoverm](https://twitter.com/alexjoverm)
-
Creating Vue.js Transitions & Animation: Live Examples
by
[@udyuxdev](https://twitter.com/UdyUXDev)
-
Creating Custom Vue.js Plugins
-
Async in VueJS part 1
-
Async in VueJS part 2
-
Using localStorage with Vuex store without a plugin
-
Using props for accessing URL parameters within components with Vue
Router
-
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](https://twitter.com/CodyLSeibert)
-
Vue.js 2 Recipes (Video)
by Peter van Meijgaard, Packt. (September 2017)
-
Getting Started with Vue.js
-
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](https://www.twitter.com/sachinbee) on
Udemy
-
Getting Started with Vuex: Managing State in Vue.js
-
Vue2 ACL using CASL
by Sergii Stotskyi
-
Vuejs 2.5+ Authentication Tutorial using Auth0
on Storyblok blog
-
GraphCMS introduction 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
-
Let’s Build a Custom Vue.js Router
-
Build a Vue.Js E-Commerce App with ButterCMS Headless Backend
-
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
-
Real World Projects with Vue.js
by Daniel Khalil, Packt. (August 2018)
-
Heartbeat (Vue + NW.js Video series)
by
[@ackzell](https://github.com/ackzell) (2017 - 2018)
-
Firebase Server-Side Render Vue Apps with Nuxt.js (Server-side
Rendering with JavaScript Frameworks)
-
Firebase Measuring Vue SSR Performance with Nuxt.js (Server-side
Rendering with JavaScript Frameworks)
-
Creating an interactive map with D3 and Vue
(October 2018)
-
The guide to write universal, SSR-ready Vue components
-
Vue.js Fundamentals
-
Vuex for Everyone
-
Vue.js Form Validation
-
The Vue.js Master Class
-
Vue.js Firebase Realtime Database
-
Vue.js Firebase Authentication
-
Dynamic Forms with Vue.js
-
Custom Vue.js Directives
-
Vue.js Application Development Essentials
by Bartłomiej Potaczek, Packt. (October 2018)
-
Troubleshooting Vue.js
by Christian Hur, Packt. (October 2018)
-
Nuxt.js - Vue.js on Steroids
by Maximilian Schwarzmüller, Packt. (October 2018)
-
Building an Electron File Explorer with Quasar (and Vue)
by
[@hawkeye64](https://github.com/hawkeye64). (November 2018)
-
Build Web Apps with Vue JS 2 & Firebase
on
Udemy
by
the Net Ninja
-
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
on
Udemy
by Maximilian Schwarzmüller
-
SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 1)
(November 2018)
-
SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 2)
(November 2018)
-
SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 3)
(November 2018)
-
SPA Application using Vue.js, Vuex, Vuetify, and Firebase (Part 4)
(November 2018)
-
Adding Internationalization to a Vue Application
(November 2018)
-
Practical Projects with Vue JS 2
by Jack Herrington, Packt. (December 2018)
-
Vue.js 기초 다지기 (Video)
by Lessipe
-
Full Stack Web Development with Vue.js and Node.js
by Haider Rehman, Packt. (January 2019)
-
Vue for Designers by Design+Code
(February 2019)
-
Vue Introduction in Turkish
-
Data pulling using Vue-Resource in Turkish
-
Spa Application using Vue-router in Turkish
-
Create Vue Projects using Vue-cli in Turkish
-
Messaging between Vue components and Vuex in Turkish
-
How to Dynamically Add a Class Name in Vue
by Michael Thiessen
-
Build a Library web application with Vue JS, Node JS, and SQL or
MongoDB using ScaffoldHub
By Felipe Lima
[@scaffoldhub_io](https://twitter.com/scaffoldhub_io)
-
Building a Realtime Location tracking app with NativeScript + Vue
by Saibbyweb
-
Vue: Getting Started, by John Papa
on Pluralsight
-
Building a Simple Pre-Rendered Web App Using Vue + Nuxt
by Michael Lynch
-
Vue and GraphQL with Hasura video course
-
Frontend and Fullstack VENM-stack coding tutorials by RabbitWerks
JavaScript
-
Nordschool Vue Tutorials
-
Vue Props Validation - Best Practices
-
Vue Router - The Complete Guide
-
Enable VS Code Debugger for Nuxt & Typescript
-
Create A Blog With Gridsome & Vue
-
Building an Imgur Clone with Vue.js and Serverless
-
Building a HackerNews clone in Vue.js on AWS
-
Vue.js: Build a Full Stack App with Firebase, Vuex and Router
[Video]
by Chris Dixon (October 2019)
-
Vue.js 2 Academy: Learn Vue Step by Step [Video]
by Chris Dixon (October 2019)
-
Blazing-Fast Vue and GraphQL with Gridsome [Video]
by Reed Barger, Packt
-
Build Your First Vue.js App in About 30 Minutes
by Rad Devon (Video, February 2020)
-
How to make your components dynamic in Vue JS
(September 2019)
-
Fragments in Vue JS
(December 2019)
-
Build a movie search app using the Vue Composition API
-
Vue Testing Crash Course
-
Sharing and re-using Vue Mixins in the cloud with Bit.dev
(May 2019)
-
Using Watchers in Vue JS
(June 2019)
-
Understanding Filters in Vue JS
(June 2019)
-
Form Validation In VueJS Using Yup
by Vijit Ail (May 2020)
-
Use Vue.js to Rewrite React’s Official Tutorial Tic Tac Toe
By Chanvin Xiao
-
Can we use Python with Vue.js or Vue and Django or Flask?
-
MDN - Vue tutorials
-
Learn Vue 3 for Beginners - Full 2020 Tutorial Course
on Youtube
-
Vue 3 Composition Api Introduction - Full Tutorial
-
Building a VueJS chat app with realtime storage of messages in
Airtable
by Srushtika Neelakantam (December 2020)
-
Building a realtime quiz with VueJS using a starter kit
by Srushtika Neelakantam (October 2020)
-
Make an Heart clicker with vue.js and firebase
-
Building an E-Commerce app with Vue.js, Vuex & Axios
by Deven Rathore ( November 2020)
-
Vue.js Debugging: A Guide to Fixing Your Frontend
- Learn the basics of Vue.js debugging. This guide will walk you through
a tutorial on how to fix your application’s frontend.
-
Help you learn more efficiently vue3 source code - mini-vue
by cuixiaorui
-
Vue.js SPA: Build a Powerful E-Commerce App
-
Learning Vue 3.0
Examples
-
Node Webkit + Vue example
by
@brandonjpierce
-
Vue Samples by
@superlloyd
-
HackerNews clone with vue.js + vue-router
by @kazupon
-
Electron + Vue example
by @bradstewart
-
Single page application example (Vue + Voie)
by Boris Okunskiy
-
Begin - Task Manager SPA written in Vue + Lumen
by Raj Abishek
-
Vue Mini Shop
-
Vue SoundCloud by
mul14
-
Feature Requests (Laravel + Vue Combo)
by haydenbbickerton
-
Vue Cookbook (Vue1.0 + express)
by
[@yjj5855](https://github.com/yjj5855): A demo first screen rendering of a
service
-
Strong Together
- A starter project to build single page Vue.js apps as stand-alone or
for Laravel / Laravel Spark projects, based on Browserify and
Semantic-ui) by
WebSemantics
-
vuetest: an ad admin web with user auth, bootstrap ui, uploader,
WYSIWYG editor in iframe
-
vue-shopping
by andylei18
-
Vue-cnodejs,060
by
[@shinygang](https://github.com/shinygang)
-
vue-zhihu-daily
by hilongjw
-
VueChess
- Multiplayer online chess game
-
Ngexplorer-vuejs-client
- Vue client for
Ngexplorer
-
Vue 2048 (Vue + Webpack)
by
[@pengfu](https://github.com/pengfu): Popular 2048-Game implemented using
Vue,Webpack,Sass,ES6
-
Vue Simple PWA
-
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
,
Airbnb eslint, webpack. by
[@aweber1](https://github.com/aweber1)
-
vue-table-pagination
A table with pagination by
echovic
-
Feathers and Vue 2.0 Blog Admin Demo
Demo for using Feathers with Vue 2.0. It includes authentication,
vue-router, vue-infinite-loading and roles by
delay
-
vue-zhihudaily-2.0
Zhihudaily demo built with Vue 2.0, vue-router & vuex, with
server-side rendering. by cs1707
-
vue-demo-todolist
a simply vue2.0 demo built with Vue 2.0, vue-cli. by
fishenal
-
vue-AdminLte
by liujians
-
Vue(2.0) + Node.js: A blog content manage system (CMS)
by @ycwalker
-
ngexplorer-quasar
-Implementation of
Ngexplorer
with
quasar framework
-
zhihu-daily-vue
a zhihu daily base on vue2.0 by
moonou
-
loopback-vue
loopback+vue+vue-resource,ionic-app,vue page 分页功能,authenticate
权限控制,accesstoken 机制,credentials,CI,docker
qxl1231
-
vue-s3-dropzone
A Vue.js drag-and-drop component uploads files to AWS S3 serverlessly
-
easy-vue
a easy example using the vue to implement easy web with vue 2.0, vuex
2.0, vue-router 2.0, vue-infinite-scroll 2.0, vue-progressbar 2.0 by
TIGERB
-
Vuex Events Messaging Demo
by Metric Loop
-
vue-memo 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
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)
-
Sample CRUD app with router in Vue 2.0
by
[@shershen08](https://github.com/shershen08)
-
ASP.NET Core Vue.js server-side rendering sample
by
[@mgyongyosi](https://github.com/mgyongyosi)
-
vuefire-quickstart
- Documented Firebase integration w/ webpack and eslint, by
[@sejr](https://github.com/sejr).
-
hello-vue-django Vue.js and Django integration
starter project with hot code reload
-
Real Time Social News App
developed with
Phoenix Framework
, Vue,
Vue Router and Vuex (demo)
-
vue-calculator
a simply calculator built with Vue 2.0, vue-cli(webpack-simple).
-
Wikipedia-viewer
A simple wikipedia-viewer page built with vue2.x
,vue-router,vue-cli(webpack-simple) and ajax(jsonp).
-
vue2.x-douban
A simple of douban movie build with vue2.x,vue-router and
axios(豆瓣电影). by Superman
-
vue-laravel-example
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, built using the webpack vue-cli f
-
aspnetcore-Vue-starter
A VueJS 2 starter template as part of an asp.net MVC dotnetcore project.
This template includes the VueJS client app and a backend API
controller.
-
vue-reddit-app
A Reddit SPA
demo
built with Vue 2.X , Vue Router 2 ,
Vuex and axios. Using Muse-UI and
vue-cli webpack template by
[@yujiahaol68](https://github.com/yujiahaol68)
-
vue-music-qq
A qq-music project is based on vue-cli. The pages are simple and smooth
-
NavigationTab with Vue-Redux and Plain VueJSX
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
A Twitter Client App build with Vue 2.X, Vuex, electron-vue and Electron
-
Douban
Awesome douban Example created with Vue2.x +
Vuex + Vue-router +
vue-resource. by
jeneser
-
Storyblok vuejs-boilerplate
- Integrates Storyblok’s Component System, allows to create editable
Websites.
-
Vuexpresso - A
boilerplate using VueX, Vue-Router, Vue-Apollo, webpack, GraphQL,
Apollo-client, express and mongo
-
Vue.js with Sails.js example project
- 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
A sample realtime chat made with Vue in frontend and Feathers in
backend, but using just Socket.IO-Client for the communication
-
vue-xplan A rotating
earth demo page created with Vue and three.js
-
vueSocketChatRoom
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](https://github.com/Binaryify): Use Vue, Vuex, Immutable to code
Tetris.
-
route-planner-vue
by
[@Kasheftin](https://github.com/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
-
todo-mvc-webpack
by voluntapear TodoMVC
implementation on Vue 2 using the webpack-basic template with examples
showing vuex, vue-router, central event bus and VueFire.
-
Chess Storybook Example
with Vue 2.0
-
Vue Weather Notifier
A small sample animation app with SVG and Vuex
-
VueBlog A blog system
supporting service side rendering by
wmui
-
Cinemateka - An
example of SPA made with Vue v1 & Laravel 5. Film & events
schedule. Russian comments.
-
vue-2.x-boilerplate
- A simple and small starter kit for a Vue project Vuex + vue-router
-
vue-minesweeper
- A deadly simple minesweeper game with vuejs by
rhapsodyn
-
X-Flowchart-Vue -
A flowchart editor with SVG and Vue
-
koa-vue-notes-web
- A fleshed-out SPA using Koa 2.3 on the backend and Vue 2.4 on the
frontend. Includes fully featured user-authentication components, CRUD
actions for the user’s notes, and Vuex store modules.
-
Vuejs Shopping Cart
- Shopping cart example using Vuejs and Firebase
-
PokedexVueJs by
@rchung95
-
vuefire-auth A
Vuefire Vue2-Auth-Email Verification with Firebase
-
vuefire-realtimedatabase
A Vuefire Vue2-RealtimeDatabaseCRUD with Firebase
-
vuefire-storage
A Vuefire Vue2-Storage with Firebase
-
Vue2-PWA-Blog
by @deepak-singh
-
vue-firebase-auth-vuex
A Vue2 Firebase Authentication with Vuex and support Progressive Web
Apps
-
vue-chart-stater-kit
Quick starter using Vue Router, Vue Chart, Element-UI
-
vue2.0-demos
using mint-ui, Element-UI,And have Some demos(select city and so on)
-
conway Conway’s Game of
Life in Vue.
-
vuex-feature-scoped-structure
An example application of the feature scoped vuex application structure
-
vuex-examples -
Simple Examples on using Vuex to build Real World Apps
-
vue-vuex-todomvc
- 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
- The WebDesktop system based on Vue
-
vuejs-music-player
- A Vue.js lite music player
-
Vue.js Best Practices Example Project
- A best practices example project using Vue.js + Vue Router + Vuex +
Vuelidate
-
Vue.js [ONE] client - [ONE]
client written with Vue2.5
-
Vue.js 2.5 with vue-cli v3 including authentication with auth0
by Dominik Angerer, Storyblok
-
Skeleton Vue+TypeScript
- TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material Icons,
BrowserSync, Dockerfile
-
PENV Starter
- A basic example of how to use VueJS, Express and PostgreSQL in
conjunction.
-
vue-relay-examples
- A collection of example applications using vue-relay.
-
laravel-vue-boilerplate
- 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
- An open source boilerplate for building UI Design Systems with Vue.js.
-
Vue Bulma Demo
- 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
-
vue.js 与 laravel 结合的前后端分离开发模板- 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
- A online shopping mall SPA demo, 基于 VUE
开发的前后端分离电子商城前端项目
-
FUE - Admin SPA client and
server-side boilerplate with Vue.js + Vue Router + Vuex + Vuetify +
FeathersJS
-
Vue + TypeScript Cookbook
- A small cookbook covering some less-than-obvious solutions for people
getting started with Vue + TypeScript
- Vuejs Examples
-
ASP.NET Core Vue Starter CLI 3.0
A Vue starter template using Vue CLI 3.0 with custom configuration
(default TypeScript, Vue, Router, Vuex, Vuetify) integrated with
ASP.NET Core by
[@SoftwareAteliers](https://github.com/SoftwareAteliers) (September 2018)
-
vue-soundcloud
A Soundcloud client built with Vue.js 2, by
Soroush Chehresa
-
vue-cart
A simple shop cart made with vue, vuex and vue router. by
crisgon
-
Nuxt + Apollo + Element
A Vue.js SSR boilerplate with Nuxt, Element (custom theme) and Vue
Apollo.
-
vue-daily-zhihu
a simple demo build with Vue 2.0 & vue-router & vuex by
walleeeee
-
Multi-page ASP.NET Core Vue with TypeScript
- Multi-page ASP.NET Core Vue, Typescript, Vuex, Vue router, Bulma, Sass
and Jest application. Template/starting point on how to use Vue.js as a
multi page(multiple mini spa’s) application in .NET Core MVC.
-
CION - Design system boilerplate for Vue.js
- A design system build primarily for Vue.js applications. It utilizes
design tokens, a living styleguide with integrated code playgrounds and
reusable components for common UI tasks.
-
Vue websockets example
- A basic example of Websockets usage with Vue.js 2 + Node project for
full working example.
-
Vue(2.0) + Node.js: A blog
by @FatDong1
-
vue-todo-list
ToDo List sample app based on Vue + Vuex + Vuetify + Vee-Validate
-
Vue.js and Ionic v4 examples
- A set of examples of how to use Ionic v4 with Vue.js
-
Personal Website that use Vue, Vuex and Vue-Router
- A simple website example that made with vue, vuex and vue-router by
Muratcan Şentürk
-
Client-Side Vue.js
- Demo - Vue.js
client-side for tiny, quick-loading, node.js-less Single Page Apps by
Justin Wash
-
Large scale Vue.js application boilerplate + Vuex
- A boilerplate for starting large scale, flexible Vue.js application
with using Vuex as state management - by
Arun Redhu
-
Snake game on Vue.js without Canvas
-
A one-on-one chat app in Vue with CometChat
-
Vue webpack typescript
Boilerplate with sass/ts/sfc linters. Full typesafety including vuex and
nice looking vue component with
vuex-module-decorators
,
vue-property-decorator
-
Laravel + Nuxt.js boilerplate
- by
[@acidjazz](https://github.com/acidjazz)
-
Add Push Notifications to Your Vue Chat App Using CometChat and
Firebase
-
TO - A social media app that
allows you post just texts.
-
All-About-Me - A
Social Media Web App built with Vue, Firebase (Firestore/Auth/Storage),
Element-UI, Disqus, Vuex, Vue-Router, and Sass. Supports image
uploading, profile editing, add/remove friends, and comments.
-
Vue Voyagers 👽 Space Travel
- A Vue.js Gamified example SPA that consumes a REST API. It presents
infographics via D3.js, animation, and web audio.
-
TodoMVC Vue 3 Composition API
- A complete TodoMVC implementation in Vue 3 Composition API with
components, store, unit e2e tests and linting.
-
TodoMVC Vue - A
complete TodoMVC implementation in Vue 2 with components, store, unit
e2e tests and linting.
-
Movie search app with Composition API
- A movie search app implemented in Vue 2 with the Composition API
plugin
-
Nuxt with JWT authentication via OTP
- A Nuxt.js boilerplate with basic register and OTP-enabled login
functions.
-
vuetify-i18n-boilerplate
- Demo -
A boilerplate to quickly start a Vue project using Vuetify, Vue-i18n,
Vuex and Vue-router
-
Google Keep Clone with Vue + Firestore
- Google Keep clone with Vue and Firestore written in TypeScript.
-
Go-echo-vuejs-boilerplate
- Boilerplate that uses go with echo framework as a backend and vuejs
that serve the web traffic.
-
Vue-Next-TicTacToe
- Simple Tic Tac Toe Game made with Vue Next
-
Vue 3 example without Webpack
- An example of how to build a Vue app with Vue-Router without the need
for Webpack or any other build tool. Includes the ability to prerender
components and pages with Vue Server Renderer.
-
COVID19 Live Data Component
- Simple component that shows live covid19 data across the world.
-
vue-stack-cesium
- A minimal sample configuration project with
CesiumJS and all the awesome
vue features. The project contains many examples how to combine and use
certain packages to get started.
-
Shopify Theme Lab
- Shopify theme development starter using Vue, Vuex and Tailwind CSS
-
Peer to Peer game of telephone
- A party game for 4 to 8 players (ideally!) where you mutate a phrase
through drawings and captions, to make up funny scenarios with your
friends. The project is an example of how to build a Peer-to-Peer game
with Vue.
-
vue3-webpack
vue 3 + webpack 4 starter.
-
laravel-vue-3-starter
a pre-configured project using Laravel 8 and Vue 3.
-
Vuetify Swipeout
- A swipe out example built with Vue 2 + Vuetify + Swiper.
-
Vuetify Todo PWA
- A simple Todo PWA built with Vue 2 + Vuex + Vuetify.
-
Vue Todo PWA -
A simple Todo PWA built with Vue 3 + Vuex + Bootstrap 5.
-
Vue simulating
- A website simulating linux system’s GUI, using theme of Deepin distro.
Using vue + tailwindcss + animate.css.
-
Vue Word Game -
A simple Hangman-like word guessing game, built with Vue 2.
-
Coinchartsvue -
Coinchartsvue is a cryptocurrency price chart based off Coinbase’s
original price chart.
-
Vue 3 Shopping Cart
- A Shopping cart example using Vue 3, Vite,
daisyUI and
Pinia.
-
vuemoji-picker
- Vue 2 and 3 lightweight emoji picker.
-
Maxim Web Chat - A
chat demo using MaximTop’s IM SDK
(floo), 使用美信拓扑 IM SDK 实现的聊天App 示例.
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)
-
The Vue Handbook by Flavio Copes.
(July 2018)
-
ASP.NET Core 2 and Vue.js
by Stuart Ratcliffe, Packt. (July 2018)
-
Vue.js: Construa aplicações incríveis
by Caio Incau, Casa do Código. (September 2017)
-
Getting to Know Vue.js
by Brett Nelson, Apress. (August 2018)
-
Vue: Build & Deploy by
Daniel Schmitz, Leanpub. (September 2018)
-
Building Applications with Spring 5 and Vue.js 2
by James J. Ye, Packt. (October 2018)
-
Vue.js Quick Start Guide
by Ajdin Imsirovic, Packt. (October 2018)
-
Vue.js Component Patterns Course
by Frederik Dietz (April 2019)
-
Vue.js: Understanding its Tools and Ecosystem
by Dave Berning (November 2019)
-
Building Forms with Vue.js
by Marina Mosti (October 2019)
-
Testing Vue.js Components with Jest
by Alex Jover Morales, Packt (October 2019)
-
Vue.js
by Chris Minnick and Nat Dunn, Webucator (February, 2020)
-
Become a Ninja with Vue 3
by Cédric Exbrayat (English and French versions) (May, 2020)
-
Large Scale Apps with Vue 3 and TypeScript
Damiano Fusco, Leanpub (September, 2020)
-
Vue - The Road To Enterprise
Thomas Findlay (January, 2021)
-
Accessible Vue – Get started with Accessibility in Vue.js!
by Marcus Herrmann (March 2021)
Blog Posts
Courses
-
Learn Vue by Building and Deploying a CRUD App
- This course is focused on teaching the fundamentals of Vue by building
and testing a web application using Test-Driven Development (TDD).
-
Advanced Vue.js Features from the Ground Up
- Learn how to build more accessible routing, state management, form
validation and internationalization libraries from the ground up!
-
Become a Ninja with Vue 3
- This course teaches how to build a complete application with Vue 3,
step by step, using Vue CLI, TypeScript and the Composition API. Each
exercise comes with instructions and tests to check 100% of your code.
Documentaries
Projects Using Vue.js
Open Source
-
PageKit - Modular and
lightweight CMS built with Symfony components and Vue.js.
-
npmcharts.com
- Compare npm packages and spot download trends.
-
Koel - A personal music
streaming server that works.
-
Raven Reader -
Simple RSS Reader made using atom electron and vue.js.
-
Gokotta - A simple
music player built by electron and vue.
-
CoPilot - An admin
portal based on AdminLTE with vue.js integration.
-
Retrospectify - A
simple tool for doing collaborative retrospectives in agile teams.
-
jade-press - Cms
based on mongodb, nodejs, koa, vue and more.
-
astralapp - Organize
Your GitHub Stars With Ease.
-
EME - An Elegant Markdown
Editor.
-
Github-explorer
- A spa which can help you check your github in a better way.
-
Hotel - Start your dev
servers from your browser and get local domains in seconds.
-
Surfbird - A
Twitter client written with modern web technologies.
-
Approach0 - A
math-aware search engine.
-
Flox - Self Hosted Movie,
Series and Anime Watch List.
-
JavaScript Guessing Game
- A game for identifying JavaScript tools and libraries.
-
vue-ghpages-blog
- A blog based on GitHub pages by Vue.js 2 + Webpack 2.
-
Vuedo - Blog platform,
built with Laravel and Vue.js.
-
vue-music163 - A
Vue.js project for music.
-
Tomato5 - Real-time
collaboration tool, it combines Pomodoro Technique with a team status
share board.
-
Web Learn - A
service which provides simple access to thousands of video tutorials on
web developing and programming.
-
ExcelJSON - A tool
to convert CSV, TSV to/from JSON.
-
Materialize-blog
- A material blog built with Laravel5.3 and Vue2.x.
-
VueComponentGenerator
- Generate vue single file component on browser.
-
SDR News - News for
web designers and developers aggregated from multiple sources (Reddit,
Hacker News and Prominent Blogs).
-
PJ Blog - Open source blog
built with Laravel and Vue.js.
-
Lulumi-browser
- Lulumi-browser is a light weight browser coded with Vue.js 2 and
Electron.
-
vue-wordpress-pwa
-
OpenAPI 3 viewer
- Browse and test a REST API described with the OpenAPI 3.0
Specification
-
Stacer - Linux
System Optimizer and Monitoring
-
Distrochooser.de -
An orientation guide for Linux beginners
-
Buka - EBook
Management
-
Docute - A framework for
writing documentation without build process
-
nativescript-vue
- A Vue.js implementation of the NativeScript renderer.
-
piper - A drag-and-drop
mobile website builder base on Vue.
-
mmf-blog-vue2
- A blog based on Vue2(Vue-router, Vuex) and Webpack2.
-
Media Manager - Web File
Manager.
-
dyu/bookmarks - A
self-contained, self-hosted bookmarking app powered by leveldb, built
with Vue2.1.x.
-
JSON Schema Editor
- An intuitive editor for JSON schema. Develop with Vue.js 2 and
Firebase.
-
npm-stats - npm
package download statistics dashboard
-
vue2-admin-lte
- a project that converts AdminLTE to work with Vuejs (v2.x).
-
Dockeron - A project
built on Electron + Vue.js for Docker on desktop.
-
Flamme - An open source
Tinder desktop client built with electron and Vue.js for educational
purposes
-
Goldfish - A HashiCorp
Vault UI built with VueJS, Golang, and Bulma CSS
-
promptie - A framework
written in Vue.js for creating command-line like interfaces in web
browsers.
-
Hare - 🐇 Application
boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
-
Paper-Dashboard
-Creative Tim Paper Dashboard made for Vue
-
AdminLTE-VueJS2 -
An open source project that implements VueJS (v2.x) on AdminLTE.
-
Material Dashboard
- Creative Tim Material Dashboard made for Vue
-
Explore-Github -
VueJS 2 Github Explorer Using API v3
-
CoreUI Vue Admin Template
- Open Source Admin Template powered by Vue.js
-
ChuckNorris - Chuck
Norris Jokes Generator built with VueJS + api.chucknorris.io
-
LeafPlayer - A
simple and fast, privately hosted music streaming server.
-
JSON Editor - A
schema-aware JSON editor. Develop with Vue2.
-
Voten - A Reddit-like
platform built with Vue2 and Laravel.
-
News Weaver - A web
based RSS Reader/Aggregator made using VueJS and VuetifyJS
-
Wake Up Billie Joe! - A web
site countdown to October, based on Green Day’s song Wake me up when
September Ends. Created using Vue and Firebase.
-
Astrum - A lightweight
pattern library designed to be included with any web project.
-
vue2-pwa-vision -
A Face Detection Google Cloud Vision with Vue2 + Vuetify + Progressive
Web App
-
vue2-pwa-rekognition
- A Face Detection Amazon Rekognition with Vue2 + Vuetify + Progressive
Web App
-
AmmoBin.ca
- meta search site for online ammo prices across Canada
-
SPA-asp.net-api-vuejs-
- A Vue.js single page application for basic task Management &
messaging using ASP .NET Webapi 2 and SQL server
-
Book-Trading-Club
- Trade or loan books with other book readers in your area. Built using
nodejs and vuejs2
-
vuejs-extension-pack vscode
- An extension packf or vscode with popular VS Code extensions for
Vue.js development.
-
Wiki.js - A modern,
lightweight and powerful wiki app built on NodeJS, Git and Markdown
-
vue-pwa-speech -
A Speech to text With Google Cloud Speech on Vue2 + Vuetify +
Progressive Web App
-
vue-speech-streaming
- A Performing Streaming Speech Recognition results in real time Speech
To Text with Google Cloud Speech + socket.io on Progressive Web App
-
My Animation List
- A tool to easy get css animation code
-
vue-input-streaming
- A TextInput Streaming RealTime And Two Way Data Binding Broadcasting
with Pusher
-
TidyTab - A Chrome
extension for tidying up those tabs.
-
peregrine-cms
- A Vue.js and Apache Sling based head-optional CMS
-
concept-to-clinic
- Lung cancer prediction project with Vue.js interface
-
grid-awesome
- Generate boilerplate css for grid layouts using the css display: grid;
property.
-
Light Bootstrap Dashboard
- Creative Tim Light Bootstrap Dashboard made for Vue
-
Hubaga - A free and
lightweight WordPress eCommerce plugin for developers and other digital
shops.
-
vue-webpack-buefy
- Vue.js starter with full-featured Webpack and Buefy
-
Coypu - Text-editor-like
weekly planner
-
core-server
- Highly scalable VueJs framework with an integrated API system, and
multiple advanced features.
-
discord-logo - A
Vue.js animated discord logo generator based on SVGs. (Github Page)
-
node-vue-template
- A starter template for building complete application using Node.js
(API) and Vue.js (SPA) with some included packages and configurations to
help start the development quickly.
-
vue-storefront
- Vue.js Storefront - PWA for eCommerce. 100% offline, platform
agnostic, headless, Magento2 supported.
-
fd-vue -
Vue.js client for an IoT framework
-
wildfire - A
drop-in replacement for other comment plug-ins.
-
Ride Receipts
- Simple automation desktop app to download and organize your tax
invoices from Uber and Lyft.
-
vue-chrome-extension-boilerplate
- Boilerplate for Chrome extension using Vue.js and Webpack
-
TimeMark - A Time
manager which will can record your time and some more function will be
developed.
-
Laravel Enso - SPA
Admin Panel built with Bulma, VueJS and Laravel, packing lots of
features out of the box.
-
Code Notes - A
simple code snippet manager for developers built with Electron &
Vue.js.
-
Pomotroid - Simple,
visually-pleasing and customizable Pomodoro timer.
-
XMR Miner -
Cryptocurrency (XMR) mining app, built with Vue.js and visualized with
D3
-
XMR Paper - Monero
wallet generator, built with Vue.js
-
JoyProxy - Chrome
extension for handling proxy settings
-
activity-automation
- Manage daily activities and get reports on timely basis.
-
jsettlers-web
- Popular German board game to build hexes, settlements, cities, roads
with earned resources
-
Tamiat CMS - Tamiat is a
front-end focused CMS, uses Vue.JS as the frontend and integrates with
Firebase for the backend functionality.
-
vuegg - vue GUI generator:
Create mockups and code in one go! It leverages the creation of pages,
components and styles with its visual editor. Generate all scaffolding
code for your next vuejs project.
-
Podlove Web Player
- Podcast-optimized, HTML5-based audio player featuring chapters,
transcripts and embedding.
-
Leo Vue - Use the open
source Leo outlining editor/IDE to create webapps with nested menus,
with support for Vue components in content.
-
Deezer-Vue - Deezer
client built with Vue
-
Vuep.run - Online SFC editor for Vue
-
V·oogle - Google.com,
reVued
-
Pomidorus - Pomodoro
time tracker build using Vue and D3 🍅
-
Hubble - :telescope: Travel through
GitHub Stars’ history.
-
Vuepress - Minimalistic
Vue-powered static site generator
-
Socialhome - A
federated rich profile builder with social networking features
-
GenVue - a hostable,
web application that lets confidential users upload and share private
files build on Vue.js, Vuetifyjs and NetCore WebAPI stack
-
vue-array - Array
object operation under Vue, Array object operation under Vue Use this
package to manipulate the array. Vue can monitor the changes in the
array
-
Laqu-l - A complete App
starter kit with Quasar Framework, GraphQL API backend with OAUTH 2.0
authentication, Firebase ready, multilanguage capability and more.
-
Protovue - A
prototyping component library that helps designers and developers quicky
scaffold an abstracted app layout.
-
Chattier - SPA
social network built with Laravel 5.6, Vue.js 2, and Bulma (Buefy
components + Bulmaswatch themes). Also uses JWT authentication.
-
chrome-ribbon-reminder
- A Chrome extension written using Vue and Async/Await. Uses a popup
display and changes badge counts.
-
Faviator - A simple easy favicon
generator.
-
Modular Genealogy
- Genealogy / family tree management system using Laravel 5.7, Vue.js
2.5 and various components. Work in progress.
-
Minimal Notes -
Web app build with Vue.js
-
Roast - An
app built to help coffee enthusiasts find their next cup of coffee while
learning about Laravel + Vue.js.
-
Stack Edit -
In-browser Markdown editor
-
Bael Blog Template - A
static generated blog template that uses Netlify CMS for the backend and
Netlify for hosting. Features a brutalist aesthetic, fuzzy search,
serverless email signup, and more.
-
Buefy Shop - Sample
shop, open source, built with Nuxt, Stripe, Firebase, Bulma and
Serverless Functions.
-
sysmon - A B/S mode system
monitor for Linux. You can remotely watch the usage of your system
resources via web browser everywhere.
-
eth-vue - A
Truffle Box that provides everything you need to quickly build Ethereum
dApps that have authentication features with Vue.js, including
configuration for easy deployment to the Ropsten Network. It’s also
Gravatar-enabled.
-
Nippon-color -
Inspired by nipponcolors dot com. This is a nippon-color PWA build with
vue-cli 3.
-
Saleina CMS - A
static site content management system built with vue using git as a
backend.
-
Vuido - A framework for
creating native desktop applications. It can run on Windows, OS X and
Linux, using native GUI components.
-
YouGet - YouTube
Video/Audio/Subtitle Downloader + Cutter
-
Vue Pug Stylus -
Vue + Pug + Stylus boilerplate 💚 🐶 🖌
-
Crypto News -
allows you to convert cryptocurrencies, view latest news and exchange
rates for each ICO – all the data from the world of cryptocurrencies in
one place.
-
Epiboard - A new tab
page extension with material design and useful features :new: :tada:
-
zhudyos/duic - Distributed
configuration center :new:
-
Vuemmerce - Free
ecommerce template built with Vue.js and Bulma framework :new:
-
Nucleus - Vue
startup application template that uses ASP.NET Core API layered
architecture at the back-end and JWT based authentication
-
Carpoolear - The
open source Vue.js frontend (mobile and cordova app) for the argentinian
carpooling application:
Carpoolear
-
Statusfy: Statusfy is
a Status Page System, easy to use and completely Open Source.
-
DynamoDb-GUI-Client: Cross-platform GUI client for DynamoDb
-
RosterWebApp -
Open source rostering web application which allows the rostering of
employees/teams to work sessions and other features.
-
Vue E-Store Templet - An
e-commerce templet build with vue/vuex/vue-router and bootstrap4.
-
Twill - An open source CMS toolkit for
Laravel that helps developers rapidly create a custom admin console that
is intuitive, powerful and flexible.
-
MATH_BOT - Learn math by programming a
robot.
-
Vue Crossword -
A Vue.js based crossword puzzle builder and filler front-end
application. Built with
CodeSandbox.
-
Vue Org Chart -
Manage and publish your interactive organization chart (orgchart), free
and no webserver required.
-
Beep - Account
Security Scanner built with Vue.js and Ionic 4
-
Vue CRUD -
Vue.js based REST-ful CRUD system. Vue CRUD allows you to easily create
fast applications such as CMS or CRM.
-
Vue HQ Admin Dashboard – A
modern admin dashboard powered by Vue, Sass, Firestore, and Netlify.
-
MToDo - Mini To Do
Lists with simple auth built with Vue.js and JSON Server as data mock.
Great as reference for anyone that finding reference about real world
Vue.js
-
FireX Proxy -
FireX Proxy is the user’s trusted Chrome and Firefox browser extension
that allows you to unblock any website and browse the web privately and
securely. 🛡
-
VueSolitaire -
Solitaire (spider,klondike) imlemented in Vue.js.
-
Thermal - One stop to all
Git repository.
-
QMK Configurator -
QMK Firmware Keyboard Configuration UI in Vue.js.
-
Eplee - Sweet, simple
epub reader made with Vue.js and Electron.js.
-
vue-realworld-example-app
- Exemplary fullstack Medium.com clone
-
Daily - Curated dev
news delivered to your new tab 👩🏽💻
-
Laravel File Manager
- Powerful file manager for Laravel
-
Vue Crypto Dashboard
- Cryptocurrency Dashboard made with Vue.js
-
ETCD Manager
- A modern, efficient and free multi-platform ETCD GUI app based on
Electron and VueJS.
-
Idea Re-Vue -
Social Ideation Platform to Create, Manage and Brainstorm Ideas in a
fun, visual way. Built on the top of VueJS and Vuetify using Firebsae as
a backend
-
Vue Expenses -
Expense tracking app made with Vue.js, Vuetify and ASP.NET Core
-
Akaunting - A free
and online accounting software for small businesses and freelancers
based on Laravel and VueJS.
-
VueFront - CMS
Agnostic PWA & SPA. Modernize your Wordpress websites in less than 5
min
-
Mockup-server -
Mockup-server is easily create server from local directory.
-
MQTTX - Cross-platform MQTT
5.0 desktop client built with Vue.js, Typescript and Electron.
-
Pychat - Self-hosted
webrtc video chat (an alternative to Slack)
-
super.ba - RSS News
aggregator built with Vue.js, Ant Design of Vue (antdv) and NodeJS.
-
Rapido - Rapido is
software to make a website. Rapido is fast, easy to use and respectful
of your privacy.
-
miniPress -
Yet another static site generator
-
Zeithub - Open source time
tracking, invoicing & expenses management for freelancers
-
CodeceptJS UI -
Cypress-liked UI for ✔️ CodeceptJS end 2 end tests ✔️.
-
Vue Pivottable
- Vue port of the jQuery-based PivotTable.js
-
Vue Datamaps -
Vue port of the javascript-based DataMaps
-
Marked.cc - 📝 Create
and share beautiful images of your notes and prose.
-
LeagueStats -
Statistics website for players of the online game League of Legends.
-
Veniqa - An E-commerce
solution with a shopping client and admin panel written in Vue.
-
tato music player
- A mobile first, handwritten, responsive web app for music fans written
in Vue and Vuetify.
-
Sheiley Shop
- PWA to track personal purchases, No more paper and pencil to go to the
supermarket 🏬 Vue and Vuetify
-
Afterman - 🌕 Create
beutiful docs in markdown and HTML from postman collection. Using Quasar
Framework
-
Greenpress Admin Panel
- The Admin panel of Greenpress, a fully-operative open-source for
creating blogs and content websites.
-
Greenpress Blog-Front
- The frontend application service of Greenpress, a fully-operative
open-source for creating blogs and content websites.
-
Movie Paradise
- A responsive movie preview web app built by Vue and Vuetify
-
Pathfinding Visualizer ThreeJS
- A visualizer for pathfinding algorithms in 3D with maze generation and
first-person view
-
Agile Visitors
- Application for registering employee entries with the possibility of
generating reports, validating and storing users with minimal effort.
-
Pexelry -
Application that leverages the pexels api to enable you find beautifull
photos and pictures.
-
karrot-frontend
- Web application for organization of foodsaving groups worldwide.
-
Realtime quiz framework
- A starter kit built with NodeJS, VueJS and Ably providing the scalable
base networking framework to host a live quiz
-
LogChimp -
Open-source software to track your customer’s feedback to build better
products.
-
Trooveo - Search, listen
to YouTube videos (Audio Only), No YouTube Api.
-
Yacht - A Docker
container management webui using Vuetify for a hassle free way of
managing docker containers and projects.
-
Antares SQL - Cross
platform SQL client made to be simple and complete.
-
Bagisto - A Free and
Opensource Laravel eCommerce framework built for all to build and scale
your business.
-
Samaya - Friendly
personal dashboard on Chrome’s new tab; featuring Nepali calendar, daily
Nepali quotes & Nepali wallpapers.
-
Mythic table -
A Free and Open Source virtual table top for playing Role Playing Games.
-
GrandNode 2.0 -
Open Source Cross Platform E-Commerce Solution based on .NET Core 5.0
and MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS
-
Aimeos - Leading Laravel
eCommerce framework to build ultra fast online shops, marketplaces and
complex B2B applications scalable from 1 to 1,000,000,000+ items
-
XIV ToDo -
Dashboards, completion trackers, tailored weekly and daily checklists
and tools for Final Fantasy XIV.
-
QuickTok - TikTok
popular trends viewer.
Commercial Products
-
Wijmo - A collection of
UI controls with VueJS support.
-
ChatWoot - Livechat and agent
collaboration over Facebook messenger.
-
VueA
- VueJS Admin template with multiple layouts and laravel version.
-
Teleo - Team
collab-app moving effortlessly between talking, planning & doing
-
EducationLink
- CRM and sales automation for education agents and colleges.
-
Pragmatic v2.0 - Responsive
and configurable admin template built with Vue.js and Element.
-
Moonitor - Cryptocurrency tracker for
Desktop.
-
Deskree - Online collaboration
platform that combines Ideas, Tasks, and Issues in one place.
-
OSHCExpress
- A comparison and ecommerce for OSHC (Overseas Student Health Cover)
insurance (Australia’s insurance for international students).
-
Agiloo - Project Management app for
Scrum and Kanban
-
ScaffoldHub - Online Web App
Generator for VueJS with NodeJS, and MongoDB or SQL.
-
Commandeer - Cloud Management
Reimagined. A Desktop cloud management app built with Vue.js and
Electron.
-
Mongster -
Connect your Mongo DB nodes into one cluster within a control panel.
-
Leave Dates - A powerful new way to
track your staff leave.
-
Time Door - A time series analysis API
-
vREST NG - An enterprise application
for Automated API Testing, built with VueJS and Element UI.
-
ScaleChamp - multi-cloud
managed databases provider with Hetzner, AWS, Linode, IBM, Azure,
Scaleway, Alibaba Cloud, DigitalOcean, GCP and UpCloud support
-
Coloban - All-in-one project
management tool with chats, Kanban, Gantt, calls, screenshare and many
more.
-
NxShell - An easy to
use new terminal for SSH, which based on Electron and VueJS.
Apps/Websites
- Laravel Spark
- Vice Video
- Formlets
- Laracasts
- esa.io
- 稀土掘金
- Prague Airport
- Portfolio Site
- Statamic
-
Embalses! - A tool to
report water dam level using the U.S. Geological Survey database.
-
TravelMap - A simple way for
travelers to create a blog based on a Map.
-
Proper Cloth Shirt Builder
- Custom shirt builder.
-
Powerpuff Yourself by Cartoon Networks
-
vNotes - Simple and
beautiful notepad to Markdown with Vue.js and Local Storage API.
-
Open Function Computers
-
Dermail - A
webmail client written in Vue.js for Dermail, a mail system written in
node.js.
-
octimine - A patent search
engine.
-
Draxed - A web based MySQL and
PostgreSQL data browser and dashboard manager.
-
Jobinja - A Job Board and career
platform operating in Iran.
-
滚蛋吧!莆田系 - Show all
Putian hospital information
-
Livestorm - Webinar / Live events app.
- Holden
-
Global-Exam - Online Training for
Language Proficiency Tests
-
SlugSurvival -
A webapp that helps student better plan their courses (hobby project,
not in affiliation with UCSC).
-
GitRelease
- Track github project’s new release on mac menubar using vue.js with
electron.
-
12BAY.VN - Applications online flight
bookings.
-
PLAYCODE.IO - Playground for Rapid
Frontend Experiments.
-
The Void Radio - Underground House
Music Online Radio.
-
Bitly Vue - Shorten
URLs with VueJS & Bitly API.
-
Storyblok - API Based/Decoupled
CMS using VueJS for its frontend.
- WizzAir
-
Moving to HTTPS - Guide to
moving different platform/hosting sites to HTTPS
-
Booknshelf - Discover great books
and bookshelves on different topics.
-
Euronews - Euronews is a
multilingual news media service, headquartered in Lyon, France.
-
Roozame روزامه - Roozame is a
Persian smart news media service.
- Koumoul
-
NinjaCalc - A suite of
embedded engineering related calculators, built as an open-source
single-page app with vue.js.
-
Vue.js Feed - The latest Vue.js
news, tutorials, plugins, and more. Made with Vue.js and Laravel.
-
蒜瓣 - A web app
developed with Vue2.0 and Douban API
-
Guess Right - A ‘guess the
word’ game - Written with Vue/vuex/vue-router (front-end) and
Laravel/MySQL (back-end). Code is
Open Source on GitHub
(although not the live files that run the game at kdcinfo).
-
GRAP - Business communication service
- Easy Mock
-
mmf-blog-vue2-ssr
- A blog built with Vue 2.0, vue-router & vuex, with server-side
rendering
-
JSON Schema Editor
- An intuitive editor for JSON schema built with Vue.js and Firebase.
-
Winsome Trivia - A single
or multiplayer trivia game featuring over 2,000 unique questions built
with Vue.js and powered by the Open Trivia Database.
-
Moon Organizer - Lunar
calendar app
-
Flash-Vue - ‘Flashcards of the
Future’ bring learning everywhere :rocket:
-
Kinderbesteck - A
full Online Shop SPA with Vue2.0, Vuex, Vue Router
-
n2ex - A vue ssr(nuxt)
website, use v2ex API
-
Power Thesaurus - A
crowdsourced online thesaurus
-
Chattanosy - A community-powered
database of new things and places in Chattanooga, TN.
-
PAIXIN - A genuine picture sale
website
-
CodeBottle - Drag-and-drop snippets
to your projects
-
1XBET - A betting company operating
since 2007
-
MyOwnTV - A streaming website for
creating internet television
-
CrowdCircus - Europe’s biggest
crowdfunding- and crowdinvesting-aggregator
-
ابیات ناب پارسی - A collection of Persian
poems
-
Ripplectron -
Ripple(Blockchain coin) Wallet Desktop client for vue-electron
-
PingBreak - A free and simple
website monitoring service using vuejs for real-time dashboard
-
Todoist Tribute
- Todoist clone, written in Rails + Vue
-
JSON Editor - A
schema-aware JSON editor built with Vue2 and firebase.
-
Develteam - A social network for
indie game developers.
-
Mixsii - A free video chat room
site for teens, adults, family, and friends.
-
PipQuest - A retro-style
puzzle game built in Vue
-
Matryx - A decentralized collaboration
platform.
-
iPrevYou - YouTube™ Player
- A chrome app for watching youtube videos on your desktop.
-
Item Manager - An application to
transfer items for Destiny 2 game.
-
Frontend Masters Intro to Vue
- Frontend Masters full day course
-
TR-101 - A drum
synth / sequencer.
- Bazaar - Media sharing platform.
-
Vectr - A free vector graphics
software
-
brain bits - A P300
online spelling mechanism for Emotiv headsets
-
Coin Dashboard - The fully
client-side cryptocurrency asset dashboard.
-
Habitica - online task management
application in the form of a role-playing game.
-
MadeWithVueJs - A Gallery of
Projects made with Vue.js (also the Site itself uses Vue.js)
-
CodeDependencyScanner
- A C# dektop application that display .Net assembly code dependencies
build with Vue, Neutronium and D3.js.
-
Thousand Ether Homepage
- The Million Dollar Homepage reimagined as an Ethereum DApp. Build on
Vue.js and open source.
-
Let’s Enchance - free online image
upscale and enhancement with neural networks.
-
Pi.TEAM - Online Invoicing and Accounting
- Simple to use online accounting and invoicing, free for single users
and freelancers.
-
Vuethwallet - A
simple app generate ethereum wallet with vuejs.
-
Tipe - Next Generation API-first CMS.
Create your content with powerful editing tools and access it from
anywhere with a GraphQL or REST API. Stop letting your CMS decide how
you build your apps.
-
Vuethexplore - A
simple app explore ethereum blockchain with vuejs.
-
Fintechers - Fintech focused job
board.
-
Devjournal - Collaborative
todo list for projects and ideas.
-
Bubbleflat - Online platform that
helps students and young Professionals find their perfect roommates by
searching for people with similar lifestyles, interests, or schools.
Laravel & Vuejs
-
TeaQuinox Tea Co – ecommerce site
that specializes in loose leaf tea.
-
blip - Test websites for speed,
mobile-friendliness, security and the HTML5 doctype. Find businesses
around a location and test their websites en masse, or just test your
own URL.
-
sunpos - Sun position, elevation,
azimuth, ecliptic/equatorial coordinates and sunrise/sunset time (Julian
day) calculation and conversion utilities. Web site is programmed using
pure JS, Vuejs and i18n Vuejs localization plugin. Visualization is
created using D3.js.
-
U3xyz - A personal blog base on vue ssr.
-
27.ua - Ukraine-based internet hypermarket
-
Chess Guardian -
Answer chess positional questions from your own games.
-
Blackjack Break - A quick game
of blackjack
-
GameVix - Swap your used video
game discs with others, hassle free. PWA with Material Design.
-
VivifyScrum - Agile project
management app for teams that deliver. Customizable Scrum and Kanban
boards.
-
9GAG - Popular online platform and social
media website
-
Kitchen Stories - Cooking
platform
-
MailRabbit - Create, A/B test, and
monitor transactional emails without a developer.
-
Vue 资源精选 - great Vue
components list, category, inline demo show and brief
-
Cronhub - Painless Cron Monitoring Tool
-
wrkprty - Pop-up coworking events for
freelancers, remote workers, and professionals looking to get out of the
office.
-
Made with love - The Made with
Love ❤️ around the world, initiative is a movement to celebrate 🎉,
promote 📣 and build a brand 👑. It feed Tech news, design inspiration
and trends from over 💯 sources including Dribbble, ProductHunt, Behance
and Techcrunch. 💝
-
Path to Product - Discover
over 1,000 product jobs at startups and tech companies.
-
V·oogle - Google.com, reVued. A
joke-project. :)
-
Broker Notes - ‘Study to become a
Real Estate Agent’ :house:
-
SyncLounge - SyncLounge is a tool to
sync Plex content across multiple players in multiple locations.
-
HCE.it - The website of an Italian
agency, entirely made with Vue using a Laravel-based headless CMS.
-
Pages - Web design inspiration
-
Scrumpy - A Beautiful Project
Management Tool for Agile Teams
-
Spektrum - The website of
Spektrum Media Agency
-
SPK The website of SPK Ecosystem
-
IDDEF ☪️ The Federation of the
Associations that Value Humanity’s webpage, CMS, CRM and Donation and
all e-commerce pages are designed with Vue.js, Vuex and pure JavaScript
🙏
-
Configuration File Management -
A simple way to manage your configuration files
-
Roast an app built to help
coffee enthusiasts find their next cup of coffee while learning about
Laravel + Vue.js.
-
YBR - Centralized YBS Public
eComplaint Management System. (Full SPA)
- Regex Fiddler
-
Myanpwel - The website of event
ticketing platform.
-
CryptoArte - An Ethereum art
collection, non-fungible token, and Dapp.
-
Muuviez - A movie discovery and
tracking website with stylish design
-
NAGA VIRTUAL - NAGA VIRTUAL is the
first independent virtual goods market.
-
Scroll.in - Scroll.in is an independent
news, information, and entertainment venture.
- Akunyi - Charity Website
-
What Would Mark Ruffalo Do?
- Motivational website based on the story that Mark Ruffalo failed at
several hundred auditions before finding success.
-
Brandy - brand assets manager for
your menu bar.
-
NBC Sports - NBC Sports is a
sports news website.
-
WITHIN - Extraordinary stories in
Virtual Reality.
-
plottr.io - Plan your running and
cycling routes
-
beCamp - A community-organized tech
conference in Charlottesville, VA. Website code is open-source.
-
Trustpilot - a free and open to
all review platform.
-
Lagom - Simple, intuitive and
fully responsive WHMCS theme
-
ScoutMyTrip - Roadtrip Planner
- Road trip planning app for India which helps travelers to build their
itinerary, discover points of interest, find hotels, gas stations, food
joints etc along the route.
-
GamersClub -
Biggest company of eSport community development in Brazil
-
MIT - Official Website of
Massachusetts Institute of Technology.
-
Elvenar - Elvenar is a browser
based fantasy city builder game.
-
Beacon - :blue_heart: A service that
allows you to share your content across multiple websites.
-
Artfinder - Artfinder is a
website for buying & selling art paintings.
-
Rolodromo - A spanish website
dedicated to tabletop RPG.
-
GitHubExplorer -
Pure static page webapp for exploring GitHub. Using
Vuejs
and GitHub GraphQL API v4
.
-
Keynote - Present with
Vue.
-
HappyPlants - A
progressive web app for organizing your plants 🌱.
-
Pocket Lists - World’s friendliest
to-do list app.
-
Padlet - Collaborative bulletin boards
- Glovo - On-demand delivery
-
MySigMail - MySigMail is a
free, in browser, email signature generator without creating account
-
Wordguru - A simple verbal
game where you split into teams and try to guess as many keywords as you
can.
-
ApiFlash - A Chrome based screenshot
API built on top of AWS Lambda for Developers
-
Kitty Ipsum - Generate lorem ipsum
composed of “meow” in different languages.
-
Git Superstar -
Count your git stars and top repositories.
-
DECS - The decentralised all-in-one
workspace to manage code snippets and to protect sensitive data.
-
Asciiur - Internet’s ascii art
collection
-
Tapestri Designer - Free tool
to design PCR primers for genome sequencing experiments (NGS)
-
Remote-Access-SSH
- Web based remote host access with node-ssh
-
Map Marker Generator
- A Free Online Tool To Generate Custom Map Icons On The Fly
-
Monocle Reader - Follow feeds,
Twitter, YouTube, Blogs and everything else, all in one place.
-
前站导航 - 前端社区、文档收录.
-
Geenes - Generate and apply color
palettes to your UI, then export it to sketch or code.
-
Blurrish - Encrypted
Morning Pages journal for Mac/Windows, built with Vue and Electron.
Blurs as you write so you can journal in public workspaces.
-
ExifShot - What and how on
photography, beautifully.
-
Studolog - Online file sharing
platform for students, including tester and reviews. Currently in Czech
🇨🇿 only.
-
sum.cumo – Digital business
models (with Vue as a tech stack centerpiece).
-
Gamebrary - Open source tool to
organize video game collections.
-
Premium Poker Tools - What
poker players use to study.
-
QMK Configurator - Configure,
Build, and Download Custom QMK Firmware from your browser.
-
Worksome - Marketplace/platform
for qualified it professionals and freelancers and companies looking to
hire them.
-
Translator-vuejs
- Translation App built with Vuejs, Yandex API & ResponsiveVoice.js
API.
-
Big Timer - Fullscreen countdown
timer for workshops, meetings and presentations. Big Timer helps
workshop facilitators, meeting chairs, design sprinters, presenters and
aspiring game show hosts stick to their program.
-
Wirenook - Free online app for
building responsive website wireframes. Hi- and Lo- Fidelity, project
sharing and svg download.
-
Kvalitetskontroll -
Norwegian management system tailored for the construction industry.
-
Poolside FM - A retro-style music
player
-
Inoreader.com - One of the biggest
RSS readers and news aggregators out there.
-
AwesomeTechStack - Website
Tech Stack Analyzer
-
massCode - An
open source code snippets manager for developers. Build with Electron,
Vue and Monaco editor.
-
ClipLeap - Platform for posting
and sharing moments in long videos.
-
RSVP Keeper - Online
reservations made easy. Get your event up and running in no time. Made
with Vue and Go.
-
PNGK - Official website for a
consultancy company working to find solutions for humanitarian, human
rights and other like minded organizations.
-
BMWUSA Vehicle Configurator
- Vehicle Configurator for BMWUSA
-
mumbasket - an ecommerce
website with laravel and vuejs
-
Fanmio - Meet your favorites
celebrities through personal video experiences on Fanmio
-
OneConcern
source
-
AtomicWallet - Multi-asset
cryptocurrency wallet. Desktop and
mobile
apps both were built with Vue.
-
Helpninja - Simple &
fast help desk
-
Todo DEV - A simple
Todo App made for developers with Vuejs, Vuetify and the powerful
Firebase.
-
36 Pixels - French agency website
made with vue.js
-
Vue Spotify - Spotify
client built with vue.js / vuex
-
temp-mail.io - Disposable temporary
email service.
-
Best-movies.watch - A website
which allows to watch movies online for free without sign up
-
Tune.pk - Tune.pk is one of the largest
video sharing website with content from all over the world.
-
Narrandum - Customer journey mapping
tool built using Vue.js, Vuetify, and Feathersjs
-
Keep Formula - Keep Formula is a
simple app to make your calculations easier.
-
tato music player - A mobile
first, handwritten, responsive web app for music fans written in Vue and
Vuetify.
-
ChatterBoxes - For quick
secret chat sessions
-
goonlinetools.com - 100% Free
Online Tools site.
-
CMD Generators 命令行生成器 -
Generate CMD by click buttons. Such as tar, ssh. 命令行参数多不熟悉?
点点按钮就能生成啦!
-
Portfolio Site - Olaolu Olawuyi, A
Frontend developer and UX Engineer’s portfolio site.
-
Portfolio Site - David Aji aka
Ajiva is a Front End Developer with experience using frameworks like Vue
and React to build “class” web apps.
-
d-patterns.js.org - FOSS Discord
templates listing website 💬
-
linksift.com - LinkSift lets you
explore what a website links to.
-
postmake.io - A curated directory of
300+ tools and resources used by companies and startups all over the
web. Built using Vue.js and Nuxt.
-
screenshotapi.net - A website
screenshot API, capture pixel-perfect website screenshots.
-
FontGet - Download Free Fonts.
-
Travel_Smart - A
tour-based web app that uses Vue + Vue Router + Vuex.
-
National Institutes of Health (NIH): FEVS Survey Results
- National Institutes of Health (NIH) data visualization of Federal
Viewpoints Survey (FEVS) survey results.
-
U Can Stock - U.S. stock market
information platform for Korean. It’s built with Vue, Vuex, Vuetify,
Nuxt and Firebase.
-
Nipashe -“Nipashe” is a
Swahili word that means “Inform me”.Nipashe is a web app built in Vue +
Vuex(state management) + Vue-Router(navigation) that gives a
tally/statistics on the current COVID19 infections across the world
based on the WHO
-
DevSnap.me - A website that helps web
developers find tons of free and open source HTML, CSS, and JavaScript
assets.
-
Pexies - Pexies is
a personal photo gallery built on pexels api. You can see
curated/randomized pictures, and add them to your favourites.
-
Wammes Gifts - Wammes Gifts
helps you find the perfect gift.
-
Back Home/回家 - A flight
searching engine for the flights from oversea to China Mainland (and
China to oversea) that still fly during COVID-19.
-
Deadlines - An offline,
simple deadline tracker made with Vue.js and localForage.
-
Scraperbox - Undetectable web
scraping API. Built with Laravel and Vue.
-
Darwin Analytics - Tool for
measuring and optimizing your site. Built with Vue3 and Vite.
-
Pinterest video downloader
- Tool for Downloading pinterest videos in HD
Interactive Experiences
Enterprise Usage
A11y
Components & Libraries
UI Components
Table
Tables / data grids
-
vuetable-2 - Data
table simplify.
-
vue-tables-2 -
Vue.js 2 grid components.
-
vue-datasource
- A vue.js server-side component to create dynamic tables.
-
ag-grid-vue - Vue
adaptor for ag-Grid.
-
vue-data-tables
- Vue2.0 DataTables, based on element-ui.
-
vue-floatThead -
Vue 2.0 component for floatThead, a floating & sticky table header
plugin.
-
vuetiful-datatable
- Datatable component with sorting, filtering, pagination, grouping and
aggregation.
-
vue-materialize-datatable
- VueJS datatable for Materialize CSS
-
vue-good-table -
An easy to use, VueJS (2.x) table plugin with sorting, column filtering,
pagination etc.
-
vue-grid - A flexible
grid component for Vue.js
-
vue-easytable
- A powerful table components based on Vue2.x
-
vue2-datatable-component
- The best Datatable for Vue.js 2.x which never sucks
-
vue-js-grid - Vue.js
2.x responsive grid system with smooth sorting, drag-n-drop and
reordering
-
vue-handsontable-official
A Vue.js wrapper for the Handsontable spreadsheet component
-
vue-grid - A
powerful flexbox grid system for Vue.js 2.x, built with inline-styles
-
vue-data-tablee
- Based on vue-good-table, a simple and pretty table component
-
vue-scrolling-table
- Simple table component with flexbox sizing, scrolled table body
(horizontal and vertical), slots for all tr/th/td rendering.
-
el-search-table-pagination
- Combines Form, Table and Pagination components of Element UI together.
Based on Vue 2.x.(Detail)
-
vue-crud-x -
Extensible crud component using Vuetify layout, other than the usual
page, sort, filter, it is able to do nested CRUD, custom forms, filters,
operations.
-
Vue Datatable
- VueJS powered Datatable with Laravel server-side loading and JSON
template setup
-
v2-table - A simple table
component based Vue 2.x.
-
vue-cheetah-grid
- A high-performance grid engine that work on a canvas for Vue.js.
-
vue-table-component
- A straight to the point Vue component to display tables.
-
[@lossendae/vue-table](https://lossendae.github.io/vue-table) - Simple table component for
Vue.js 2.x with pagination and sortable columns.
-
el-data-table -
base on element-ui, makes crud easily
-
DevExtreme Vue Grid
- High-performance plugin-based Vue data grid for Bootstrap.
-
vue-ads-table-tree
- A vue Table component, with filtering, sorting and pagination. Rows
can have child rows, so a tree structure can be build. It also supports
async calls to load rows from the backend. It’s built with the css
framework
tailwindcss
-
[@marketconnect/vue-pivot-table](https://github.com/MarketConnect/vue-pivot-table) - A vue component
for pivot table
-
vue-teible - Lightweight
and flexible table component for the web :zap:
-
vue-jqxgrid
- Vue data grid with filtering, sorting, editing, grouping, data export
and other features.
-
vue-jqxpivotgrid
- Vue pivot data grid with pivot designer, drill through cells, pivot
functions.
-
toast-ui.vue-grid
- Vue Wrapper for
TOAST UI Grid.
-
vueye-datatable
- Vueye data table is a responsive data table component based on Vue.js
2, it organizes your data per pages in order to navigate easily.
-
vue-sorted-table
- A plugin to turn tables into sorted tables. Supports nested object
keys, custom icons and reusable components.
-
vue-bootstrap4-table
- An advanced data table based on Vue 2 and Bootstrap 4, which includes
Multi column filtering, Multi column sorting, Pagination & Info,
Checkbox rows and Highly customizable slot options.
-
vuejs-smart-table
- Straight Forward Table Component using the vanilla HTML Table
Structure with Sorting, Filtering, Pagination and Selection out of the
box.
-
[@myena/vue-table](https://github.com/myENA/vue-table) - Table Components for
Client/Server data handling. Filter, sort, paginate, group, expanding
details row. Highly customizible via slots for filter, headers, column,
pagination, details row.
-
vue-jd-table -
Advanced and flexible data table component for Vue 2. Feature Rich:
search, filtering, exporting, pagination (traditional and virtual
scroll) and so much more!
-
iview-table-page
- Combines Table and Page components of iview UI together. Based on Vue
2.x. And Hear are some examples to use iview-table-page.
-
fancy-grid-vue -
Vue adaptor for FancyGrid.
-
vue-table-dynamic
- A dynamic table with sorting, filtering, editing, pagination, multiple
select, etc.
-
vue-quintable -
A responsive and highly configurable table based on Vue 2.x and
Bootstrap 4.x
-
vue-grid-responsive
- Responsive grid system based on Bootstrap for Vue 2.x.
-
vue-js-datatable
- VueJS light weight wrapper datatable component for
datatables.net
-
bee-grid-table
-BeeGridTable , is a Highly Customizable Table UI component library
based on Vue.js. Rich functions、More efficient、Easy to use!
-
vue-datagrid -
Vue grid wrapper for powerful webcomponent revo-grid with excel like
rich edit and behavior.
-
element-ui-sticky-table
- Sticky for element-ui table
-
vue-dataset - A set
of Vue.js components to display datasets with filtering, paging, and
sorting capabilities!
Notification
Toaster / snackbar — Notify the user with a modeless temporary little
popup
-
vue-notifications
- Vue.js agnostic non-blocking notifications library.
-
vue-easy-toast - A
toast plugin for vue/vue2.
-
vue-toasted -
Responsive Touch Compatible Toast plugin for VueJS.
-
vue-notifikation
- Vue.js notification plugin.
-
vue-notification
- Vue.js 2+ notification plugin using
Velocity
for
animations.
-
vs-notify
- Tiny but powerful notification component with no dependencies.
-
vue2-notify -
Vue.js 2+ notification plugin.
-
vue-notifyjs -
Minimalist, 3kb themable notification plugin
-
vueup - Simple, lightweight
and elegant global notification popup for Vue.js
-
vuex-flash -
Flash message component for VueJS 2.x within Vuex 2.x.
-
vue-snotify -
Vue.js 2 Notification Center
-
vue-notify-me
- Stackable notification Alert for Vue
-
vue-noty - A
Vue.js 2 wrapper around Noty
-
vue-notice -
Vue.js 2 wrapper around Noty.js with native API
-
vue-flash-message
- Simple yet flexible notification plugin
-
[@voerro/vue-notifications](https://github.com/voerro/vue-notifications) - Simple Vue.js 2
notifications plugin with HTML and styling support.
-
vue-awesome-notifications
- Lightweight Vue.js notification library with advanced async support.
-
vue-izitoast
- A Vue.js 2 wrapper around IziToast.
-
vue-toastr-2 -
Simple toast notifications for Vue.js built on
toastr
-
vue-snack - A Vue.JS
plugin for Snackbars based on Google Material.
-
vue-m-message - A
message plugin for vue.
-
vue-notification-bell
- A Vue UI component for showing notifications.
-
v-tostini - Really
plain toast notifications mechanism for Vue.js 2.x. No CSS included.
-
vue-toast-notification
- Yet another Vue.js Toast notification plugin.
-
VueToastify - A
fuss free notification component.
-
vue-toastification
- Light, easy and beautiful toasts for Vue
-
[@smartweb/vue-flash-message](https://github.com/smwbtech/vue-flash-message) - The component to
display single flash message or multiple flash messages to user
-
vue-notification
- A clean & nice notification system with Material Design style with
a queue :new:
-
Breadstick -
🚀 A simple and flexible positioning, stacking and dismissal API for
your custom Vue notifications.
-
vuetify-toast-snackbar
- Vue.JS toast service with queue support that uses Vuetify’s “Snackbar”
component.
-
vue-toaster -
Vue.js toast notification plugin for Vue 3
-
vue-notification-ui
- A simple push the notification UI with Vue.js
-
vue-my-toasts -
Provide your component and let us toast the rest.
-
[@kyvg/vue3-notification](https://github.com/kyvg/vue3-notification) - Vue 3 notification
library
Loader
Loaders / spinners / progress bars — Let the user know that something
is loading
Progress Bar
A slim progress bar at the top of the page
Tooltips / popovers
-
v-tooltip - Easy
tooltips with Vue 2.x.
-
vue-popper-component
- Popper.js directive for Vue.js.
-
vue-directive-tooltip
- Simple, flexible tooltip directive (based on Popper.js)
-
vue-popperjs - VueJS
2.x popover component
-
vue-tooltipster
- VueJS 2.x tooltip component. Support html content, hover and
hover+click events.
-
k-pop - Simple
popover component based on
popper.js. Highly customizable.
Comes with themes. Supports custom triggers and can listen to any event.
-
[@adamdehaven/vue-custom-tooltip](https://github.com/adamdehaven/vue-custom-tooltip) - Vue 2 & 3
:tada: customizable, reactive, and reusable tooltip component that
supports plugin options, props, and multiple use-cases. Also works with
SSR (e.g. VuePress, Nuxt) and includes TypeScript types. (Vue 3 is
available on
next
branch/npm tag)
Overlay
Overlay / modal / alert / dialog / lightbox / popup
-
vuedals - A VueJS
(2.x) Plugin for multiple modals windows with a single component
instance.
-
sweet-modal-vue
- The sweetest library to happen to modals. Now available for Vue.js.
-
vue-js-modal - Simple
to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0
dependencies.
-
vudal - Modal window for
vue.js
-
vodal - A vue modal
with animations.
-
vue-image-lightbox
- A Vue image lightbox/gallery to display images nicely.
-
vue2-simplert -
Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan Maulana
-
Vue-Semantic-Modal
- Vue 2 Semantic-UI modal component without jQuery dependency
-
v-img - Easy to
install image gallery.
-
vue-dialog-drag
- Draggable dialog
-
vue-ya-semantic-modal
- Yet another semantic-ui modal component for Vue2 without Jquery but
with Vue transition
-
vue-pure-lightbox
- Very simple lightbox plugin without any dependencies - only Vue! 🖼
-
v-viewer - Image viewer
component for vue2 and vue3, supports rotation, scale, zoom and so on,
based on
viewer.js
-
vue-messagebox
- Easy and made-to-order messagebox component on Vue.
-
vuejs-dialog
- A lightweight, promise based alert, prompt and confirm dialog.
-
[@hscmap/vue-window](https://github.com/michitaro/vue-window) - Window UI Component for
vue2.
-
vue-gallery - VueJS
responsive and customizable image and video gallery, carousel and
lightbox, optimized for both mobile and desktop web browsers. Based on
blueimp-gallery
-
vue-swal - A
small wrapper for integrating SweetAlert to Vuejs. (Compatible with SSR)
-
vue-modal-dialogs
- ✨ Promisify your own dialogs!
-
vue-img-view - a
plugin for Vue.js, you can drag / view / rotate pictures anywhere
-
vue-modaltor
- most advance configurable modal component for vuejs
-
v-modal-backdrop
- A simple generic backdrop component for vue
-
vue-cute-modal
- A simple and easy to use Modal component for Vue applications.
-
v-dialogs - A simple
and powerful dialog, including Modal, Alert, Mask and Toast modes, based
on Vue2.x
-
vue-gallery-slideshow
- Responsive gallery component for VueJS
-
vue-a11y-dialog
- A Vue.js component wrapper for the accessible dialog
a11y-dialog
.
-
vue-slideout-panel
- Stackable panel component for VueJS
-
v-gallery - A Vue2
plugin for images show in
gallery
or carousel
-
vue2-image-loader
- A image lazyLoad loader component for vue2
-
vue-my-photos -
A simple dependency-free image lightbox component with filtering
capabilities
-
vue-img-orientation-changer
- A Vue.js
directive
that automatically adjust your
img
to correct orientation
.
-
vue-topmodal - A
fully customisable, easy to use, Vue.js modal component. (Responsive,
Stackable, Scrollable, Animated)
-
vue-modal 🖼 -
Feed your objects array for multiple switchable modal content or quickly
inline your content. A fully customisable vue modal component .
-
[@innologica/vue-stackable-modal](https://github.com/Innologica/vue-stackable-modal) - Library for modal
dialogs which can be stacked. Fully customizable and very easy to use.
-
vue-sweetalert2
- wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR
-
vue-modality
- A really nice Vue.js modal component
-
vue-tinybox -
a tiny (only 2.5 KB minzipped) and slick lightbox gallery. Optimized for
both desktop and mobile.
-
vue-accessible-modal
- A Vue.js accessible modal wrapper over your components.
-
vuetify-dialog
- Dialogs easy to use with Vuetify.
-
vue-hawesome-modal
- A Vue promisify modal component plugin based on Vuetify with Vuex.
-
xmodal-vue - 🚀 A
simplistic and easy to use wrapper around your components that will help
you create custom and dynamic modals, from your components.
-
[@kouts/vue-modal](https://github.com/kouts/vue-modal) - A customizable, stackable and
lightweight modal component that adheres to the guidelines set in
WAI-ARIA Dialog (Modal) section of W3C.
-
vue-final-modal
Tailwind-friendly, highly customizable, stackable modal component.
-
vuesence-modal-window
- Simple Modal window Vue.js component that takes care of overlay,
centering, animation, outside click/
Escape
key/X-mark
closing and allows you to concentrate on its content only.
-
vue-it-bigger -
A simple image / (YouTube) video lightbox component for Vue.js.
-
v3confirm - A plugin
dedicated for vue3 to show confirm dialog modal.
Parallax
-
vue-parallax -
Scrolls an image slower than the window to create a neat optical effect.
-
vue-parallaxy
- Vue.js component for parallax image scroll effects.
-
vue-mouse-parallax
- A simple to use Mouse Parallax Component - Made with Vue.js
-
vue-parallax-js
- Tiny vue component that adds a directive for parallax effect on
elements.
-
vue-parallax-view
- Create a composite control that displays different images that react
to the mouse movement to create a depth effect
Icons
-
vue-awesome - Font
Awesome component for Vue.js, using inline SVG.
-
vue-material-design-icons
- A collection of SVG Material Design icons as single file components.
-
vue-icon-font - A
iconfont plugin for Vuejs (support Font-class and Symbol).
-
vue-ionicons - Vue
Icon Set Components from Ionic Team.
-
vue-ico - Dead easy
icons for Vue with drop-in browser support & selective bundling
-
mdi-vue - Material
Design Icon components for Vuejs
-
vue-fontawesome
- Font Awesome 5 Vue component
-
g-icon - Simple icon
component for your svg icons (compatible with Font Awesome-like font
toolkits)
-
vue-simple-line-icons
- Simple Line Icons component for Vuejs
-
vue-country-flag
- Vue component for country flag icons
-
vicon - Vicon is an simple
iconfont component for vue.
-
md-svg-vue - Material
Design Icons by Google for Vue.js & Nuxt.js (server-side support
(with caching), inline svg rendering, official icon names)
-
vue-lang-code-flags
- Vue component which shows the flag of the country from which the
language comes from
-
vue-zondicons
- Vue component for the beautiful
Zondicon svg icons
-
vue-eva-icons
- Simply beautiful open source eva icons as Vue components.
-
vue-unicons -
1000+ Pixel-perfect svg unicons for your next project as Vue components.
-
vue-fa - Simple
FontAwesome 5 Vue.js 2 component.
-
vue-cryptoicon -
Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon.
-
vue-hero-icons
- A set of high-quality SVG icons, sourced from
[@refactoringui/heroicons](https://github.com/refactoringui/heroicons), as Vue functional
components.
-
vue-heroicons -
Vue component for 104 premium
Heroicons UI svg
icons
-
vue-tabler-icons
- Vue components for
Tabler Icons SVG
icons.
-
oh-vue-icons - A
Vue component for including inline SVG icons from different popular
iconpacks easily.
-
vue-feather-icons
- Simply beautiful open source icons as Vue functional components.
-
vue-feather -
Feather icons component for Vue 3.
-
eos-icons-vue
- Eos icons npm package for Vue 3,
eos-icons-vue2
for Vue 2
Marquee
-
vue-accordion
- 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
-
vue-quick-menu
- This is web navigation component base on vue.js2.
-
[@hscmap/vue-menu](https://github.com/michitaro/vue-menu) - Menu / Context Menu component
for vue2.
-
vue-router-nav
- Minimalistic responsive navigation bar that renders routes of
vue-router.
-
vue-drawer-layout
- A simple DrawerLayout component like Android has for Vue.js.
-
vue-simple-menu -
Simple menu component with a set of basic functionality, which is
enought in 80% of cases
-
vue-tree-navigation
- Vue.js 2 tree navigation with vue-router support
-
bp-vuejs-dropdown
- Vuejs => 2 dropdown. Easy to use, no external, optional.
-
vue-bulma-accordion
- Simple, easily configurable accordion or collapsible styled with Bulma
custom or built in icons available
-
v-selectmenu - A
simple, easier and highly customized menu solution for Vue2.
-
vue-burger-menu -
An off-canvas sidebar Menu component with different CSS animations.
-
vue-dynamic-dropdown
- A Highly Customizable, easy-to-use elegant dropdown component
-
vue-navigation-bar
- A simple, pretty navbar for your Vue projects.
-
vue-simple-search-dropdown
- A simple searchable input dropdown component with no external
dependency
-
[@innologica/vue-dropdown-menu](https://github.com/Innologica/vue-dropdown-menu) - Dropdown menu
component for Vue. Any element can be dropdown trigger and anything can
be dropded down content.
-
vue-menu-aim
- Menu triangle select, aka Amazon
-
vue-stripe-menu
- Creating a navigation menu with animations like on Stripe
-
vue-burger-button
- A pretty simple Vue functional component for menu burger buttons.
-
[@satmaxt/sidebar-menu-drawer](https://github.com/satriaajiputra/sidebar-menu-drawer) - A simple
interactive sidebar menu drawer and easy to implement
-
vue-file-toolbar-menu
- UI file/toolbar menus for Vue apps
-
v-dropdown-menu
- Customizable dropdown menu plugin for vuejs. SSR supported.
-
vue-bottom-sheet
- A swipeable bottom sheet component for Vue.js created with Hammer.js
Carousel
-
vue-easy-slider
- Slider Component of Vue.js.
-
vue-l-carousel -
A responsive carousel(namely slider or swiper) component for Vue.js
v2.x+.
-
vue-awesome-swiper
- Swiper(slide) component for Vue.js(1.x ~ 2.x).
-
vue-lory - Vue Slider
Component based on lory.
-
vue-slick - Vue
component for Slick-carousel.
-
vue-flickity
- A Vue Component for Flickity.js.
-
vue-carousel-3d -
Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel
for Vue.js.
-
vue-carousel - A
flexible, responsive, touch-friendly carousel for Vue.js.
-
vue-coverflow -
A vue2.x coverflow component.
-
vue-agile – A
carousel component inspired by Slick, written in Vue.js and vanilla JS
only.
-
vue-tiny-slider
– A carousel component created by ganlanyuan, written in Vue.js. No
jQuery. Works in IE8+.
-
vue2-text-swimlane
- A Text Swimlane plugin for Vue.js
-
vue-picture-swipe
- Vue Picture Swipe Gallery (a gallery of image with thumbnails,
lazy-load and swipe) backed by photoswipe.
-
vue2-siema - Plugin
wrapper for the very tiny Siema carousel/slider library.
-
vue-flux - Image slider
which comes with 20 cool transitions.
-
vue-glide - Vue
slider & carousel component on top of the
Glide.js
-
vue-owl-carousel
- Vue component for
Owl Carousel 2
-
vueper-slides
- A touch ready and responsive slideshow / carousel for Vue JS.
-
Hooper - Customizable
accessible carousel slider optimized for Vue
-
Lingallery
- Simple image gallery component for Vue which displays a large image
with thumbnails below
-
vue-piece-slider
- Animated slides in a fragmented look
-
vue2-photo-carousel
- A photo carousel component for Vue2
-
vue-netflix-slider -
A Netflix like slider.
-
vue-pswipe - Easy
to use, no need to set the size, support rotation, photoswipe based vue
swipe plugin
-
vue-cat-carousel
- Lightweight, simple and customizable for Vue Js
-
[@egjs/vue-flicking](https://github.com/naver/egjs-flicking/tree/master/packages/vue-flicking)
- It’s reliable, flexible and extendable carousel for Vue.js 2 & 3.
-
slither-slider -
Carousel for images, videos, or components. Throw pretty much anything
you want at it.
-
vue-slick-carousel
- A carousel with slick features & SSR support written for faster
Luxstay
-
[@jfm/vue-carousel](https://github.com/jiangfengming/vue-carousel) - A Vue carousel
component.
-
vue-snap -
Lightweight Carousel based on Scroll Snap CSS
-
vuerollr - Mouseover
gallery plugin for Vue.js. Supports image and video.
-
vue-splide - Splide
is a free lightweight but powerful slider and carousel, written in pure
JavaScript without any dependencies. It supports a thumbnail slider,
nested slide.
-
swiper - Swiper 6
added official support for Vue.js (only 3.x).
-
vue-split-carousel
- A carousel component meanwhile display several carousel item, supprot
vue 2 and vue 3.
-
vue-concise-carousel
- Vue Concise Carousel with True SSR. Works for Vue 2 & 3.
Charts
-
vue-morris - VueJS
component wrapping Morris.js.
-
vue-chartjs -
Vue.js wrapper for Chart.js.
-
vue-echarts -
ECharts component for Vue.js.
-
vuetrend - Simple,
elegant spark lines for Vue.js.
-
vue-highcharts
- Highcharts component for Vue.
-
vue-echarts-v3 -
Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).
-
vue-chartist -
Vue.js 2.0 component wrap for Chartist.
-
vuebars - Simple,
elegant spark bars for Vue.js.
-
vue-d3-network
- Vue component to graph networks using d3-force
-
vue2vis - Vue2 wrapper
for Visjs.
-
vue-c3 - A reusable vue
component for c3 charts
-
vue-d2b - Vue components
for d2b charts. (Including axis, pie, sankey, and sunburst charts)
-
VueChart - A very
simple Vue wrapper for Chart.
-
vue-chartkick -
Create beautiful JavaScript charts with one line of Vue
-
d3vue - A D3
Plugin for Creating Reactive Data Visualizations in VueJS
-
vue2-frappe -
A simple wrapper around Frappe Charts for VueJS
-
vue-google-charts
- Reactive Vue.js wrapper for Google Charts lib
-
vue-graph - Data
visualization library for dashboard implementation in Vue.js
-
vue.d3.sunburst
- Reactive sunburst component based on D3.js
-
v-chart-plugin
- A customizable component for adding D3 charts that binds to your
components data.
-
vue-jqxchart
- Charting component with Pie, Bubble, Donut, Line, Bar, Column, Area,
Waterfall, Polar & Spider series.
-
toast-ui.vue-chart
- Vue Wrapper for
TOAST UI Chart.
-
vue-apexcharts
- Vue.js component for
ApexCharts.
-
vue-doughnut-chart
- Doughnut chart component for Vue.js.
-
v-charts - Chart
components based on Vue2.x and Echarts.
-
vue-css-donut-chart
- Lightweight Vue component for drawing pure CSS donut charts.
-
vue-trend-chart
- Simple trend charts for Vue.js
-
vueplotlib -
Declarative, interactive, linked plot components
-
vgauge - A Vue Wrapper
to GaugeJS - Create beautiful gauges
-
vue-plotly
- Wrapper for
plotly.js declarative charting
library that ships with 20 chart types, including 3D charts, statistical
graphs, and SVG maps.
-
vue-funnel-graph-js
- Funnel graph drawing library for Vue.js. Create vertical and
horizontal animated SVG funnel charts and add labels, values, legend and
other info.
-
pure-vue-chart -
Lightweight vue charts implemented without any chart library
dependencies
-
f2-vue - Vue wrapper
of f2 - elegant, interactive and flexible mobile chart library
-
ZingChart-Vue -
Vue component made by ZingChart with 35+ chart types.
-
jscharting-vue
- Vue chart component offering a complete set of chart types and
engaging data visualizations with
JSCharting.
-
flowchart-vue
- Flowchart & Flowchart designer component for Vue.js.
-
vue-d3-barchart
- Small component to draw charts using d3.
-
vue3-highcharts
- A Highcharts.JS wrapper component for Vue 3
-
echarts-for-vue
- ECharts Wrapper Component For Vue 3 and 2
-
vue3-chart-v2
- Vue wrapper component base on Chart.JS for Vue 3
-
vue-gauge -
Vue.js component to create animated svg gauge charts #### Time
Display time / date / age
Calendar
Display non-editable events in a Calendar
-
vue-fullcalendar
- Vue calendar fullCalendar. No jQuery required. Schedule events
management.
-
vue-event-calendar
- A simple events calendar for Vue2, no dependencies except Vue2.
-
vue-calendar-picker
- Lightweight calendar component for events display, period selection
and date picker.
-
vue-lunar-calendar
- A vue component for lunar calendar. Uses Moment.js for date
operations.
-
vue-simple-calendar
- Flexbox-based Vue month calendar compenent; supports multi-day events,
localization, holiday emoji, drag/drop. No dependencies.
-
vue2-calendar - A
simple full calendar component aimed at being flexibile and lightweight.
-
vue-jlunar-datepicker
- 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 -
Animated calendar/datepicker that displays regions, indicators and day
popovers for simple & recurring dates.
-
vue-infinite-calendar
- A simple infinite calendar implementation for Vue 2
-
vue-calendar - A
simple calendar components for Vue 2.1.5+, support custom content. No
dependencies.
-
vue2-event-calendar
- An events calendar for Vue2, support customize event items and
calendar header.
-
vue2-datePicker-infinite
- An infinite datePicker for Vue2, easy to use and no dependencies.
-
vue2-slot-calendar -
A vue 2 calendar, datepicker component which supported lunar or date
event, bootstrap style.
-
quasar-calendar
- A vue.js calendar using the Quasar framework that implements monthly,
multi-day and agenda views.
-
vue2-datepicker
- A beautiful datepicker / datetimepicker component for Vue2
-
vue-pikaday - VueJS
wrapper component for
Pikaday datepicker
-
vue-tuicalendar
- VueJS wrapper component for
tui.calendar
calendar
-
vue-jqxscheduler
- VueJS Scheduler component.
-
toast-ui.vue-calendar
- Vue Wrapper for
TOAST UI Calendar.
-
vue-functional-calendar
- Lightweight, high performance calendar component(Date Picker, Date
Range) based on Vue.
-
vue-cal - A Vue JS
full calendar, no dependency, no BS. 🤘.
-
vue-material-year-calendar
- A full year (12 months on a page) calendar for Vue2. Uses dayjs.
-
vuelendar - Simple
and clean calendar written in VueJS
-
vue-date-tools
- Most lightweight VueJS Date picker & Daterange picker using
date-fns and no other dependencies
-
vue-spring-calendar
- It’s a Vue based component which provides the functionality of a
full-calendar that shows daily events. the
demo
.
-
vue-jquery-calendar
- VueJS light weight wrapper component for
jquery ui datepicker
-
vue-schedule-board
- A easy-to-use component to show somebody’s schedule list to help
interview arrangement or visit arrangement.
-
vue-lunar-calendar-pro
- A vue component for lunar calendar. Uses calendar.js for date
operations.
-
vue-sweet-calendar
- A simple and sweet vue.js calendar
-
vue-datepicker-ui
- A datepicker component for vue.js
Map
-
vue2-google-maps
- Google maps component for vue with 2-way data binding.
-
vue2-leaflet - Vue
2 components for Leaflet maps.
-
vue-mapbox-gl -
Vue 2.x component for Mapbox GL JS
-
vue-yandex-maps
- Vue 2.x component for Yandex Maps
-
vue-baidu-map -
Vue 2.x component for Baidu Maps.
-
vue-choropleth
- Vue 2.x component to display a choropleth map.
-
vuelayers - Vue 2
components to work with OpenLayers.
-
vue-googlemaps -
Vue 2.x components to integrate Google Maps.
-
vue-static-map -
Vue 2.x simple component to generate an static google map
-
vue-mapbox - Vue 2.x
wrapper around Mapbox GL JS library that provides vueish-way to interact
with the map.
-
vue-cesium - Vue
2.x & Vue 3.x components for Cesium.
-
vue-async-gmaps
- Let users decide to load google-maps script for better privacy
-
[@geospoc/v-mapbox](https://github.com/geospoc/v-mapbox) - Combine powers of Vue.js and
Mapbox GL JS (Maintained fork of soal’s vue-mapbox)
-
[@geospoc/v-mapbox-geocoder](https://github.com/geospoc/v-mapbox-geocoder) - Geocoder control for
your awesome Mapbox library
-
x5-gmaps - lightweight
Google Maps plugin for Vue 2.x
-
vue2-gmap-custom-marker
- vue google map custom marker component
-
vue3-openlayers
- Vue 3 components to work with OpenLayers.
Audio / Video
-
Vue-APlayer -
:cake: Easy-to-config music player for Vue 2.x.
-
vue-audio
- audio-tag wrapper; sound player component for Vue 2.x
-
vue-dplayer - A
Vue 2.x video player component based on DPlayer.
-
vue-canvasvideo
- A Vue 2.x component for video backgrounds and autoplay video on
iOS/Safari.
-
vue-music - A Vue
component base on html5
<audio>
.
-
vue-audio-visual
- Vue HTML5 audio visualization components.
-
vue-plyr - A set of
Vue components for the plyr video & audio player.
-
v-playback - A Vue2
plugin to make video play easier.
-
vue-audio-recorder
- Audio recorder for Vue.js. It allows to create, play, download and
store records on a server
-
vue-video-section
- A simple video header/section component for Vue. Good for video
backgrounds and overlaying content on them.
-
vue-waveform
-It is use canvas waveform audio player wavesurfer component contains
timeline bar line for Vue 2.x
-
vue-responsive-video-background-player
- Play your own videos in background responsively in different
resolutions.
-
vue-h5-audio-controls
- A simple h5 music controller for Vue.
-
xns-audio-player-simple
- A light and customizable Vue 2.x audio player powered
HTMLAudioElement.
-
vue-core-video-player
- A Lightweight Video Player For Vue.js
-
vue-player - A
simple html5 video player with img placeholder for Vue 2.x.
-
vue-audio-better
- Easy to create custom audio player components for Vue 2.x. A progress
bar with soul.
-
vue-sounds -
Easy to add sounds to your components.
-
vue-soundcloud-player
- A custom Soundcloud player supporting single tracks & playlists
-
vue-use-sound - A
Vue Hook for playing sound effects.
-
vue-flv-player
- An HTML5 Flash Video (FLV) Player component for Vue 2.x, based on
flv.js.
-
vue-infinite-loading
- An infinite scroll plugin for Vue.js 1.0 & Vue.js 2.0.
-
vue-mugen-scroll
- Infinite scroll component for Vue.js 2.
-
vue-infinite-scroll
- An infinite scroll directive for vue.js.
-
vue-loop - An
infinite content loop component for Vue.js 2.
-
vue-scroller -
An infinite content loop component for Vue.js 2, including
functionalities such as ‘pull-to-refresh’, ‘infinite-loading’,
‘snaping-scroll’.
-
vue-infinite-list
- An infinite list mixin can recycle dom for Vue.js 2
-
vue-infinite-slide-bar
- ∞ Infinite slide bar component.
-
vue-virtual-infinite-scroll
- A vue2 component based on Iscroll, supports big data list with high
performance scroll, infinite load and pull refresh.
-
[@egjs/vue-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/vue-infinitegrid/)
- Arrange infinite card elements according to various layout types like
masonry for Vue.js 2.
-
[@grafikri/vue-infinite-scroll](https://github.com/grafikri/vue-infinite-scroll) - Basic infinite
scroll for Vue
Pull-to-refresh
Markdown
-
vue-markdown - A
Powerful and Highspeed Markdown Parser for Vue.
-
vue-mavonEditor -
A markdown editor based on Vue that supports a variety of personalized
features.
-
vue-simple-markdown
- A Simple and Highspeed Markdown Parser for Vue.
-
vue-simplemde - A
wrapper around
simplemde. Delightful editing for beginners and experts alike. Features built-in
autosaving and spell checking.
PDF
-
vue-pdf - A
pdf viewer based on mozilla’s PDF.js
-
pdfvuer - A PDF
viewer for Vue using Mozilla’s PDF.js with text support for Vue2 and
Vue3. Demo
-
vue-pdf-embed -
PDF embed component for Vue 2 and Vue 3
Tree
-
Vue.D3.tree
- A Tree View based on D3.js
-
vue-json-tree-view
- A JSON Tree View Component for Vue.js.
-
vue-tree - A Tree
Component for Vue.js 2.X.
-
liquor-tree - Amazing
Vue Tree component
-
vue-trees-ui - A Tree
Ui Base On Vue.
-
Bosket - Collection of
tree view components for front-end frameworks (Vue, React, Angular and
Riot).
-
plantain-00/tree-component
- A reactjs, angular and vuejs tree component.
-
sl-vue-tree - A
simple customizable draggable tree component for Vue.js
-
he-tree-vue - A
draggable sortable vue tree component, with dragging placeholder, types
definition. 14 KB gzipped.
-
vuejs-tree - A highly
customizable VueJs tree viewer
-
vue-jstree - A Tree
Plugin For Vue2 with beautiful icons and drag&drop
-
vue-vtree -
Universal and flexible tree component for Vue.js
-
vue-json-component
- JSON tree view with no dependencies, TypeScript support, and easy
customization.
-
vue-tree-list -
A vue component for tree structure
-
vue-finder - A
component to display hierarchical data, with selection, filtering and
drag & drop
-
vue3-router-tree
- This component is based on Vue.js 3, it represents your routes or
items as a tree view 🌲.
-
object-visualizer
- Vue 3 JSON inspector with Chrome-like theme.
-
vue-virtual-tree
- Tree component for large amount of data, base on Vue3.
Graph
-
vue-pipeline -
A easy-to-use component to show beautiful responsive pipeline like
jenkins blue ocean plugin.
-
vnodes - General purpose
components to create svg interactive graphs, diagrams or node based
visual tools.
-
v-network-graph
- An interactive SVG based network-graph visualization component for Vue
3.
Social Sharing
-
vue-social-sharing
- A renderless Vue.js component for sharing links to social networks,
compatible with SSR
-
vue-goodshare -
Vue.js component for social share with beautiful button design. Simple
install, extensive documentation, developer support, SEO friendly, clean
code without scripts tracking user activity on the page, high speed.
Work with Vue.js 2.x.
-
vue-socialmedia-share
- A Vue.js component for sharing links to social networks, with Vue 2.X
-
vue-picture-sharesheet
- A Vue Picture Sharesheet Component heavily inspired by the Image
Sharesheet in Apple’s Newsroom
-
vue-twitter - A
Vue.js component for embed twitter widgets (e.g timeline, buttons)
-
vue-share-buttons
- Vue.js component for placing buttons in your project using which you
can share anything
-
vue-share-it -
A Vue.js component for sharing links to social networks
-
vuesocial - 🧞♀️🧞♂️
One easy-to-use button component for Vue.js with 65+ social networks.
-
vue-socials - 💬
Social media share buttons and counts for Vue.js.
QR Code
-
vue-qriously -
A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
-
vue-qart - The
directive of vue 2.x for qart.js.
-
vue-qrcode-reader
- A Vue.js 2 component which detects and decodes QR codes from a camera
stream.
-
vue3-qr-reader - A
Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3
compatibility.
Search
Miscellaneous
-
vue-avatar - An avatar
component for vue.js.
-
vue-touch-ripple
- Touch ripple component for Vue.js(1.x ~ 2.x).
-
vue-typer - Vue
component that simulates a user typing, selecting, and erasing text.
-
vue-keyboard
- Vue 2 virtual keyboard component.
-
vue-twentytwenty
- Image comparison component, works with Vue.js 2.x
-
vue-cookie-law
- Cookie info plugin for Vue.js 2.x
-
vue-gravatar - A
dead-simple gravatar component for Vue.js 2.x
-
vue-clipboard2 -
An easy to use clipboard.js binding for Vue.js 2.x
-
vue-flashcard -
FLashcard component with animation for Vue.js 2.x :bulb:
-
vue-truncate-collapsed
- A simple component that truncates your text and adds a ‘Read More/Show
Less’ clickable for Vue.js 2.x
-
vue-kanban - A
flexible drag and drop kanban board component
-
vue-letter-avatar
- A simple and elegant letter avatar component for vue.js
-
vue-highlightjs
- Syntax highlighting with highlight.js
-
v-clipboard - Simple,
tiny and easy to use directive to save your models to clipboard (less
than 2kb minified, no dependencies)
-
vue-invisible-recaptcha
- Super easy integration for Google’s Invisible reCAPTCHA
-
vue-embed - Embed
component is based on embed.js for Vue 2.x, a component that embeds
emojis, media, maps, tweets, gists, code, services and markdown.
-
vue-particles -
Vue.js component for particles backgrounds
-
vue-uniq-ids -
Vue.js 2.x plugin that helps to use id-related attributes with no
side-effect
-
vue-multivue
- Use multiple vue apps of the same class on the same page.
-
vue-affix - A Vue.js
2.x plugin that affixes an element in the window while you scroll,
similar to Bootstrap Affix but much simpler and smarter
-
X-Browser-Update-Vue
- A Vue.js browser-update plugin.
-
vue-query-builder
- A UI component for building complex queries with nested conditionals.
-
vue-info-card -
A simple and beautiful card component with an elegant spark line and
CSS3 flip animation.
-
v-offline -
Simple, tiny and easy to use detection of offline & online events
for your Vue app (less than 390b minified)
-
vue-word-cloud -
A word cloud generator.
-
vue-flat-surface-shader
- A Vue component for
flat surface shader
-
vue-easteregg -
Easey add an easteregg to your vue app (default with konami code)
-
vue-barcode-scanner
-
vue-heatmapjs
- A Vue directive for tracking and visualising mouse activity
-
vue-maze - An
itty-bitty maze game made as Vue.js component
-
vue-drag-verify
- This is a vue component, which is sliding to unlock for login or sign
up.
-
vue-balloon -
Vue components for creating fixed, zoomable containers in the corner of
a page. Similar to the mail composition wrapper used in gmail.
-
vue-sticker -
Sticker effect to any directions
-
v-rating - ⭐️
Rating component in Semantic-UI made with VueJS (< 500B gzipped,
blazing fast)
-
vue-content-placeholders
- Composable components for rendering fake (progressive) content like
facebook in vue
-
vue-page-designer
- Vue component for drag-and-drop to design and build mobile website.
-
vue-creativecommons
- CreativeCommons.org Vue.js components library.
-
vue-status-indicator
- A Vue.js component to show status indicator as colored dots.
-
vue-google-adsense
- Vue.js Google Adsense Component with InFeed and InArticle Ads support
-
emoji-vue - Emoji
😎👌🏻 dropdown for Vue.js project
-
vue-chessboard -
Chessboard vue component to load positions, create positions and see
threats.
-
vue-mindmap -
Vue component for mindnode maps.
-
v-currency -
Vue component for formatting currency.
-
vue-emoji-picker
- Highly customizable unicode emoji picker 🔥🚀
-
vue-8-puzzle -
An itty-bitty slide puzzle game made as Vue.js component
-
vue-e164 -
Customizable phone formatter with E.164 standart support
-
vue-pgn - Vue.js
component for viewing chess games in pgn format
-
vue-avatar-editor
- Resize, rotate and crop your uploaded avatar using a clear user
interface.
-
vue-connection-listener
- Vue event bus plugin listening for online/offline changes.
-
vue-sauce - “View
source” directive for Vue.
-
vue-prom - Vue promise
wrapper component.
-
numeric-keyboard
- Numeric keyboard for mobile browsers.
-
vue-zoom-on-hover
- Image zoom on mouse hover
-
vue-responsive-image
- A Vue component that lets you quickly create responsive image tags
with an optimal number of image sources for all devices.
-
vue-highlight-text
- Vue component for highlight multiple instances of a word
-
vue-cast-props
- Provides a convenient way of converting props to common data types.
-
vue2-heropatterns
- A Vue2 implementation allowing you to add the popular Hero Patterns
onto any Div
-
vue-link - One
component to link them all 🔗 (treat external and internal links same)
-
vue-identify-network
- ⚡️Identify what kinda internet your users are using!
-
vue-cloneya - A
vue component to clone DOM elements
-
vue-survey-builder
- Survey builder for vue.js applications
-
vue-if-bot - A
lightweight component to hide/show content to clients based on the user
agent
-
vue-clampy -
Vue.js (2+) directive that clamps the content of an element by adding an
ellipsis to it if the content inside is too long.
-
vue-cookie-accept-decline
- Show a banner with text, a decline button, and an accept button on
your page. Remembers selection using cookies. Emits an event with
current selection on creation. Good for GDPR requirements.
-
[@lossendae/vue-avatar](https://github.com/lossendae/vue-avatar) - An avatar component for
VueJS 2.0.
-
vue-text-highlight
- Text highlighter library for Vue.js 💄
-
vue2-hammer
Hammer.js wrapper for Vue 2.x to support mobile touch..
-
vue-countable
- Vue binding for countable.js. Provides real-time paragraph, sentence,
word, and character counting.
-
v-show-slide - A
Vue.js directive for animating an element to and from height: auto in a
sliding motion.
-
vue-swipe-actions
- iOS style swipe actions for Vue.js
-
vue-friendly-iframe
- A Vue js component for creating super fast loading, non-blocking
iframes.
-
vue-beautiful-chat
- A simple and beautiful Vue chat component backend agnostic, fully
customizable and extendable.
-
vue-magnifier - A
simple image zooming / magnifying component for Vue.js 2.x.
-
vue-highlight-words
- Vue component to highlight words within a larger body of text. Ported
from
react-highlight-words
-
vue-tags-ball -
Create a beautiful and spherical tag with this plugin
-
vue-rippler - Simple
Vue.js plugin for custom ripple effect
-
vue-contacts -
Mobile contacts component for Vue
-
basic-vue-chat -
Easy to use Vue.js chat
-
vue-resize-text
- A vue directive which automatically resize font size based on element
width.
-
vue-github-profile
- A vue component to view the profile and repos of determined user
-
vue-niege - 🎄 🎅
Single File Vue component to add a snow storm through a canvas.
-
vue-dynamic-star-rating
- A highly dynamic vue stars rating component, like google play rating
⭐️ ⭐️ ⭐️ ⭐️ ⭐️
-
vue-katex - Simple
plugin for math typsetting using KaTeX in Vue.js
-
vue-baberrage -
A simple Barrage plugin Base on Vue.js😎
-
vue-terminal-ui
- 🖥Terminal UI emulator Vue: custom and basic commands
-
vue-command - A
fully working Vue.js terminal emulator
-
vue-ribbon - Vue
component for GitHub ribbons
-
avatio-avatar -
Vue component for illustrated avatars - used by
Avatio
-
vue-jazzicon - A
dead-simple Jazzicon component for Vue.
-
vue-star-rating
- A simple, highly customisable star rating component ⭐️ ⭐️ ⭐️
-
vue-fixed-header
- Simple and cross-browser friendly fixed header component for Vue.js
written by TypeScript.
-
vue-particle-effect-buttonsA bursting particles effects buttons component.
-
vue-insomnia -
Prevent display screen from sleeping (wake lock).
-
vue-car-plate-keyboard
- A car license plate number keyboard for VueJS
2.x.(车牌号输入键盘,支持新能源车牌 🚗🚗🚗)
-
vue-dataflow-editor
- Vue2 dataflow graph editor
-
vue-twemoji-picker
- A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering)
for Vue.
-
vuejs-avataaars
- Simple avatar generator Vue component for avataaars.
-
vue-moveable - A
Vue Component that creates Moveable, Draggable, Resizable, Scalable,
Rotatable, Warpable and more.
-
vue-camera-gestures
- Let users control your Vue app using AI and gestures in front of their
camera in just 1 line in your HTML template!
-
vue-aspect-ratio
- A tiny component to handle aspect ratios with no effort.
-
query-builder-vue
- A query-builder library for building complex and nested queries with
draggable re-ordering.
-
vue-meeting-selector
- A meeting selector inspired by doctolib, fast and fully custom made
with Typescript.
-
cool-emoji-picker
- A fast plug-n-play [Tw]emoji Picker (+textarea for Twemoji rendering)
component for Vue.
-
vue-web-cam - Webcam
component for VueJs.
-
vue-cursor-fx -
An animated custom cursor effects for interactive elements like
navigation, galleries and carousels.
-
vuetimeline -
One easy-to-use component to build beautiful responsive timelines.
-
v-emoji-picker
- :star2: A Lightweight and customizable package of Emoji Picker in Vue
using emojis natives (unicode).
-
learnawesome-flashcard
- Deck of flashcards with spaced-repetition via localStorage :bulb:
-
vue-portfolio-viewer
- Scroll animated portfolio viewer component for vue js :bulb:
-
vue-text-middle-ellipsis
- A simple vue-directive(2+) that clamps the content in the middle of
the element if the content inside is too long.
-
vuesence-book -
Documentation/help system component.
-
vue-turnjs - A
component libary to add book experience to your app.
-
vuesence-sliding-header
- Sliding header(s) for top navigation bar(s).
-
tsParticles - A
lightweight Javascript library to easily create highly configurable and
interactive particle animations
-
[@bananajs/vue3-book-component](https://github.com/bananajs-is-already-taken/vue3-book-component) -
Book component for Vue 3. It provides easy, flexible API and great
customizability.
-
[@bananajs/vue2-book-component](https://github.com/bananajs-is-already-taken/vue2-book-component) -
Book component for Vue 2. It provides easy, flexible API and great
customizability.
-
vue-image-zoomer
- image zoom component for Vue.js 2, that also works on touch devices.
-
vue-show-more-text
- Vue multiline sentence ellipsis component. The text in the component
will be truncated.
-
vue-copy-to-clipboard
- Vue.js 3 plugin to copy text to clipboard (Vue 3)
-
vue-advanced-chat
- Feature-rich and fully customisable chat rooms component. Support
files, images, videos, audio, emojis, customised actions, etc.
-
vue-visual-filter
- 🕵️♂️ An unopinionated advanced visual filtering component for Vue 2 and
3.
-
vue-easter-egg-trigger
- This packages makes it nice and easy to add Easter Egg triggers to
your Vue site.
-
vue-word-highlighter
- The word highlighter library for Vue 2 and Vue 3.
Tabs
-
vue-tabs - Simple
tabs and pills.
-
vue-swipe-tabs -
A touch swipe tab component for vue.js(vue2).
-
vue-tabs-component
- An easy way to display tabs with Vue.
-
vue-k-tabs - A
simple tabs components with Gitlab design.
-
vue-tabs-with-active-line
- Simple Vue 2 component, that allows you to make tabs with moving
bottom line
-
vue-tabs-chrome
- A Vue component for Chrome-like tabs.
-
vue-tiny-tabs -
A minimalistic tabs component as tinytabs Vuejs wrapper (size <
3.1kb)
-
vue-lumino - A
component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating
DOM & VDOM through event listeners and Vue reactivity system.
-
vue-router-tab -
Vue.js tab components, based on Vue Router.
-
vue3-tabs - A touch
swipe tabs component for vue 3
-
vue3-tabs-chrome
- A Vue3 component for Chrome-like tabs.
Let the user create & edit data
Picker
Generator
-
FormSchema Native -
Generate a form using JSON Schema and Vue.js
-
vue-generator
- Initial router and components for the Vue project.
-
vue-form-json -
Generate a vue form with validation and bulma style, from json
-
form-create - Form
builder with dynamic rendering, data collection, validation, and
submission capabilities, supporting json data
-
element-form-builder
- Build element-ui forms with JSON Schema.
-
ncform - a very nice
configuration generation way to develop form
-
Laraform - Advanced
form builder for Vue.js with Laravel support
-
vue-ele-form -
Vue DataForm, based on element-ui
-
vue-otp-2 - Vue OTP
input 2, A Vue component for OTP input
-
vue-form-generator
A schema-based form generator component for Vue.js.
-
vue-form-builder
- Build powerful vue form with JSON schema and composition api, popular
ui frameworks such as Element UI, View UI, Ant Design Vue are supported.
Online Demo
-
vue-dynamic-inputs
- Create dynamic forms with buefy from json
Online Demo
-
Vue Flow Form
- Create conversational conditional-logic forms with Vue.js.
Online Demo
-
vue-dd-form - 📋
Build forms only by describing data nodes - without programming!
Online Demo
Date Picker
Date / datetime / time Picker
-
vue-datepicker
- [unmaintained] Calendar and datepicker component with
material design for Vue.js.
-
vue2-timepicker
- A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible
time format support. :clock7: (Back and recharged in 2019 :battery:)
-
vuejs-datepicker
- A simple Vue.js datepicker component. Supports disabling of dates,
inline mode, translations.
-
vuedt - Crazy
lightweight (<5kb!) Vuejs Date and Time picker component with i18n
support, nice animations and not too much fuzz.
-
vue-flatpickr-component
Vue.js component for
flatpickr datetime
picker
-
vue-jalaali-datepicker
- Jalaali calendar and datepicker for vue.js 2.
-
vue-date-picker
- A vue date picker component inspired by material design
-
vue-monthly-picker
- Vue.js component for month and year picker only
-
vue-hotel-datepicker
- A responsive date range picker that displays the number of nights
selected, allows custom check-in/check-out rules, blocking dates,
localization support and more.
-
vue2-persian-datepicker
- An awesome Persian datepicker component for vue. کامپوننت انتخاب تاریخ
برای ویو.
-
vue-datetime -
Mobile friendly datetime picker for Vue. Supports date, datetime and
time modes, i18n and disabling dates.
-
vue-rangedate-picker
- Range date picker with simple usage
-
v2-datepicker - A
simple datepicker component based Vue 2.x.
-
vue-datepicker-local
- A Beautiful Datepicker Component For Vue2.
-
vue-airbnb-style-datepicker
- A Vue datepicker with a similar look and functionality as the popular
AirBnb datepicker. Lightweight, configurable and good browser support!
-
vue-persian-datetime-picker
Persian material datepicker. Supports datetime, date, time, year, month.
-
VCalendar Very customizable and
powerful calendar/datepicker component with many features and good
documentation.
-
[@owumaro/vue-date-range-picker](https://github.com/Owumaro/vue-date-range-picker) - A vue component
using Bootstrap 4 styles for date range selection
-
vue-datepicker-mobile
- A mobile friendly datepicker for vue2. :cn: select one day or range of
date and custom it that you wish.
-
vue-draggable-cal
- Not your ordinary datepicker. A Vuejs draggable date selector with a
fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped.
-
vue-vanilla-datetime-picker
- Datetime picker for Vue.
-
vue2-daterange-picker
- Vue2 date range picker based on bootstrap-daterangepicker (no jQuery
dependency)
-
vue-timeselector
- Fully and simply customizable powerful time picker component for
Vue.js.
-
vue-date-picker -
Lightweight datepicker component for Vue 2.x.
-
vue-ctk-date-time-picker
- A beautiful VueJS component to pick date & time (with range mode)
:new:
-
simple-vue2-datetimepicker
- A simple, easy to use vue.js component for date and time picking.
:new:
-
vue-business-hours
- Vue component for selecting business hours in an administration panel
or dashboard.
-
material-vue-daterange-picker
- a daterange picker of Material Design style for Vuejs 2.x, which is
compatible with vuetify and friendly for mobile.
-
vue-datepicker
- A clean & responsive datepicker with Material Design style for
Vuejs 2.x. (date/month/quarter && date range picker) :new:
-
[@alireza-ab/vue-persian-datepicker](https://github.com/alireza-ab/vue-persian-datepicker) - A datepicker
component for select persian date.
(single and range selection, select date and time, select with
keyboard, customizable style, localization)
-
vue-easy-range-date-picker
- A simple and easy VueJS (2.x) component for date range selection
Select
-
vue-select - A
native Vue.js component that provides similar functionality to Select2
without the overhead of jQuery.
-
vue-multiselect
- Universal select/multiselect/tagging component for Vue.js.
-
stf-vue-select
- most flexible and customized select Vue2
-
vue-select-image
- Vue 2 Component for selecting image from list
-
[@riophae/vue-treeselect](https://github.com/riophae/vue-treeselect) - A multi-select component
with nested options support for Vue.js.
-
[@k186/pd-select](https://github.com/k186/pd-select) - A mobile UI component like IOS
picker for Vue 2.x,can be wheel pick what ever you defined.
-
vue-dropdowns
- A minimalistic and adaptable way to display select boxes if using
objects for vue2.x
-
v-cascade - A
lovely component of cascade selector with Vue 2.x (Support both of PC
and Mobile)
-
vue-multi-select
- A custom component to make select/multiselect for Vue2.
-
v-region - A simple
region selector, provide Chinese administrative division data.
-
v-selectpage - A
powerful selector for Vue2, list or table view of pagination, use tags
for multiple selection, i18n and server-side resources supports.
-
vue-cool-select
- Bootstrap / Material Design theme, support slots, autocomplete,
events, validation and more.
-
[@myena/advanced-select](https://github.com/myENA/advanced-select) - Single/Multiple Select
component with search, controls for (de)select all and a Bootstrap 3
theme
-
[@alfsnd/vue-bootstrap-select](https://github.com/Sandalf/vue-bootstrap-select) - Vue version of
bootstrap-select.
-
[@SamuelTrottier/vue-wheel-select](https://github.com/SamuelTrottier/vue-wheel-select) - A simple
scrolling select component.
-
vue-search-select
- Searchable select components and semantic-ui’s dropdown compatible.
-
vue-gridmultiselect
- Simple multi-select component with items displayed in a table like UI
-
vue-select-sides
- A component for Vue.js to select double-sided data (2-sides).
-
vue-selectize - A
Vue.js component wrapper around Selectize.js, a vanilla js select
component
-
[@vueform/multiselect](https://github.com/vueform/multiselect) - Vue 3 multiselect component
with single select, multiselect and tagging options.
Slider
Drag and Drop
-
vuedraggable -
Vue component allowing drag-and-drop sorting in sync with View-Model.
Based on Sortable.js.
-
vue-dragula -
Drag and drop so simple it hurts.
-
vue2-dragula
- A
vue-dragula
fork for Vue2
, with a lot of
improvements.
-
awe-dnd - A
sortable list directive with Vue.
-
vue-draggable-resizable
- Vue2 component for draggable and resizable elements.
-
vddl - Vue components
for modifying lists with the HTML5 drag & drop API, supports VueJs
versions 1 and 2.
-
vue-drag-drop
- A minimal and lightweight wrapper for the HTML5 Drag and Drop API.
-
vue-swing - A
swipeable cards interface, as seen in apps like Jelly and Tinder.
-
vue-slicksort
- A dependency-free set of mixins for animated, touch-friendly, sortable
lists
-
draggable-vue-directive
- A simple directive to handle drag and drop of any Vue component.
-
vue-smooth-dnd
- Vue wrappers of smooth-dnd library. drag and drop, sortable library
covering for many cases.
-
vue-drag-resize
- A dependency-free Vue component for draggable and resizable elements
with aspect ratio, reactive props etc
-
vue-drag-it-dude
- Vue2 component, that allows you to drag object wherever you want.
-
vue-draggable
- Vue Drag and Drop library without any dependency. Simple and easy to
use.
-
vue-nestable - A
simple drag & drop hierarchical list made as a vue component.
-
vue-tinder - Have
your own Tinder and TanTan.
-
vue-card-swipe
- A touch slider for vue.js, support sliding in any direction to switch
cards, compatible with PC and mobile.
-
vue-drag-n-drop
- A simple kanban board where the items can be dragged and dropped from
the list on to the board.
-
vue-card-stack
- Stackable, swipeable, tweakable Vue card component.
Autocomplete
Autosuggest / autocomplete / typeahead
-
vue-instant -
Vue instant allows you to easily create custom search controls with auto
suggestions for your vue 2 applications.
-
v-autocomplete -
Autocomplete component for Vue.js
-
vue-auto-complete
- Autocomplete for Vue2. Works with objects or api calls.
-
vue-autosuggest
- WAI-ARIA complete Autosuggest component with full customization over
rendering and styling.
-
v-autosuggest - A
simple modular Vuejs component that autosuggest input from a dynamic or
static data querying.
-
autocomplete -
Simple Autocomplete component for Vue.js 2.*
-
vue-infinite-autocomplete
- Vue infinite-autocomplete wrapper for Vue.js 2.*
-
vue-simple-suggest
- Simple yet feature-rich autocomplete component for Vue.js
-
v-suggest - A Vue2
plugin for input content suggestions, support keyboard to quick pick.
-
vue-bootstrap-typeahead
- An typeahead/autocomplete component for Vue2 using Bootstrap 4 CSS.
-
vue-email-dropdown
- An autocomplete for custom email domains.
-
vue-combo-blocks
- Small, accessible, customizable and “renderless” autocomplete
component for Vue.
Type Select
Let the user select a tag / something while typing
-
vue-input-tag
- Vue.js 2.0 Input Tag Component.
-
v-distpicker A
flexible, highly available district picker for picking provinces, cities
and districts of China for Vue.js 2.x.
-
vue-img-inputer
A graceful, highly customizable img type input for Vue 2
-
vue-img-preview
An image input preview component in vue 2
-
v-image
:camera: Tiny little component for input type=file (< 1kb, gzipped)
-
[@voerro/vue-tagsinput](https://github.com/AlexMordred/vue-tagsinput) A simple tags input
Vue.js 2 component with typeahead/autocomplete
-
vue-tag-selector
- Tag-like input. Light, customizable and handles REGEX validation!
-
vue-input-text-to-tags
- A input component that can create tags for the result display
Color Picker
-
vue-color - Vue
Color Pickers for Sketch, Photoshop, Chrome & more.
-
vue-swatches -
Help the user picking beautiful colors!
-
radial-color-picker
- Minimalistic color picker with a focus on size, accessibility and
performance.
-
vue-color-picker-board
- Vue Color Picker component designed for humans!
-
verte - A Complete Vue.js
Color Picker Component.
Switch
Switch / on/off toggle / checkbox
-
vue-switches
- An on/off switch component for Vue.js with theme support.
-
vue-js-toggle-button
- Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
-
vue-checkbox-radio
- A Vue component to easily styling checkbox and radio inputs.
-
vue-enhanced-check
- Vue component to redesign/labelize checkbox/radio, including
toggle/switch button.
-
pretty-checkbox-vue
- Implementation of
pretty checkbox 3(A pure CSS library to beautify checkbox and radio buttons) components
for Vue.js 2.2+.
-
vue2-collapse -
Vue Collapse is a flexible content toggling plugin for the accordion
lists or any other conditional content rendering.
-
vue-badger-accordion
- A wrapping Component for Badger Accordion for Vue.js 2.0+
-
vue-loading-checkbox
- A highly customizable Vue.js checkbox UI component with loading state
-
vue-rocker-switch
- A customizable rocker switch component for Vue.js.
-
vue-toggle-btn
- A Highly Customizable, easy-to-use elegant toggle/switch button
component
-
vue-tristate-checkbox
- Cycling tristate checkbox that supports form submission
-
vue-toggles - A
highly customizable and accessible toggle component
-
[@vueform/toggle](https://github.com/vueform/toggle) - Vue 3 toggle component with
labels, custom slots and styling options.
-
vue-masked-input
- Masked input component for Vue.js.
-
vue-text-mask -
Input mask for React, Angular, Ember, Vue, & plain JavaScript.
-
vue-ip-input - An
ip input implemented by vuejs.
-
vue-numeric -
Input field component to display currency value based on Vue.
-
awesome-mask - Mask
directive based on a pure and simply VanillaJS implementation
-
v-money - Tiny
(<2k gzipped) input/directive mask for currency
-
vue-autonumeric
- A Vue.js component that wraps the awesome
AutoNumeric input formatter
library
-
vue-inputmask -
Vue.js directive to add Robin Herbots’ inputmask library to your inputs
(vanilla javascript).
-
vue-input-number
- A custom input number component for Vue.js 2.
-
v-unicode - Vue
directive to restrict an input by unicode values.
-
vue-cleave-component
- Vue.js component for
cleave.js
-
vue-ip - An ip
address input with port and material design support
-
vue-r-mask -
Directive with template similar to javascript regular expression.
-
vue-input-code
- Base on Vue.js 2.0+ verification code input component.
-
label-edit -
Inspired by Trello. Click to show editable input and return the value
changes. This is a Vue Component.
-
vue-jquery-mask
- Vue.js v2.x component for
jQuery Mask Plugin
-
vue-currency-input
- Easy input of currency formatted numbers for Vue.js.
-
vue-restricted-input
- Input mask library for vue.js based on
restricted-input
-
vue-input-facade
- A lightweight and dependency free input masking library created
specific for Vue, originally a fork of the famous
vue-text-mask but activelly mantained and with lots of
improvements after there.
Rich Text Editing
Image Manipulation
Edit images
Display images
-
vue-cloudinary
- A vue (2.0) plugin that offers a reusable directive to get images from
Cloudinary (https://cloudinary.com) with dynamic manipulation
(resizing/cropping/effects/watermarking/scaling/formatting) and
optimization (webp/png/auto quality/auto retina).
-
img-Vuer - An
Mobile-First image viewer/gallery for Vue2
-
vue-image-loader
- A vue loader/progressive image plugin like Medium.
-
vue-load-image -
display loader during image loading, as well as by display alternate
content when the image fails to load.
-
vue-image-painter
- 🙋 Image magic animation drawing effect component for Vue 2.x.
-
vue-cosha - 🎨 An easy
to use vue directive that places a colourful shadow behind any image
-
vue-image-kit
- Vue.js Image Kit Component with Lazy Load built in and Responsive
Images.
Video Manipulation
-
vue-playlist -
A lightweight vue (2.0) component with no dependancies that offers truly
seamless html5 video playback. The one and only working solution for
seamless video play done with vanilla JS. It takes an array of videos
and stitches them together into a single video.
File Upload
-
vue-clip - Simple
and hackable file uploader for VueJs. Supports Vue >= 2.1.
-
vue-simple-upload
- Simple File upload component for Vue.js.
-
vue2-multi-uploader
- A drag and drop multiple file uploader component that uses Vue.js v2
and Axios. Uploader shows file names, sizes and total size of files
added. It also allows setting a minimum required number of files to
upload.
-
vue-dropzone - A
Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads
utility with image previews.
-
vue-transmit
- A purely Vue.js drag & drop uploader component based on
Dropzone.js for Vue 2.0
-
vue-upload-component
- Vue upload component, Multi-file upload, Upload directory, Drag
upload, Drag the directory. Supports Vue >= 2.0
-
vue-uploader
- A Vue.js upload component powered by simple-uploader.js
-
ic-firebase-uploader
- A clean multi-file upload component for Firebase storage.
-
vuejs-uploader
- A resumable multipart file uploader for HUGE file uploads.
-
vue-filepond - A
Vue.js component for FilePond - a file upload library that can upload
anything you throw at it.
-
v-uploader - A Vue2
plugin to make files upload simple and easier, you can drag files or
select file in dialog to upload
-
vue-file-agent
- Full-featured drag & drop enabled Vue file upload component with
previews and upload progress
-
vue-cloudinary-uploader
- A cloudinary image cropper and uploader component for VueJs
-
vue-context-menu
- A context menu component for vue js.
-
vue-lil-context-menu
- A flexible lil context menu component for Vue.
-
vue-mouse-menu -
A popup menu for vue 2.6+ with support for mobile.
-
vue-context - A
simple but flexible context menu for vue js.
-
vue-simple-context-menu
- Simple context-menu component built for Vue. Works well with both left
and right clicks.
-
vue-context-menu-popup
- Context Menu popup for Vue 2. Works on right click or can be triggered
programatically.
-
[@kiyoaki_w/vue-context](https://github.com/Kiyoaki-w/Ki-vue-context) - A customizable context
menu component built for Vue2, supporting fontawesome icons.
-
[@overcoder/vue-context-menu](https://github.com/MicroDroid/vue-context-menu) - Minimal context
menus
Miscellaneous
-
vue-gmaps - Search
places and address using Google Maps API.
-
vuep - A component for
rendering Vue components with live editor and preview.
-
vue-places - Places
component is based on places.js for Vue 2.x. Turn any input into an
address autocomplete.
-
vue-password-strength-meter
- Password strength meter based on zxcvbn in vue.js.
-
vue-float-label -
Float label pattern for Vue.js.
-
vue-longpress -
A VueJS (2.x) button component that requires you to keep pressing to
confirm a given action.
-
vue-google-autocomplete
- A Vue.js (2.x) autosuggest component for the Google Maps Places API.
-
vue-default-value
- Vue.js 2.x directive to set a default value for editable elements with
no affect to the model state
-
vue-model-autoset
- A Vue.js plugin to workaround Vue limitation in observing dynamically
added properties with v-model directive
-
vue-submit
- Simple implementation of Ladda (1, 2) in less
than 90 lines of code with no dependencies.
-
vue-rate - Rate
component for Vue
-
vuetify-google-autocomplete
- A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps
Places API.
-
vue-ripple-directive
- Material Ripple Effect as Vue Directive.
-
vue-fab - Vue
Floating Action Button.
-
vue-complexify -
Vuejs porting library from jquery.complexify.js.
-
vue-mc - Models
and Collections for Vue.js
-
vue-stars - Highly
customizable rating control (using stars or other characters)
-
vue-confirmation-button
- Customizable confirmation button that requires users to read messages
before performing an action
-
vue-poll - A Vue.js
component for voting
-
vue-diagrams -
Diagram component for vue.js, inspired by react-diagrams
-
vue-easy-polls
- A Vue.js component for creating polls, voting and showing results.
It’s easy to implement and easy to customize.
-
vue-m-button - A
beautiful button component for vue.
-
vue-long-click -
Long click (long press) directive library for vue, support mobile and
desktop.
-
vue-ui-predicate
- A rules editor, generic filtering UI, predicates component for Vue JS.
-
vue-mobile-detection
- Vue.js prototype function
this.$isMobile()
that returns a
Boolean value depending on whether or not the user is browsing with a
mobile.
-
vue-input-contenteditable
- A Vue component wrapper for
contenteditable
with all the
features you normally expect. Make beautiful inputs without the
restrictions of input[type='text']
.
-
[@utlime/vue-zoom](https://github.com/utlime/vue-zoom) - A Vue zoom component.
-
vue-credit-card
- A Vue Component for Credit Card Input & Masking & Preview
-
vue-simple-password-meter
- Lightweight password strength meter with no dependency
-
vue-autosizer -
A light replacement for built-in
<textarea>
and
<input>
elements allowing them to automatically
stretch to fit the content.
-
vue-interactive-paycard
- A fantastic credit card form with smooth and sweet micro-interactions.
-
vue-paycard -
Credit card component made with Vue.js.
-
vue-list-picker
- Just a simple list picker component made with Vue.js.
-
vue-diagram-editor
- Highly customizable diagram editor with slot-based nodes (vue^2.6)
Wizard
-
vue-form-wizard
- Tab based component which can replace classic bootstrap & jQuery
form wizards
-
vue-stepper
- A simple stepper with simple actions such as next, back and end to
perform simple forms.
-
vue-stepper-component
- A fully customizable Stepper component with Vuex support and Zero
dependencies.
CSV
-
vuecsv - A Simple CSV
Downloader from json with option modal panel component.
-
vue-comment-grid
- 💬 Responsive Vue.js comment system plugin that built with CSS Grid
and Firebase REST API + Authentication.
-
fastcomments-vue
- 💬 A Vue component for FastComments, a live commenting system.
Canvas
-
vue-easeljs -
Data-driven control over an HTML5 canvas element.
-
vue-canvas-effect
- A simple, canvas effect collection for Vue.js.
-
vue-konva - Vue &
Canvas - JavaScript library for drawing complex canvas graphics using
Vue.
-
vue-html2canvas
- Vue mixin to capture html and convert it to an image using
Html2Canvas.
-
vue-canvas-nest
- A Vue.js component for canvas-nest.
-
vue-signature-pad
- 🖋 A Vue Signature Pad Component
-
vg-editor - A
visual graph editor based on G6 and Vue, inspired by GGEditor
-
vue-pencil.js -
Build reactive 2D graphics scene in your Vue project.
-
vue-scratchable
- A Vue.js wrapper component that turns everything into fun scratch
cards.
-
vue-rough -
Components for Rough.js, a graphics library that lets you draw in a
sketchy, hand-drawn-like, style.
-
vue3-signature
- A electronic signature component for Vue 3
-
vue-signature
- A electronic signature component for Vue2.x
Link Preview
-
link-prevue
- Flexible component for generate a link preview.
Tour
Data Masking
UI Layout
Layout for the overall / main view
-
vue-waterfall - A
waterfall layout component for Vue.js.
-
vueisotope
- Vue component for isotope filter & sort magical layouts.
-
vue-grid-layout
- A draggable and resizable grid layout, for Vue.js.
-
vue-drag-zone
- Drag Zone component for Vue.js(2.x).
-
vue-masonry -
Vue.js directive for masonry blocks layouting.
-
vue-fraction-grid
- Flexbox based responsive fraction grid system for Vue.js.
-
vue-virtual-scroll-list
- A vue (2.x) component support big data by using virtual scroll list.
-
vue-virtual-scroller
- Component to scroll a large amount of elements efficiently (Vue 2.x).
-
vue-virtualscroll
- [Vue 2.x] component to virtual scroll things.
-
vue-inview - [Vue
2.x] Viewport, get notification when DOM element is entered or leave.
-
dnd-grid - A vuejs grid
with draggable and resizable boxes
-
vue-extend-layout
- Extend the default layout or create custom layouts for the pages of
your Vue.js SPA
-
vue-masonry-css
- Vue.js Masonry layout component powered by CSS, dependency free.
-
vue-fullpage.js
- Official fullPage.js component for Vue.js.
-
vue-virtual-collection
- Vue component for efficiently rendering large collection data.
-
autoresponsive-vue
- Auto responsive grid layout library for Vue.
-
VueFlex - A flexbox
grid system.
-
v-chacheli - A
Vue.js component to create and display custom dashboard-like grid
layouts.
-
vue-grid-styled
- A lightweight set of functional grid components, ported from React’s
grid-styled
-
simple-grid
- Vue component for grid layout,support flex.
-
vue-container-component
- Simple container component inspired on Bootstrap Container
-
vue-colcade - A
small wrapper for integrating Colcade grid layout to Vuejs.
-
vue-ads-layout
- A small library of Vue components to quickly generate a responsive web
application layout with toolbar, left/right drawers and a footer. All
components can be positioned fixed or relative.
-
vue-magic-grid -
A tiny port of Magic Grid for Vue.js 2.
-
vue-splitter-pane
- A Vuejs component which renders two slots in a adjustable split
arrangement (vetical or horizontal).
-
splitpanes - A
Vue JS reliable, simple and touch-ready panes splitter / resizer.
-
vue-mock-layout
- Easily mock the layout of your Vue apps.
-
vue-simple-drawer
- A tiny drawer panel with bounced animation, nest supported and theme
customized. directions: left/right/up/down
-
vue-grd - Simple,
Light-weight and Flexible Vue.js component for grid layout.
-
vue-masonry-component
- A Vue.js component wrapping masonry layout library.
-
vue-smart-widget
- Smart widget is a flexible and extensible content container component
for Vue.js 2.x.
-
vue-colrow -
Responsive grid layout components: Row, Col. Based on css flexbox.
Support SSR, fixed or fraction width, auto grow Col.
-
vue-diagonal
- Simple and light-weight component to create diagonal elements.
-
vue-responsive-dash
- A Responsive, Draggable & Resizable Dashboard (grid) made with vue
and typescript.
-
vue-masonry-wall
- A pure vue responsive masonry layout without direct dom manipulation,
ssr friendly and lazy loading.
-
vue-horizontal-list
- A pure vue responsive horizontal list layout with ssr support, mobile
and touch friendly.
-
vue-layout-system
- Vue components that solve daily layout problems.
-
simple-vue-grid
- Simple grid containers that will help you to build layouts for your
app.
Frameworks
Responsive
Set of components + responsive layout system
-
quasar-framework
- Quasar Framework. Build responsive websites, hybrid mobile Apps and
Electron apps using same code, with VueJs 2.
-
vue-material -
Material design for Vue.js.
-
vuetify - Material
Component Framework for Vue.js 2.
-
muse-ui - Material
Component library for Vue.js 2.
-
buefy - Components
based on Bulma framework.
-
element-ui - A Vue.js
2.0 UI Toolkit for Web.
-
vue-bulma-components
- Easily use bulma class syntax with vue components.
-
iview-ui - A Vue.js 2.0 UI
Framework for web.
-
AT-UI - A fresh and flat UI-Kit
specially for desktop application, made with ♥ by Vue.js 2.0
-
v-semantic -
Implementation of semantic-ui for
Vue
-
BootstrapVue
- Bootstrap v4 components and grid system for Vue.js.
-
fish-ui - A Vue.js 2.0
UI Toolkit for Web
-
zircle-ui - A
frontend library to develop zoomable user interfaces.
-
Material Components Vue
- wrapper around
material-components-web
for Vue.js
-
VueFace - A Vue.js 2.0
UI Component library for Web
-
vuecidity - UI
component framework for Vue.js 2.0
-
ant-design-vue
- An enterprise-class UI components based on Ant Design and Vue 2.5.0
-
heyui -
(https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
-
Carvue.js - IBM’s Carbon
Design System for Vue.js
-
BalmUI - A modular and
customizable UI library based on Material Design and Vue 3.0
-
Osiris UI - :art: A
Vue.js 2.0 universal responsive UI component library
-
N3-components
- Beautiful Web Components built with Vue 2
-
Shards Vue -
✨ Sleek & UI Components Library based on the Bootstrap 4 Framework.
-
Fundamental Vue -
Components based on SAP Fiori Fundamentals.
-
Framevuerk - 🚀
Fast, Responsive, Without Dependencies, Both Direction Support and
Configurable UI Framework based on Vue.js.
-
[@Carbon/vue](https://github.com/carbon-design-system/carbon-components-vue) -
Carbon Design System components from the
@carbon team.
-
Inkline - Inkline is a
modern UI/UX Framework for Vue.js designed for creating flawless
responsive web applications.
-
vue-awesome-mui
- A Vue.js 2.0 MUI Component for Web
-
MDBootstrap
- Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10,
providing a set of slick, responsive page templates, layouts, components
and widgets to rapidly build responsive, mobile-first websites and apps.
-
vue-material-adapter
- Integration of Material Components for Vue.js which follows the best
practices recommended by Google: Using Foundations and Adapters
-
PrimeVue - The Most
Complete UI Component Library for Vue
-
CoreUI for Vue.js -
CoreUI for Vue.js is a UI Component Library that offers a bunch of
cross-browser, responsive, and lightweight Vue.js UI components.
-
DaoStyle - A high
quality component library built on Vue.js.
-
Chakra UI Vue -
⚡ A lightweight & customizable component library to help you build
accessible Vue applications and sites with speed.
-
vue-canvas - Vue canvas
component for vuc-identify
-
oruga - UI components
for Vue.js without CSS framework dependency.
-
Wave UI - An
emerging UI framework for Vue.js with only the bright side. ☀️
-
vectre - A lightweight,
simple and responsive component framework based on
Spectre CSS
-
element3 - A Vue.js 3.0
UI Toolkit for Web is based on element-ui
-
superBVue - A Vue 3
UI Components for Web is based on boostrap v5
-
Qui - A Vue 2.x Design
System for Web
-
Mijin - Responsive
Tailwind CSS UI components, without dependencies
-
vuestic-ui - A
Vue.js 3.0 UI customizable UI Framework.
-
Qui-max - A Vue 3.x
Design System for Web
-
Naive UI - A Vue 3
Component Library Fairly Complete, Customizable Themes, Uses TypeScript,
Not Too Slow Kinda Interesting
Mobile
UI frameworks for mobile
-
Framework7-Vue
- Build full-featured iOS & Android apps using Framework7 & Vue.
-
vux - [Chinese] Vue UI
Components based on WeUI.
-
vue-onsenui - Mobile
app development framework and SDK using HTML5 and JavaScript. Create
beautiful and performant cross-platform mobile apps. Based on Web
Components, and provides bindings for Angular 1, 2, React and Vue.js.
-
Weex - Weex provides
the ability to publish cross platform, so web, Android, and IOS apps can
use the same API development functions.
-
weex-eros -
[Chinese] Eros is a app solution based on Weex and Vue, which enables
you to use API of Vue, simple and quick development of small and medium
app.
-
Ionic -
Mobile app development framework
-
Native script
- Native mobile applications using NativeScript
-
Vue Native -
Build cross platform native mobile apps using JavaScript
Set of components for mobile
-
mint-ui - Mobile UI
elements for Vue.js.
-
vant - A Vue.js 2.0 Mobile
UI From YouZan.
-
cube-ui - A fantastic
mobile ui lib implement by Vue.js 2.
-
mand-mobile - A mobile
UI toolkit, based on Vue.js 2, designed for financial scenes.
-
NutUI - A Vue.js 2.0 UI
Toolkit for Mobile Web
Component Collections
Set of components without layout system
-
vue-mdc - Material
Components Web for Vue.js.
-
keen-ui - A
lightweight collection of essential UI components written with Vue and
inspired by Material Design.
-
vue-admin - Vue
Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
-
vuikit - UIkit with all
the power of Vue.
-
uiv - Bootstrap3 components
implemented by Vue2.
-
wffranco/vue-strap -
Bootstrap 3 components built with Vue.js 2
-
jsmod-vue-pc -
Highly scalable web components for vue 2.0
-
guilhermewaess/SemVue
- Semantic-ui Modules implemented with Vue 2
-
office-ui-fabric-vue
- Office UI Fabric implementation for Vue.js
-
Semantic UI Vue
- Semantic UI integration for Vue
-
vuesax - Frontend vue
Components for Vue.js.
-
Essential JS 2 for Vue
- Full-featured 45+ Vue.js components which includes Data Grid, Chart,
Scheduler and Diagram components etc.
-
Banshee - A mostly
renderless Vue UI component and utility framework that ships with no
CSS.
-
vue-atlas - A library of
beautiful Vue components.
-
DevExtreme Vue Components
- 65+ responsive and feature-complete Vue UI components with
customizable Material Design and Bootstrap compliant themes.
-
jqwidgets - 70+ Vue.js 2.0
UI Components with Material Design themes.
-
vue-uix - UI collection
for web page implementation in Vue.js
-
vuedarkmode - A
Minimalist Dark Design System for Vue.js 🎨
-
Kendo UI for Vue
– Over 70 UI components, including a Grid, built for business
applications. Fully responsive with support for several Design Languages
including Material Design and Bootstrap.
-
Vuent - Vue.js
components implementing Microsoft Fluent Design
-
bpit/vue - Vue
components lib which is focused on effects
-
vue-tailwind
- Vue components with customizable classes ready for TailwindCSS, but
compatible with any framework.
-
Equal UI - Vue UI kit
based on TypeScript 🧬
-
slim-ui - Minimal UI
components based on Vue.js
-
Vue Component Development Kit
- Unstyled, highly tested and flexible Vue components/mixins/plugins.
Admin Template
Set of admin template
Server-side rendering
-
Nuxt.js - Versatile Vue.js
Framework.
-
Ream - A minimalistic
framework for building server-rendered and static websites.
-
Universal vue - Vue
CLI plugin to create universal Vue applications with ease
-
Factor Platform - An
extension-driven VueJS platform (Factor.dev → Docs)
-
Vapper - A Vue-based
server-side rendering framework.
Static website generator
-
VuePress - Minimalistic
Vue-powered static site generator.
-
Peco - A static website
generator for humans. UNMAINTAINED
-
Saber - A static
website generator for building blazing fast websites with Vue.js.
-
Gridsome - Build
super fast, modern websites with Vue.js
-
Servue - Server-side
rendering engine that renders vue files into html strings.
Other
-
app-framework
- IOS and Android Apps with HTML & JavaScript - develop, build and
deploy - free and open source.
-
Myfirebase - A
decoupled Single page application Framework which is highly compatible
with google firebase.
-
Vue-Access-Control
Frontend access control framework based Vue.js 2.
-
Basys Toolbox for building
full-stack Vue.js apps
-
CabloyJS The Ultimate
NodeJS Full Stack Business Development Platform, based on KoaJS &
EggJS & VueJS & Framework7
-
vue-service-model
- Vue.js library for handling REST service requests with caching,
aggregation and model definitions.
-
DataFormsJS - A
minimal routing and web service framework that uses Vue as a templating
engine.
-
V-Craft - A toolset for
building extensible page builders with Vue.js.
-
Vue-Low-Code
- Low Code toolkit that can generate VUE apps from Quant-UX prototypes
-
Figma-Low-Code
- Turns your Figma design into VUE applications.
-
vue-notion - An
unofficial Notion renderer – Use Notion as a CMS for Vue (e.g. Nuxt)
-
Fes.js
- An easy-to-use front-end application framework based on vue3.
UI Utilities
Event Handling
Handling of user events (scroll, click, key strike, …)
-
vue-shortkey -
Vue-ShortKey - plugin for Vue.js.
-
vue-throttle-event
- Throttle events based on requestAnimationFrame.
-
vue-waypoint -
Waypoint component for Vue, this is the easiest way to trigger a
function when you scroll.
-
vue-clickaway
- Reusable clickaway directive for reusable Vue.js components.
-
vue-scrollfire
- Fires an event on a specific scroll position.
-
vue-resize-directive
- Vue directive to detect resize events with deboucing and throttling
capacity.
-
v-click-outside
- Vue directive to react on clicks outside of an element without
stopping the event propagation.
-
vue-outside-events
- Vue 2.x directive to help a specified element listen for specific
events occurring outside of itself.
-
vue-selectable
- Vue 1.x/2.x directive to make items selectable by mouse.
-
vue-click-helper
- Vue2.x directive to handle click event and dblclick event on same
element.
-
v-hotkey - Vue 2.x
directive for binding hotkeys to components.
-
vue-resize - Vue 2.x
component to detect DOM elements resizing (event based/no
window.onresize)
-
vue-observe-visibility
- Vue 2.x directive using Intersection Observer API that detects if the
element is visible (in the viewport and not hidden by CSS).
-
v-dragged - Vue
2.x directive plugin for drag event detection.
-
vue-esc - Vue.js
directive to add a document event listener on escape keyup.
-
vue-global-events
– A component to handle global events (like shortcuts) using Vue’s event
modifiers
-
vue-edge-check –
Check browser edge to prevent transition effect triggered oddly when
swipe edge with
vue-router
-
vue-mutation-observer
– A simple and tiny directive to observe changes in DOM use
MutationObserver API
-
vue-scroll-show
– Showing the element if the user reached it after scroll
-
vue-tabevents –
Easy communication between other opened tabs
-
vue-visibility-trigger
- 👀 Declaratively trigger methods when scrolled into view
-
v-click-outside-x
- Vue V2 directive to react on click, touch, pointer or multiple events
outside an element.
-
vue-keypress -
Global keypress event handler component for Vue.js applications.
-
vue-pseudo-window
- 👻 Component to declaratively interface window/document in your Vue
template
Responsive Design
-
vue-viewports
- Define your custom viewports and use them in your components.
-
vue-responsive:
Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3
or self defined breakpoints.
-
vue-match-media
- Vue 2.x-compatible plugin that offers a consistent, semantic approach
to making components media query-aware.
-
vue-media-query-mixin
- Vue 2 media query mixin that can be used in both component js and
component template. Compatible with bootstrap and vuetify viewports.
wXS
returns if screen width is xs, wSM
returns
true if screen width is sm, etc…
-
vue-breakpoints
- Vue 2 minimal components to show and hide elements based on
breakpoints. Inspired by Airbnb.
-
vue-mq -
Offer some useful tools to quickly setup responsive design with a
semantic and mobile-first API (Vue 2.x)
-
VueResizeSensor
- A container that supports resize event.
-
vue-breakpoint-component
- A render-less component for composing CSS breakpoint state.
-
fine-mq - A fine API to
manage media queries in JS with ease and first-class integration with
VueJS as a plugin.
-
vue-responsive-components
- Create responsive components with
ResizeObserver
.
-
vue-screen-size
- Get easy and reactive access to the width and height of your screen.
-
vue-container-query-2
- Smart vue plugin for working with css container query.
-
vue-component-media-queries
- MatchMedia component library for Vue.
-
vue-formly -
JavaScript powered forms for Vue.js.
-
vue-focus - A
reusable focus directive for reusable Vue.js components.
-
vue-form-generator
- A schema-based form generator component for Vue.js.
-
FormSchema Native -
Generate a form using JSON Schema and Vue.js
-
ic-formly - Simple
form component powered by vue-formly.
-
Form Builder -
Json template based form builder, based on Vue and Laravel.
-
vue-autofocus-directive
- Vue autofocus directive.
-
vue-awesome-form
- A vue.js component just like json-editor
-
vue-form-components
- Clean & minimal vue form elements with validation
-
v-ajax-form -
vue.js component plug-in to make Form tag compatible with ajax request
-
Vue Formulate
- The easiest way to build forms with Vue. Validation, error handling,
form generation, comprehensive documentation, and more.
-
Reforms.js - Vue 3 and
Bootstrap forms and cards generator. Validation, multiple fields,
grouping, schema and more.
Validation
-
vee-validate -
Simple Vue.js input validation plugin.
-
vue-rawmodel -
RawModel.js plugin for Vue.js v2. Form validation has never been easier.
-
vuelidate - Simple,
lightweight model-based validation for Vue.js.
-
simple-vue-validator
- A simple yet flexible validator library for vue.js.
-
vue-vform - Vue.js
2 form component that integrates jQuery Validation and Axios.
-
vue-form -
Comprehensive form validation for Vue.js.
-
vuelidation - simple,
powerful, vuejs validation.
-
laravel-vue-validator
- Display errors from laravel validation rules
-
vue-daval - Super vue
data validator. Easiness, simplicity, accurate.
-
willvalidate
- Validation Forms for Vue.js.
-
vue-isyourpasswordsafe
- A small utility written in Vue that checks if the given password has
been leaked against the Have I Been Pwned API.
-
vue-form-send
- A Vue.js directive for sending data from form and primitive validation
-
FormVuelar -
Vue form components with server-side validation in mind
-
vue-final-validate
- Vue validation solution from my development experience, support
nested, async.
-
vform - A simple way
to handle Laravel back-end validation in Vue.
-
vue-form-container
- A
Provider Component
that encapsulate your forms and
handle their states and validations.
-
ps-validation
- A Vue plugin that provides out-of-the-box data validation rules, very
much inspired from Laravel validation system.
-
vue-laravel-errors
- A Vue.JS plugin that adds a global mixin which can be used to fill an
errors variable from a laravel error response and display it as an
object or array, can also be used as a local mixin.
-
vue-input-validator
- 🛡️ Highly extensible & customizable input validator for Vue 2
-
[@vuito/vue](https://github.com/mathix420/vuito) - Simple, lightweight, isomorphic,
and template-based validation library.
-
vue-tiny-validate
- Tiny (2.5KB minified) Vue Validate Composition.
Resize
-
vue-not-visible -
Vue directive for removing from dom (like v-if) element on screen
smaller than breakpoints.
-
vue-window-size
- Provides reactivity window size properties.
-
vue-responsive-text
- ↔ Component that scales its child node in relation to its parent
node’s width
Set window scroll position
-
vue-chat-scroll
- Automatic scroll-to-bottom directive for Vue.js 2.0.
-
vue-scrollto -
Adds a directive that listens for click events and scrolls to elements.
-
vue-next-level-scroll
- A component based and SSR ready approach to smooth scrolling using the
modern Scroll behavior API
-
vue-scroll-sync
- A component that synchronizes containers’ scroll positions
-
v-scroll-lock - A
Vue.js directive for body scroll locking without breaking scrolling of a
target element
-
vue2-perfect-scrollbar
- PerfectScrollbar minimalistic wrapper
-
vue-scroll-to
- Adds a directive that listens for click events and scrolls to
elements.
-
vue-scroll-progressbar
- A customizable component that indicates the scroll relative position
in a progressbar.
-
vue-backtotop
- A Back-to-top component for Vue.js, which scroll page to the top when
clicked.
Virtual scrollbar
-
VBar - The virtual
responsive cross-browser scrollbar component for Vue.js 2x.
-
Vuebar - Vue 2 directive for
custom scrollbar that uses native scroll behavior. Lightweight,
performant, customizable and without dependencies.
-
vue-detached-scrollbar
- A simple scrollbar that can be detached from the container it is
scrolling.
-
vuescroll - A
scrolling plugin based on Vue.js for uniforming the scrolling in PC and
mobile.
-
vue-simplebar -
Vue.js wrapper for simplebar plugin.
-
smooth-vuebar
- Vue directive wrapper for smooth-scrollbar
Detect when components enter viewport
-
vue-scrollview
- A component utilizing scoped slots to detect when a vue component
enters and leaves the viewport.
-
vue-scrollactive
- Adds an active class in a menu item based on the current section in
viewport, also scrolling to the section when clicking the menu item.
-
vue-intersect - A
Vue component to add intersection-observer to a Vue component or HTML
element.
-
vue-scrollmonitor
- A Vue plugin to watch visibility state of elements inside viewport
with a wide range of browsers supported (use provide/inject so compat
vue@2.2.x)
-
vue-stroll -
An Awesome CSS3 list scroll effects component for Vue.js 2.x.
-
navscroll-js -
Highlights menu items as you scroll, and also scrolls to a section when
a menu item clicked. Use as a vue component, a vue directive or with
vanilla js.
-
vue-scrollwatch
- A light plugin detecting scroll event,customize callback when element
enter viewport,expose ‘scrollTo’ api to scroll to specific element
.Using vue directive.
-
vue-check-view
- A plugin that checks if element is in viewport. Fast, small, has no
dependencies, live demo.
-
vue-stickto - A vue
directive that support multiple DOM nodes stick to top automatically
-
vue2-scrollspy - A
scrollspy plugin and animated scroll-to.
-
vue-trip-wire
- A custom directive for firing functions when an element reaches a
designated point in the viewport, with option to import module with
globally accessible functions.
-
v-intersect - A
Vue directive and component that detect element when it’s visible or
hidden on viewport
-
vue-scrollama -
A Vue component to easily setup scroll-driven interactions (aka
scrollytelling).
Customize the scroll behavior
Seamless scrolling
Routing
-
vue-router - The
official router for Vue.js.
-
vue-router-storage
- Router storage & resolve solution for Vue.js 2 & vue-router 2
-
vue-tidyroutes
- Decentralized vue-router routes definitions
-
vue-routisan -
Elegant, fluent route definitions for Vue Router, inspired by Laravel.
-
vue-error-page
- Provides a wrapper for router-view that allows you to show error pages
without changing the URL
-
vue-router-sitemap
- Generate sitemap.xml by vue-router configuration
-
vue-smart-route -
Smart route directive to make intelligent looking apps with Vue.js.
-
vue-router-lite
- A component-based, declarative router for Vue.js 2.
-
vue-route-props
- Automatically bind vue-router query to vm, APIs are mostly same as the
Vue props.
-
vue-pilot - A
Trie-based vue router with the ability of managing history.state.
-
vue-lang-router
- Vue.js 2 & 3 language routing with (optional) URL localization.
-
vue-router-compositions
- A util package for Vue-Router and Vue Composition API.
-
vue-middleware
- Middleware for Vue.
Lazy Load
-
vue-lazyload - A
Vue.js plugin for lazyload your Image or Component in your application.
-
vue-lazy-background-images
- Lazy load background images for Vue 2.
-
vue-progressive-image
- Vue progressive image loading plugin.
-
vue-l-lazyload -
A lazyload plugin for Vue.js v2.x+.
-
vue-lazyload-img
- Especially optimized for mobile browser. support V2 & v1.
-
vue-lazy-images
- A plugin of lazyload images for Vue 2.x.
-
v-lazy-img - Tiny
(<0.6kb) directive for progressive image loading for Vue 2.
-
vue-clazy-load
- Lightweight transitionable image lazy loading component using
IntersecionObserver for Vue 2.
-
vue-lazy-this
- Lazyloading component using Intersection Observer API.
-
v2-lazy-list - A
simple lazy-load list component based Vue 2.x
-
pimg - A Simple Progressive
Image Component used for lazy loading images.
-
vue-tiny-lazyload-img
- A small size Vue.js v.2+ directive for lazy loading images
-
vue-lazy-youtube-video
- A simple Vue.js component for lazy loading YouTube videos.
-
lazyload-vue- Vue
Plugin for vanilla-lazyload.
-
vue-lazy-loading
- A vue plugin to better supporting native lazy-loading for image and
iframe.
-
v-lazy-component
- Vue component render when visible. Uses Intersection Observer API.
-
vue-lazy -
Lightweight Image/Picture lazyload based on Intersection API
-
vue3-lazyload -
Vue module for lazy-loading images in your vue 3 applications.
Animation
-
vue2-animate -
A Vue.js 2.0 port of Animate.css. For use with Vue’s built-in
transitions.
-
animated-vue
- A Vue.js 2.x plugin to easily use Animate.css animations as
transitions. As easy as
<animated-tada>
!
-
vue-lottie -
A Vue.js 2.x plugin to render after effects animations based on
bodymovin
-
Vueg - Make vue-router have
a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
-
v-animate-css
- The easiest to implement Vue 2 directive for Animate.css
-
vue-mixin-tween
- Mixin factory that adds tweened values to component context for
animations
-
v-odometer -
Smoothly transitions numbers with ease. Use this library to give your
application a smooth animation, only applicable on numbers.
-
vue2-transitions
✨ Reusable Vue 2 transition components
-
vue-overdrive
Super easy magic-move transitions for Vue apps 🎩
-
animated-number-vue
Super easy way to animate numbers.
-
vue-typed-js
Typed.js integration to easily create typying animations.
-
vue-parent-change-transition
Enable a child components to animate when it changes the parent.
-
vue-smooth-reflow
Transition an elements reflow in response to data changes.
-
VueTween Allows
components to tween their properties.
-
vue-slide-up-down
Like jQuery’s
slideUp
/ slideDown
, but for
Vue!
-
vue-animejs
Simple
anime.js
directives for Vue.
-
Eagle.js Eagle.js is a
web-based slideshow framework for Vue.js.
-
vue-slide-up-down-component
It is a simple interface but realizes very flexible and powerful slide
animation, for Vue!
-
femtoTween A
minimalistic (zero-dep, less than 1k) tweening library with first-class
Vue support
-
vue-sequential-entrance
Plugin for creating elegant sequential animation entrances with a list
of elements of your page. Zero effort. Simple and lightweight
-
vue-animate-scroll
Super lightweight way to add CSS animations to elements as they scroll
into view.
-
vue-svg-transition
Create 2-state, SVG-powered transitions
-
vue-page-transition
Easy route / page transitions for Vue.js
-
Vuenime A flexible
Vue wrapper for Animejs
-
vue-flipper - A
component to flip children with a nice transition.
-
v-number Animated
number transition library for Vue.js
-
vue-kinesis A set
of components to create interactive animations
-
vue-digital-transform
A vue component for better digital transform animation
-
vue-typical 🐡 Vue
Animated typing in ~400 bytes of JavaScript.
Manage meta information in the document head
-
vue-head - Manage the
meta information of the head tag, a simple and easy way.
-
vue-meta - Manage
page meta info in Vue 2.0 components. SSR + Streaming supported.
-
vue-headful - Set
document
<title>
and meta tags from within your
views.
-
vue-simple-headful
- Easily set meta-tags with vue.js - a simpler
vue-headful
alternative with TypeScript support.
Portal
Move a DOM node to a target DOM node
-
vue-dom-portal
- An escape hatch for DOM Elements in Vue.js components.
-
portal-vue - A Vue Plugin
to render your component’s template anywhere in the DOM (Works on the
virtualDOM level, doesn’t move nodes within the DOM)
Filters
SVG
-
vue-svgicon - A tool
to create svg icon components. (vue 2.x).
-
vue-content-loading
- Vue component to easily build (or use presets) SVG loading cards
Facebook like.
-
vue-annotator -
Annotate page using any SVG Element (
rect
,
polygon
, and many more, even HTML Element like
canvas
if wrapped in foreignObject
)
-
vue-svg-sprite
- A plugin, component or directive to simply use SVG sprite (vue 3.x,
vue 2.x).
-
vue-svg-filler
- Vue component for custom your svg file 🖍 🎨 (vue 2.x).
-
vue-inline-svg -
Vue component loads an SVG source dynamically and inline
<svg>
so you can manipulate the style of it with CSS
or JS. (vue 2.x, vue 3.x)
Miscellaneous
-
vue-resource-progressbar-interceptor
- Interceptor that ties a progressbar to all requests, that it is clear
that something is loading.
-
vue-images-loaded
- Vue.js 2.0 directive to detect images loading.
-
vue-visible - A
v-visible directive for VueJS (2.x), like v-show but for visibility.
-
vue-resize-sensor
- Component to detect container resizing (event-based)
-
v-blur - Vue directive
to blur an element dynamically
-
vue-async-methods
- Helper utilities for promise based methods
-
vue-openseadragon
- OpenSeaDragon component for Vue.js (zoom and pan)
-
vue-match-heights
- Directive to set heights of elements to be the same.
-
vue-conditional-attrs
- A Vue.js component for conditional rendering attributes and directives
-
vue-cbsc - A
Vue.js 2.x component for programmatically blender, shader and convert
colors.
-
vue-spatialnavigation
- Vue directive (Vue.js 2.x) for spatial navigation (keyboard
navigation)
-
vue-lifecycle - A
Vue.js lifecycle directives.
-
v-aspect-ratio
- Vue.js directive for setting an aspect ratio.
-
[@kooljay82/vue-m-camera](https://github.com/kooljay82/vue-m-camera) - To avoid changing
orientation of photo automatically which taken via camera of user’s
device.
-
v-ripple-directive
- Vue.js directive for ripple effect.
-
vue-material-design-ripple
- Add material design ripple to any element. Use any ripple color you
want. No performance issues. Mobile friendly. No dependencies. It just
works.
-
v-github-icon
- easily add “that” tiny GitHub icon on the right/left corner of your
Vue components/libraries demos’ 🤙
-
vue-styled-shadows
- Component based styled shadow patterns for images.
-
v-visible -
Vue.js directive for setting visibility of an element.
WebGL
Fullscreen
-
vue-fullscreen -
A simple Vue component for fullscreen, support Vue2 and Vue3.
Page visibility
Printing
Utilities
Utilities not directly related to the UI
-
vue-underscore -
simple vue plugin to implement underscore
-
vue-lazy-calc
- A simple calculation plugin in lazy && chaining way with
strong typed.
-
vue-loadable -
A plugin to improve loading state control with pretty simple methods,
decorators and helpers.
-
vueuse - Collection of
essential Vue Composition API utils works for Vue 2.x and 3.x.
-
vue-composable -
Vue composition-api composable components. i18n, validation, pagination,
fetch, etc. +30 variable composable functions.
-
vue-condition-watcher
- 🕶 Vue Composition API for automatic fetch data when condition has been
changed.
-
vue-use - Use magic
Vue Composition APIs to provide a lot of reusable logic, such as form,
table and loading, etc.
-
vue-concurrency
- library for encapsulating asynchronous operations and managing
concurrency for Vue and Composition API.
-
vue-ics - Vue.js plugin
for generating ICalendar (.ics) files.
-
vue-use-switch-map
- 👽 The power of the RxJS switchMap operator injected into the Vue
composition world.
-
vue-use-infinite-scroll
- ♾️ A Vue composition function that makes infinite scroll a breeze.
-
vue-with-wrapper
- A object deconstruction used in
template
-
vesselize - ⛵ A
JavaScript IoC container that works seamlessly with Vue.js.
-
vue-context-composition
- share state created with the composition API between components,
similar to
useContext
from React Hooks
-
vuex-overlay-tools
- 🛠 A Vue 3 plugin for monitoring Vuex store (time-travel is also
supported)
-
vuse-rx - Complete
first-class rxjs support for Vue 3
-
vue-props-validation
- Vue props validation logic extracted for nested validations in objects
and arrays using the Vue native syntax.
-
vue-next-rx -
Complete RxJS integration for Vue.js. (Update of vue-rx)
-
fontawesome-autogen
- Automatically detect and import fontawesome icons used in your webapp.
Typescript
HTTP Requests
Retrieve data over HTTP
-
vue-resource - The
HTTP client for Vue.js.
-
vue-async-computed
- Async computed properties for Vue.js.
-
vue-jsonp - A
tiny library for handling JSONP request.
-
v-model - V-Model
is a model plugin for Vue.js, like ng-resource.
-
vue-resource-mock
- A helper to mock your http response, based on vue-resource’s
interceptor.
-
vue-async-data-2
- Async data loading plugin for Vue.js.
-
vue-api-request
- A plugin that provides full control on your APIs, making your request
simple, fast and easy to implement.
-
vue-fast-axios
- Make requests with validations in a simple and beautiful way.
-
vue-async-properties
- An
asyncData
and asyncComputed
plugin with
support for debouncing, transforming results, error handlers,
loading/pending flags, lazy/eager requests.
-
vue-axios-plugin
- A plugin that combines axios with Vuejs, making http request more
easier.
-
zipkin-instrumentation-vue-resource
- An interceptor for
vue-resource
that instruments outgoing
HTTP requests with
Zipkin
-
vue-api-query
- Elegant and simple way to build requests for REST API.
-
vue-chimera -
A full-featured RESTful resource based client, compatible with Nuxt.js
and allows server-side fetch.
-
vue-apis - A vue
plug-in integrated with axios that chain-builds API instances. Available
from the context of a vue instance (eg: this.$apis.apiName()).
-
rexios - Utils normalize
url, data, params for axios when using rest api request.
-
vue-axillo -
Composable Axios for REST API with query notation GraphQL.
-
vue-request - ⚡️
Vue 3 Composable for data fetching, supports SWR, polling, error retry,
cache request, pagination and other cool features.
-
swrv - Stale-while-revalidate
data fetching for Vue.
i18n
Internationalization / L10n / localization / translation
-
vue-i18n -
Internationalization plugin for Vue.js.
-
vue-translate-plugin
- VueJS plugin for translations.
-
vuex-i18n -
Localization plugin for vue.js 2.0 using vuex as store.
-
vue-gettext -
Translate your Vue.js applications with gettext.
-
vue-i18n - A small
plugin for implementing translations in Vue.js.
-
vue-multilanguage
- Support many languages in Vue.js 2.
-
vue-ts-locale - A
plugin for implementing translations using Intl in Vue.js 2 with
typescript support.
-
vue-i18next - A
i18next wrapper to support translations in Vue.js 2.
-
vue-polyglot
- Basic translation plugin for Vue.js 2 with async loading.
-
v-localize - Simple
localization plugin for the amazing Vue.js.
-
vue-simple-i18n
- Probably the thinnest library to end all Vue i18n solutions within 1kb
-
template-string-i18n
- I18n using template strings with auto save/load translate documents.
-
vue-translations
- Translate your vuejs application easy with it.
-
vue-i18n-service -
Export and import
vue-i18n
’s SFC translations.
-
vue-i18n-filter
- Vue filter extend for Vue-i18n, simply using
{{ hello world | t }}
.
-
vue-translation-manager
- Interactively find and translate strings in your Vue.js application.
Works well with vue-18n and vuex-i18n.
-
vue-t9n - Simplest way
to translate your applications
-
vue-simple-inline-translation
- A Vue component that simplifies the way text is translated: by
translating it inline.
-
vue-i18n-extract
- Manage vue-i18n localization with static analysis. Make reports about
missing and unused i18n entries.
-
vscode-vue-i18n-ally
- VSCode extension for better Vue-i18n experiences.
-
v-intl - Global
Intl wrapper for your awesome Vue 3 app 🔉
-
excel-vue-i18n
- A plugin transforms excel file to i18n json format for translations.
-
vue-i18n-lite
- A super lightweight and minimal plugin that introduces
internationalization into your Vue.js app with a simple API.
-
v-google-translate
- A component that use google translate to internationalize your Vue.js
app.
-
fluent-vue -
Internationalization plugin for Vue.js (2 and 3). Vue.js integration for
Fluent.js - JavaScript implementation of Project Fluent
Custom Events
-
vue-events -
Simple event handling for Vue.js.
-
vue-event-handler
- Event handling plugin for VueJS.
-
vue-event-manager
- The global event manager for Vue.js.
-
vue-geb - A global event
bus using Observables.
-
vue-bus - Tiny simple
central event bus plugin for Vue.js 2.
-
vue-simple-events
- Yet another event management plugin, but WITHOUT Vue instance
-
vue-option-events
- Bring Vue.js 1 events option and $emit to Vue.js 2.
-
vue-emit - A
helper function to emit events from functional components.
-
vue-plugin-events
- Simple global event bus for Vue.js applications with automatic
subscription control.
-
vue3-custom-hooks
- Build custom hooks for Vue.js 3 Composition API.
-
vue-catch-hrefs -
Catch clicks on hrefs links (in v-html) and route them to vue-router.
Persistence
LocalStorage etc.
-
vue-localstorage
- Vue.js localStorage plugin with types support.
-
vue-ls - Vue plugin for
work with LocalStorage from Vue context.
-
vue-pouch - Live
and reactive bindings for PouchDB. Persist data in IndexedDB and sync
with CouchDB.
-
vue-idb - Lists and huge
lists management with IndexedDB (Dexie.js) only or automatically created
and extendible vuex modules
-
vue-browserstore
- Browser storage wrapper.
-
VueStorage - Allows
components to save and load their data across browser sessions.
-
vue-web-storage
Another Vue.js plugin for localStorage and sessionStorage
-
vue-universal-cookies
Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser,
Express, http (node).
-
vue2-storage
Browser storage for Vue.js app
-
vue-warehouse A
Cross-browser storage for Vue.js and Nuxt.js, with plugins support and
easy extensibility based on Store.js.
-
vue-storage-watcher
- A reactive localStorage/sessionStorage plugin for Vue.js with strong
typed.
-
vue-use-local-storage
- A composition api to persist and rehydrate reactive data to local
storage for vue 3.
State Management
-
vuex - Centralized State
Management for Vue.js.
-
vue-sync - Synchronize
Vue State with the Browser URL, Server Backend, and other endpoints.
-
vuelm - Lightweight state
management inspired by Elm architecture.
-
vuez - A simple but
powerful State Management for Vue.js, with only 2 APIs.
-
vuet - Vue.js state
management model for Agile Development
-
vue-ya-stash - Yet
Another stash storage with update/patch event emitters simillar with
v-bind.sync
-
vue-assign-model
- Automatically assign elements value to model for Vue.js.
-
vue-stash - Easily
share reactive data between your Vue components.
-
vue-model -
Model component for Vue.js
-
tuex - A mostly
reasonable alternative to Vuex.
-
revuejs - A tiny, light
and handy state management for vuejs 2, writing less verbose code.
-
lue - Vue and vuex based
library, writing less verbose code.
-
vuex-lite - A 1KB
Vuex with just state and mutations.
-
vue-shared - A light
and simple alternative to vuex
-
vuex-module-generator
- It allows you to create a vuex module easily.
-
vuex-declaration
- Declare state like props, make state inject to vuex dynamically when
component created.
-
vuex-up - Brings mixing
and services injector features to module vuex.
-
effector — Fast and
powerful reactive state manager. Effector lets you write simple, fast
and type safe code and manage reactive state with ease.
-
nano-state-vue
- Efficient, effective, and extensible state management: less is more
-
universal-model-vue
- Unified state management for Vue (and also for Angular/React/Svelte)
-
vue-states - State
management system for Vue with same API as Vue components
-
v-bucket - 📦 Fast,
Simple, and Lightweight State Management for Vue 3.0 built with
composition API, inspired by Vuex.
-
VueFort - Data
modeling for Vue. Works for Vue 2 & 3.
-
[@korijn/vue-store](https://github.com/Korijn/vue-store) - Lightweight Vue 3 composition
API-compatible store pattern library with undo/redo.
-
vuex-light - State
management system with robust typing for Vue 3
-
vue-object-state
- Simple object/dto/model state tracking
-
vue-datatable-url-sync
- Synchronize datatable options and filters with the url to keep user
preference even after refresh or navigation
-
vue-path-store -
Simple state management that uses the dot notation path syntax, also
comes with Vuex and Pinia plugins.
Redux
-
vuedeux - Binding
Solutions for Vue & Redux.
-
vuejs-redux -
High order component facilities for Vue and Redux.
-
vuex-coolstory -
Plugin for vuex to run redux-saga.
Mobx
-
movue - Mobx integration
for Vue.js.
-
vue-mobx - Mobx binding
for Vuejs 2.x.
Authentication/Authorization
-
vue-kindergarten
-
vue-authenticate
- Simple Vue.js authentication library for login/register and OAuth
(1.0/2.0) authentication
-
vue-facebook-account-kit
- Simple vue wrapper to the fb account kit library.
-
casl-vue
- Restricts what resources a given user is allowed to access
-
vue-google-api
- A wrapper for easy integration of the Google’s APIs client in any
vue.js 2 project, based on promises, with built-in Oauth2 “Sign In with
Google” facilities.
-
vue-auth - A simple
light-weight authentication library for Vue.js
-
vue-auth-plugin
- A simple authentication and authorization library for Vue.js using
typescript
-
vue-google-signin-button
- A simple Vue plugin to include a Google sign-in button into your web
app
-
vue-facebook-signin-button
- A simple plugin to include a custom Facebook sign-in button into your
web app
-
vue-auth-href - A
VueJS directive for downloading files that are under a protected route
schema
-
vue-msal - Vue
plugin for using Microsoft Authentication Library (MSAL)
-
vue-simple-acl
- A simple unopinionated Vue plugin for managing user roles and
permissions, access-control list (ACL) and role-based access control
(RBAC).
Vuex Utilities
-
vuex-persistedstate
- Persist Vuex state with localStorage.
-
vuex-plugin-jsdata
- A plugin for syncing Vuex store with js-data.
-
vuex-local - Local
state management within Vuex.
-
vuex-action -
Utilities for vuex to easily create and manage actions.
-
vuex-rest-api
- A Helper utility to simplify the usage of REST APIs with Vuex. Based
on axios.
-
vuex-cache - A Vuex
plugin utility to cache action those will make remote request.
-
vuex-persist
- A Typescript-ready Vuex plugin to help save the store to localStorage
or any custom Storage (that you can configure).
-
vuex-local-state
- Add ‘localState/sessionState’ options to vuex. Keep the Vuex state
with localStorage.
-
vuex-action-reload
- A vuex plugin that reloads actions when a condition is met.
-
vuejs-storage -
Vue.js and vuex plugin to persistence data with
localStorage/sessionStorage.
-
vuex-orm - The Vuex
plugin to enable Object-Relational Mapping access to the Vuex Store.
-
vuex-async-module
- Reduce async boilerplate code generating Vuex modules. Compatible with
Vue 2.x.
-
vuex-iframe-sync
- Vuex state synchronization between iframe/window.
-
vuex-aspect -
Bind remote data of any kind to the vuex store.
-
Vuenut - is a component
to develop faster and more fluently.
-
vuex-map-fields
- Enable two-way data binding for form fields.
-
vuex-search
- Vuex binding for client-side search with indexers and Web Workers.
-
vuex-pathify
- provides a unified path syntax to Vuex stores (such as
foo/bar@a.b.c
)
-
vuex-loading
- Simplify vuex loading state management
-
vuex-module-builder
- Vuex module builder is a wrapper for writing vuex stores efficiently
with some common methods built-in.
-
vuex-pagination -
Easily work with paginated resources in your Vue/Vuex application. Works
well with most of the Vue pagination components.
-
vuex-easy-firestore
- Easy coupling of Firebase Cloud Firestore and Vuex. 2-way sync with 0
boilerplate!
-
vuex-listener
- A global Vuex action and mutation listener plugin
-
jsonapi-vuex -
Use a JSONAPI api with a Vuex store, with client-side
restructuring/normalization of records.
-
vuexi - provides
utilities to simplify async actions and state management
-
stfalcon-vuex-loading-plugin
- the easiest way to handle loading state of vuex
-
Vue Rest Resource
- Rest HTTP resource management for Vue.js and Vuex projects.
-
Vuex Stateshot
- 💾 A State Snapshot plugin on Actions/Mutations for Vuex3.1+.
-
vuex-loopback
- Vuex module factory and Vue components for Loopback.
-
vuex-state-snapshot
- A Vuex plugin to take state snapshot on mutation.
-
vuex-awesome-async
- It wraps Vuex stores to easily manage async requests (loading, error
and cache state).
-
vuex-factories
- Factory functions to generate vuex actions and mutations.
-
vuex-hooks -
Typescript enabled vuex composition-api hooks.
-
vuex-composition-helpers
- A util package to use Vuex with Composition API easily.
-
vuex-ts-enhance
- A tool to enhance
mapXXX
and
dispatch
methods hint
-
vuex-masked-modules
- A Vuex plugin put data structure of the module in localStorage, with
the ability to mask or encrypt the data to make it difficult to explore.
Designed for Vue 3 and Vuex 4.
Sync Between Tabs
GraphQL
-
vue-apollo -
Apollo/GraphQL integration for VueJS.
-
vue-relay - A framework
for building GraphQL-driven Vue.js applications.
-
vuex-orm-apollo
- Apollo/GraphQL integration for Vuex-ORM.
Concurrency Management
-
vuency - Concurrency
management for Vue.js.
Code Style
Improve readability of code
CSS
-
vue-bem-cn - Simple
BEM class name generator for Vue.JS.
-
vue-css
- Vue.js plugin that allows you to bundle CSS with your components.
-
vue-mods-names -
Adding modificators to class names for all components in app.
-
vue-styler - Simple,
performant styler for vue.
-
vue-css-modules -
Seamless mapping of class names to CSS Modules inside of Vue components.
-
vue-simple-bem
- Directive with succint syntax for adding BEM class names to elements.
-
fela-vue - CSS-IN-JS
mixin for Vue designed for flexibility yet team-oriented.
- j-vue
-
vue-spinners-css
- Collection of pure CSS vue spinners components, css spinners for ajax
or loading animation based on loading.io.
-
vue-css-doodle
- Porting of css-doodle, a web component for drawing patterns with CSS.
Asset Management
Utilities for building / compiling / bundling / loading assets
-
vue-script2 -
Standardized, designer-friendly script tag behavior for your Single Page
App.
-
vue-loader - Webpack
loader for Vue.js components.
-
vueify - Browserify
transform for single-file Vue components.
-
vue-compiler - A
simple cli wrapper around the vue-component-compiler.
-
vue-brunch - Adds
support to Brunch for pre-compiling single file Vue components.
-
poi - Start writing an app
with a single .js file, Poi could handle all the development setups for
you, no more configuration hell.
-
http-vue-loader
- Load .vue files directly from your html/js without node.js environment
nor build step.
-
vue-jsx-hot-loader
- Enable HMR for Vue.js components with JSX render functions.
-
VueInBrowserLoader
- Loads a .vue file from the given URL and compiles it to a component
directly in the browser.
-
vue-separate-files-webpack-loader
- Webpack loader for separated Vue components parts
-
vue-svg-loader
- webpack loader that lets you use SVG files as Vue components
-
vue-registrar
- ☘️ A package that dynamically registers your components and vuex
modules - Makes your code a lot readable!
-
vue-automatic-import-loader
- webpack loader that auto import your Vue single file components by
using a match function.
-
vue-aimg-loader
- A easy way to use image in Vue template without wirte css.
-
vite-svg-loader
- Vite plugin to load SVG files as Vue components
Page Navigation
-
vue-navigation -
A page navigation library, record routes and cache pages, like native
app navigation. 一个页面导航库,记录路由并缓存页面,像原生 APP
导航一样。
-
vue-acl -
Access Control List for VueJS 2.
-
vue-breadcrumbs
- Implements simple breadcrumb functionality with vue-router for both
Vue 1.x and Vue 2.x.
-
vue-2-breadcrumbs
- breadcrumb together with vue-router for Vue 2.x. and Bootstrap 4
-
vs-crumbs
- Vue breadcrumbs in 40 lines of code that allows nested paths without
child views.
-
vue-nav - Page
navigation manager, support all navigation function of native mobile
app. 页面导航管理器,支持手机原生应用的所有导航功能。
-
vue-2-crumbs -
Breadcrumbs plugin for Vue.js 2 framework that allows to select parent
route in route meta object with no need of sub-routing. Also allows
using dynamic data.
-
vue-pesdk
Vue.js wrapper for the PhotoEditorSDK
-
vue-resolve
Resolve routes data before entering / rendering the component for that
route.
-
vue-page-stack
- Routing and navigation for your Vue SPA. Vue 单页应用导航管理器
Miscellaneous
-
vue-super - A simple
plugin to call methods on parent components.
-
[@skyrpex/props-to-local](https://github.com/skyrpex/props-to-local) - Vue mixin that maps props
to local data.
-
vue-inject -
Dependency injection for Vue 2.x Components
-
vue-deepset -
Interact with deeply nested fields in Vue/Vuex objects/state with
v-model in Vue 1.x and 2.x
-
vue-gaspard -
DOM helpers plugin for Vue.js
-
vue-configuration
- A static configuration object for Vue.js
-
vue-lodash - A
simple wrapper for integrating lodash to Vue 2.
-
vue-ramda - Vue
Wrapper for ramda
-
vue-router-user-roles
- Protects routes based on user roles. Add your own authentication.
-
vue-messenger - A
series of useful enhancements to Vue component props: Transform,
Enum-type, Numeric-type, Two-way data bindings.
-
vue-uuid-v4 -
Plugin Vue2 to easy get UUIDv4
-
vue-async-operations
- Managing async operations statuses in your Vue components
-
vue-direction -
👋 Direction aware hover in Vuejs
-
vue-unique-id -
Generates unique component ids and component-scoped HTML ids.
-
stfalcon-vue-di
- ⭐️ Lightweight DI for vue components️ ❤️
-
vue-uuid - Adds
UUID to Vue instance.
-
vue-injector -
Dependency injection for Vue 2.x
-
vue-subslot -
💍 Vue component to pick ’n choose what you want from a slot
-
vue-timed-content
- Shows or hides content based on a given time range and timezone.
-
vue-live - A
component to demo components, inspired by react-live.
-
vue-safe-html -
Vue.js directive which renders sanitised HTML dynamically.
-
v-fetch - Vue.js
directive to make AJAX requests.
Web Workers
-
vue-worker - A
Vue.js plugin to use webworkers in a simply way.
-
vue-log-worker
- A Vue.js plugin to log error and vuex mutations to your backend
through a web worker
JSX
-
jsx-vue-functional
- A Babel plugin that brings syntactic sugar for Vue functional
components.
-
jsx-event-modifiers
- A Babel plugin that adds event modifiers similar to Vue templates to
JSX.
-
jsx-v-model
- A Babel plugin that brings
v-model
to JSX.
-
vue-jsx-sync
- A Babel plugin that brings vue
sync modifier
to JSX.
Migration
Web Sockets
-
vue-socket.io
- Socket.io implementation for vuejs.
-
vue-websocket -
Simple websocket (socket.io) plugin for Vue.js.
-
vue-echo -
Integrates Laravel Echo into Vue, allows for easy registration of socket
events.
-
vue-socket-cluster
- Web Sockets for vue with uws(Micro web sockets) through socket cluster
-
vue-native-websocket
- Native websocket implementation for Vuejs 2 and Vuex
-
vue-socket.io-extended
- Socket.io bindings for Vue.js and Vuex
-
vue-phoenix - Elixir
Phoenix Web Socket implmentation for vuejs. Also provides typescript
decorator for better use.
Server-Sent Events
-
vue-sse - A Vue plugin
for using Server-Sent Events (EventSource).
Payment
Payment utilities.
Stripe
Paypal
Plaid
Integrations
Integrate with services or other frameworks
-
vue-disqus - Vue
component to integrate Disqus comments in your application, with support
for SPA.
-
vue-youtube-embed
- Vue.js and YouTube.
-
vue-add-to-calendar
- A Vue.js component that provides “Add to Calendar” functionality,
works with Vue 2.X.
-
Vue + Meteor - Vue
first-class integration in Meteor.
-
av-ts - A
modern, type-safe, idiomatic Vue binding library.
-
Neutronium -
Build .NET desktop applications using HTML, CSS and javascript.
-
vue-typescript-jest
- Jest preprocessor.js for Vue.js components (supporting html, pug, and
babel) and TypeScript.
-
vue-jest-utils
- Utilities for testing Vue.js components using Jest.
-
vue-custom-element
- Vue Custom Element - Custom Elements for Vue.js.
-
vue-cordova -
Vue.js plugin for Cordova.
-
vue-wamp -
AutobahnJS wrapper library fo Vue.js.
-
express-vue - Vue
rendering engine for Express.js. Use .Vue files as templates using
res.render().
-
vue-grecaptcha
- Google reCAPTCHA for VueJS 2
-
vue-recaptcha -
Google reCAPTCHA component for Vue.js
-
require-vuejs
- RequireJS plugin to async and dynamic load and parse .vue components.
-
facebook-login-vuejs
- Vue Component for Authenticating your Facebook App and get the
benefits of Facebook Login.
-
vuejs/vuefire - Official
Firebase Integration for VueJS
-
vuefire - Firebase
for VueJS and Vuex
-
vue-runkit -
RunKit Embed for Vue.js
-
vue-youtube -
Provides a simple layer for you to use your imagination while over the
YouTube IFrame Player API. (Compatible with SSR)
-
vue-introjs
- Integrates intro.js step-by-step guide and feature introduction with
Vue.js http://introjs.com/.
-
vue-loopback -
Loopback and Vue application template
-
vue-laroute -
Integrate Laravel routes into your VueJS application using laroute.
-
vue-raven -
Automatically reports uncaught JavaScript exceptions triggered from vue
component.
-
vue-telegram-login
- Vue Component for
Telegram Login
-
vuexpress - Vue +
Express.js = VueXpress / A server-side rendering engine for Express.js.
Use .vue files as your express.js templates.
-
vue-fixer - A simple
vue component for the fixer API.
-
amazon-cognito-vuex-module
- Vuex module for Amazon Cognito.
-
vue-web3 - Web3
blockchain bindings for Vue.js (inspired by Vuefire and Drizzle)
-
sbt-vuefy
- Vue.js integration for Playframework
-
loopback-vue-starter
- LoopBack and Vue starter template with easy plugin management through
vue-cli
and vue ui
.
-
vue.py - Write
Vue.js Components in Python
-
vue-telegram-passport
- Vue Component for
Telegram Passport
-
vue-facebook-login-component
- A fully customizable component for integrating Facebook login.
-
vue-programmatic-invisible-google-recaptcha
- A simple invisible Google reCAPTCHA component focused solely on
programmatic invocation.
-
vbuild - Its main
purpose is to let you use components (.vue files) in your vuejs app,
without a full nodejs stack. Since 0.6 versions : you can create
your component in pure python
!
-
feathers-vuex
- is a first class integration of the Feathers Client and Vuex. It
implements many Redux best practices under the hood, eliminates a lot of
boilerplate code, and still allows you to easily customize the Vuex
store.
-
vue-nocaptcha
- Aliyun noCAPTCHA component for Vue.js
-
ionic-vue -
Vue.js integration for Ionic v4
-
vue-0xcert
- Vue.js integration for 0xcert Framework - an open-source library that
provides tools for building powerful decentralized applications
-
vue-zdog
- Vue wrapper for zDog - a minimalist 3D engine for the browser
-
vue-unleash - A
Vue plugin for the
Unleash open-source feature
flag platform
-
vue-zeye-client
- A Vue plugin for simple use of the
Zeye-server
open-source mediasoup WebRTC SFU server
-
vue-postgrest
- Vue.js integration for postgREST: flexible, powerful and easy to use.
-
Vuecket -
WebFramework where power of Vue.JS married with magic of
Apache Wicket
-
vue-ld - Vue
LaunchDarkly plugin and routing utilities
-
Prisma - Logs
visualization client for
@sherlog/cli
-
vuetube - 🚀 A fast,
lightweight, lazyload vue component acting as a thin layer over the
YouTube Iframe Player API which renders fast
-
vue-tweet - Vue 3
component that let you embed tweets in your App by only giving the tweet
id
Vue CLI Plugins
Google Analytics
-
vue-ua - Google
Universal Analytics support in Vue.js.
-
vue-analytics
- Vue plugin for Google Analytics.
-
vue-gtm - Vue plugin for
Google Tag Manager
-
vue-gtag -
Global Site Tag plugin for Vue
Yandex Metrika
-
vue-dev-server
- A small development server for building
vue
components.
-
Storybook - The UI Development
Environment. works with v3.2+ later.
-
Font Awesome Finder
- Chrome extension to search, preview and choose Font Awesome icons and
copy the selected icon HTML code & Unicode to clipboard.
-
vue-dummy -
Placeholder Text and Dummy Images as a simple
v-dummy
directive.
-
Bit - Manage and reuse
vue
components between projects. Easily isolate and share
components from any project without changing its source code, organize
curated collections and install in different projects.
-
ComponentFixture
- is a component design to develop and test other components,
automatically binding their props.
-
vue-cli-template-dev-server
- A development server for building vue-cli custom templates.
-
vue-codemods
- Collection of codemod scripts that help update and refactor Vue and
JavaScript files.
-
codesandbox - An online
IDE and prototyping tool for rapid Vue development.
-
vue-dom-hints
- 💡 Get hints in the DOM. Minimal Vue devtool alternative.
Inspect
Inspecting & debugging
-
Vue.js devtools -
Chrome devtools extension for debugging Vue.js applications.
-
DejaVue -
Visualization and debugging tool built for Vue.js.
-
vue-clicky - Right
click any component to show info about it in the console.
-
vuejs-logger -
Provides customizable logging functionality for Vue.js.
-
vue-inspector
- Vue.js Inspector for Mobile Devices
-
Vue Performance Devtool
- Vue Performance Devtool is a browser extension for inspecting the
performance of Vue Components
-
VueSource -
Global Vue mixin which identifies components in source code by adding
HTML comments
-
NW-Vue-DevTools
- DevDependency for adding Vue DevTools into NW.js
-
bruit-io - Collect
feedbacks with screenshot and technical data and post them to an API
like bruit.io.
Docs
Create documentation
-
vue-markdown-loader
- Convert Markdown file to Vue Component.
-
vue-styleguide-generator
- React inspired style guide generator for Vue.js.
-
CheatSheet -
Complete Interactive API.
-
Vuex CheatSheet
- Complete Interactive Vuex API.
-
vue-styleguidist
- A style guide generator for Vue components with a living style guide.
-
vue-elucidate
- A component that generates beautiful documentation for your living
styleguide / design system.
-
vue-md-loader -
Markdown files to ALIVE Vue components.
-
[@vuedoc/parser](https://gitlab.com/vuedoc/parser) - Generate a JSON documentation for
a Vue file component.
-
[@vuedoc/md](https://gitlab.com/vuedoc/md) - Generate a Markdown Documentation for
a Vue file.
-
jsdoc-vue-component
- A jsodc3 plugin that extract vue SFC info(name, props, events…) to
document.
-
jsdoc-vuedoc - A
jsdoc3 plugin use
@vuedoc/md
.
-
vue-storybook
– Add
<story>
blocks to your Vue single file
components for tighter integration of Vue +
Storybook
-
vue-patterns -
Useful Vue patterns, techniques, tips and tricks and helpful curated
links.
-
vuese - One-stop solution
for vue component documentation.
-
vue-dotmd-loader
- A webpack loader for loader markdown file transform to vue file.
-
vue-tut - Easily build
beautiful tutorials with Vue.
Test
-
vuenit - Utilities
for testing Vue components and directives.
-
vue-unit - A library
for Vue.js that makes it easier to create and unit test components.
-
vue-a2b - A library
for Split Testing with Vue.js (A/B Testing). Highly configurable and
tiny (1.2k gzipped).
-
vue-test-utils -
Official utilities for testing Vue components.
-
vue-test-actions
- Unit testing Vuex actions with Jest mocks.
-
jest-vue-matcher
- Additional jest matchers for vue
-
vue-hubble - A
better way to select elements for UI testing in Vue.
-
Vue Testing Library
- Simple and complete testing utilities that encourage good testing
practices. Based on DOM Testing Library and built upon the official Vue
Test Utils.
-
jest-serializer-vue-tjw
- Improved formatting of Jest Snapshots
-
vuex-test-utils
- Unit testing Vux with chai.
Browser-less require
Load Vue components without browser
Source Code Editing
Text editor plugins
Atom
Sublime Text
Vim
-
Vim Vue - Syntax
Highlight for Vue.js components.
-
vim-vue-plugin
- Vim syntax and indent plugin for .vue files.
Visual Studio Code
Visual Studio
-
VuePack -
Contains HTML Intellisense and code snippets for the Vue.js JavaScript
library.
Brackets
Intellij
Emacs
Kate
-
Kate Syntax Files
- Syntax files (modified or original) for katepart (kate, kwrite,
kdevelop).
Scaffold
Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman
generator
-
vue-cli - Simple CLI for
scaffolding Vue.js projects.
-
Vue-Django - A
boilerplate to set you up in bringing the awesomeness of VueJS into a
Django (Python) app.
-
python-vuejs -
Gluing Python web frameworks and Vue.js with a set of scripts. Basically
a
vue-cli
wrapper.
-
generator-vue-plugin
- Yeoman generator generating vue plugin.
-
vue-seed - vue-seed
is minimal seed for those looking to get up-and-running with Vue
-
nuxt-seed -
nuxt-seed is minimal seed for those looking to get up-and-running with
Vue and Nuxt
-
rails_vue_melt
- Rails view with webpack=vue optimizer.
-
vue-starter - A
Vue.js starter kit that lets you focus on more programming and less
configuration.
-
vuejs-wordpress-theme-starter
- A WordPress theme with the guts ripped out and replaced with Vue
-
Cordovue - A
sample Apache Cordova application using Vue.
-
Cookiecutter-Django-Vue
- Django+VueJS+Docker customizable project generator with a large number
of settings/integrations
-
iBiu A
visual CLI for scaffolding large Vue projects in 2 seconds.
-
wp-vue - A simple
Vue blog template that displays posts from a WordPress REST API
endpoint.
-
vue-cli-template-nativescript
- Template for starting new nativescript+vue projects with
rollup+babel+eslint
-
vue-element-ui-scaffold
- Online and visual Vue 2 with Element-UI CRUD scaffold/generator.
-
vue-firebase-element-ui-scaffold
- Online and visual Vue 2, Element-UI and Firebase scaffold/generator
with CRUDs, authentication, file/image upload, activity log and more.
-
vuesion - The most
complete boilerplate for production-ready PWAs. With focus on
performance, development speed, and best practices
-
vue-vuex-typescript-webpack-seed
- A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot
reloading
-
VueCharged Template
- A highly opinionated, feature-first Vue 2 template with CLI
scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n.
-
Huncwot - Vue.js
boilerplate with Node.js for building modern JavaScript applications
with « batteries included » approach.
-
wemake-vue-template
- Bleeding edge vue template focused on code quality and developer
happiness. Featuring: nuxt, flow, and jest.
-
vue-lib-template
- 🛠 A simple template for building and publishing Vue component/library
as a open source project.
-
Awesome Vue Boilerplate
- 😍 Awesome Vue, 🥰 Vuex, Vuex-pathify, element-ui, tailwindcss
-
ScaffoldHub.io - Generate full Vue
applications with SQL, MongoDB or Firebase Firestore databases.
-
VuePlay -
Generate disposable Vue playgrounds in seconds. Allows you to test
things quickly.
-
Mevn-CLI - Light
speed setup for MEVN stack based apps.
-
vue-cli-template-registry
- A solution for installing vue-cli custom templates hosted on
private/enterprise repositories.
-
Vuejs Firebase CRUD Starter with Auth
-
vue-enterprise-boilerplate
- An ever-evolving, very opinionated architecture and dev environment
for new Vue SPA projects using Vue CLI 3.
-
vue-starters-directory
- Search for available scaffold projects and starter kits for VueJS.
Features search and github stats are available.
-
janak - Build
your Vue 3 apps in a breeze 🌬
-
vue-composable-starter
- 🪝 Minimalist starting point for your next Vue composable.
-
Vuetify-tailwind-animate-starter
- A vue-cli starter template for vuetify + tailwindcss + animate.css.
Client
Render Vue application in the browser only
-
Bourgeon - Bourgeon
is an opinionated-featured VueJS 2.0 setup for Webpack.
-
Vue Settler -
An opinionated Vue 2.0 SPA Starter.
-
vue-multiple-pages
- A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and
Element-UI
-
vue-typescript-boilerplate
- A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue
Router and localization
-
vue-tachyons-template
- A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint
-
Vuets - A Vue,
TypeScript ready boilerplate using class-style components, vue plugin
options, webpack & vue-cli.
-
MMF-FE/vue-typescript
- A vue2.x typescript template.
-
Friendly Vue Starter
- A full-featured Vue.js starter project with GraphQL support via
Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3, Eslint, Prettier,
…)
-
vue-ts-amd - A
full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and
Typescript.
-
vue-2-boilerplate
- Vue 2 boilerplate for developing medium to large single page
applications by
petervmeijgaard
-
vue-cli-template-library
- Template for developing open-source vue.js libraries with Rollup +
Jest + Babel + Storybook + TravisCI + SemanticRelease.
-
vue-cli-template-github-pages
- A full-featured Webpack + vue-loader setup for Github Pages Deployment
with travisCI.
-
vue-webpack-chrome-extension-template
- Template for quick creation of Chrome extension on Vuejs hot reloading
when developing.
-
vue-auth-boilerplate
- Vue SPA boilerplate with Router/Vuex/CLI3 and auth functions (cool
looking register and login). Works with minimal setup out of the box
with
laravel-api-boilerplate-jwt.
-
vue-atomic-design
- Vue front-end boilerplate based on atomic design methodology.
Universal
Render Vue application to HTML on the server and to the DOM in the
browser
-
SPA Starter Kit
- A highly opinionated starter kit for building Single Page Applications
with Laravel and Vue.js.
-
SSR Boilerplate
- Vue.js server-side rendering boilerplate without polluting Vuex.
-
neutrino-preset-vue-static
- A minimalistic starter kit for building static sites using Vue.js.
-
Vueniverse - A
fully featured, universal Vue template for user-based applications,
powered by Nuxt.js and Express.
-
vue-preload - A
plugin Vue for adding
<link rel="preload"
capabilities
-
Vue.js/Nuxt.js full-featured boilerplate
- professional agency frontend template for building fast, robust, and
adaptable web apps or sites by vuejs/nuxtjs.
Server
Includes a backend boilerplate
-
Vuetober
- Single page apps with Laravel, Vue.js, and October CMS.
-
vue-server-demo -
Writing koa server in Vue.
-
vue-apollo-connector-kit
- JWT authentication with 2 different strategies (localStorage and
httpOnly cookies). Authorization using custom directives (apollo).
-
DotVue - Implement .vue
file handler in .NET with server ViewModel postback. Single-file
components with server-side ViewModel. Use all power of VueJS with
simple C# server-side data access.
-
isomor-vue-app
- Setup a working environment with Vue and isomor, to unify the frontend
and the backend by generating automatically the API.
Electron
-
Electron Vue
- An Electron & Vue.js quick start boilerplate with vue-cli
scaffolding, common Vue plugins, electron-packager/electron-builder,
unit/e2e testing, vue-devtools, and webpack.
-
VuePack - A modern
starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even
Electron).
-
vue-flexible-link
- Tiny Vue component for Electron to open links in a browser. Ideal for
cross-environment apps (Web & Native)
-
vuelectron -
electronjs starter kits for vue.
-
vue-design - the
best website visualization builder with Vue and Electron.
-
dapp - Boilerplate for stack
of Vue/Parcel/Electron.
-
vue-electron-template
- An Electron & Vue.js boilerplate with Hot-reloading enabled and
common Vue plugins, dev and build scripts configured using webpack-4
-
vue-iview-electron-boilerplate
- An Electron & Vue.js boilerplate with iview4.x, Vue2.x,
electron8.x and webpack4.x
Parts
Scaffold parts of the app
-
vue-generator - A
CLI generator for Vue components, views and store modules.
-
vue-component-generator
- A generator for vue component, supports Vue1.X and Vue2.X.
-
rapydml_cmp -
Vue-component pythonic generator, built on top of RapydML &
RapydScript.
-
vue-authoring-template
- Template for authoring also publishing Vue component and their use
case in story-scenario (storybook) format in easy way.
-
vue-component-boilerplate
- Template for generating the boilerplate code for a VueJS component,
with build scripts and testing pre-installed.
-
vue-generate-component-typescript
- A typescript code generator for vue, it can generate components,
directives, filters.
-
vuejs-generate
- An easy CLI for generating Vue components, stores, store modules &
unit tests.
-
vue-sh-cli - A CLI
for generating Vue components, views, store modules & unit tests.
Supports Vue 3 components template and Typescript.
Runtime
Command Line / Terminal
-
blessed-vue - A
VueJS runtime to let you write command line UI in Vue Edit
Prerendering
-
react-snap - A
zero-configuration static pre-renderer for SPA
-
prerender-plugin
- A Node.js/ webpack plugin to prerender static HTML in a single-page
application (SPA).
-
vue-prerender - A
Vue.js tailored plugin which implements three strategies for
prerendering Vue.js pages using headless chrome.
-
Rendora - dynamic SSR
(server-side rendering) using headless Chrome to effortlessly solve the
SEO problem for modern javascript websites
-
pre-vue - A boilerplate
Vue + Nuxt project that offers built-in support for OpenGraph tags,
Google Analytics, a sitemap, and robots.txt.
-
ssr-vuejs-nodejs
- Server-side render vuejs with nodejs without Nuxt.
-
vue-genesis - 🔥Micro
front end, micro service and lightweight solution based on Vue SSR🔥