A curated list of awesome things related to Vue.js

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  • vue-directive-tooltip - Simple, flexible tooltip directive (based on Popper.js)

  • awesome

    😎 Awesome lists about all kinds of interesting topics

  • Awesome Vue.js

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • vuejs-interview-questions

    List of 300 VueJS Interview Questions And Answers

  • Vue.js Interview Questions - A List of 300 VueJS Interview Questions and Answers

  • vue-requests

    Discontinued Need a Vue.js module or looking for ideas?

  • vue-requests - Request a Vue.js module you wish existed or get ideas for modules

  • faviator

    A simple easy favicon generator.

  • Faviator - A simple easy favicon generator.

  • TodoMVC-CoffeeScript-and-Vue.js

    A TodoMVC implementation based on the official example by Evan You - DEPRECATED based on Vue 1.0

  • CoffeeScript Version

  • vue-hackernews

    HackerNews clone with Vue.js

  • Vue.js HackerNews Clone

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • vue-hackernews-2.0

    HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering

  • Vue.js 2.0 HackerNews Clone

  • vuejs-learn

    (vue.js official website tutorials ,contains video , codes, baudi yun, youtube) 网路上有很多 VUE 综合应用的视频,但大部份的视频 ,都当你已经了解官网 所以讲的节奏难免偏快。 此视频(都是上代码),以官网为重,将官网的观念,以视频搭配代码,实际演示。 如果官网有看不懂的地方,比对一下,视频跟代码,就会了解了。 减少你摸索的时间。(註:mvvm 的框架,不管是 ng , react, vue, avalonjs, 都是好的框架,而有经验的前端,至少都会两套以上的 mvvm。)

  • vue-js-workshop

    Jayway Vue.js workshop

  • Jayway Vue.js 2 workshop. Build an e-commerce site with vue-router, vuex and vue-resource

  • vuejs2-learn

    vuejs2 官网讲解 (vue.js 2 official website tutorials ,contains video , codes, baudi yun, youtube)

  • Cypress

    Fast, easy and reliable testing for anything that runs in a browser.

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

  • Build-vue-hackernews-2.0-from-scratch

    A tutorial for beginners to build a complex project with Vue.js 2.0 step by step

  • Build vue-hackernews-2.0 from Scratch by @ Detachment

  • dengwanc

  • vue 架构中的 Watcher

  • VuePress

    📝 Minimalistic Vue-powered static site generator

  • Vuepress - Minimalistic Vue-powered static site generator

  • intro-to-vue

    Workshop Materials for my Introduction to Vue.js Workshop

  • Intro to Vue, repo for Frontend Masters Course

  • v-calendar

    An elegant calendar and datepicker plugin for Vue.

  • VCalendar Very customizable and powerful calendar/datepicker component with many features and good documentation.

  • tui.image-editor

    🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

  • toast-ui.vue-image-editor - Vue Wrapper for TOAST UI Image Editor.

  • TOAST UI Editor

    🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

  • toast-ui.vue-editor - Vue Wrapper for TOAST UI Editor.

  • synclounge

    Enjoy Plex with your friends. In Sync. Together.

  • SyncLounge - SyncLounge is a tool to sync Plex content across multiple players in multiple locations.

  • Owl Carousel 2

    DEPRECATED jQuery Responsive Carousel.

  • vue-owl-carousel - Vue component for Owl Carousel 2

  • Ladda

    Buttons with built-in loading indicators.

  • vue-submit - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.

  • JSCharting for React

    Official JSCharting React Plugin & Examples

  • jscharting-vue - Vue chart component offering a complete set of chart types and engaging data visualizations with JSCharting.

  • vscode-recipes

    Discontinued [Moved to: https://github.com/microsoft/vscode-recipes]

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

  • pell

    📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies

  • vue-pell-editor Vue.js component for Pell WYSIWYG editor

  • realtime-quiz-framework

    This repository contains a base networking framework for building a realtime quiz platform with Ably. This project uses VueJS on the client-side and NodeJS on the server-side and is scalable as you need.

  • Building a realtime quiz with VueJS using a starter kit by Srushtika Neelakantam (October 2020)

  • Habitica

    A habit tracker app which treats your goals like a Role Playing Game.

  • Habitica - online task management application in the form of a role-playing game.

  • mini-vue

    实现最简 vue3 模型( Help you learn more efficiently vue3 source code )

  • Help you learn more efficiently vue3 source code - mini-vue by cuixiaorui

  • learning-vue3

    超过 230w+ 阅读人次的《Vue3 入门指南与实战案例》,关于前端工程化开发的基础知识点,以及 TypeScript 、 Vue 3 、 Pinia 的入门学习指南。

  • Learning Vue 3.0

  • fullcalendar

    Full-sized drag & drop event calendar in JavaScript

  • vue-full-calendar - A complete fullcalendar.io wrapper for both Vue 1 and 2

  • node-webkit-boilerplate

    Discontinued [Unmaintained]

  • Node Webkit + Vue example by @brandonjpierce

  • egghead-next

    The frontend for egghead.io.

  • Develop Web Apps with Vue.js on egghead.io

  • VueSamples

  • Vue Samples by @superlloyd

  • daisyui

    🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

  • Vue 3 Shopping Cart - A Shopping cart example using Vue 3, Vite, daisyUI and Pinia.

  • vue-router-hackernews

    HackerNews clone with vue.js + vue-router

  • HackerNews clone with vue.js + vue-router by @kazupon

  • electron-boilerplate-vue

    Boilerplate application for Electron runtime

  • Electron + Vue example by @bradstewart

  • d3

    Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  • Vue.D3.tree - A Tree View based on D3.js

  • voie-example

    Voie.js simple example

  • Single page application example (Vue + Voie) by Boris Okunskiy

  • Cesium

    An open-source JavaScript library for world-class 3D globes and maps :earth_americas:

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

  • material-showcase-ios

    ✨ An elegant way to guide your beloved users in iOS apps - Material Showcase.

  • Aromajoin - Develop the finest digital scent products based on the harmony of hardware, software and material technology.

  • begin

    Simple task manager to keep your life in sync

  • Begin - Task Manager SPA written in Vue + Lumen by Raj Abishek

  • vue-mini-shop

    Mini Online Shop Built With Vue JS

  • Vue Mini Shop

  • pdfvuer

    A PDF viewer for Vue using Mozilla's PDF.js that supports both Vue2 and Vue3

  • pdfvuer - A PDF viewer for Vue using Mozilla's PDF.js with text support. Demo

  • Trumbowyg

    A lightweight and amazing WYSIWYG JavaScript editor under 10kB

  • vue-trumbowyg Vue.js component for Trumbowyg WYSIWYG editor

  • vue-soundcloud

    Vuejs + SoundCloud demo app, for JogjaJS 4th meet up.

  • Vue SoundCloud by mul14

  • feature-requests-app

    Frontend for Feature Requests

  • Feature Requests (Laravel + Vue Combo) by haydenbbickerton

  • node-vue-server-webpack

  • Vue Cookbook (Vue1.0 + express) by @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.

  • 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 vue, bootstrap, user auth, uploader and WYSIWYG editor in iframe.

  • vuetest: an ad admin web with user auth, bootstrap ui, uploader, WYSIWYG editor in iframe

  • vue-shopping

    基于Vue模仿蘑菇街的单页应用http://andylei18.github.io/vue-shopping/

  • vue-shopping by andylei18

  • Vue-cnodejs

    基于vue.js重写Cnodejs.org社区的webapp

  • Vue-cnodejs,060 by @shinygang

  • vue-zhihu-daily

    zhihu daily spa with vue 线上演示在这里 ---->

  • vue-zhihu-daily by hilongjw

  • vue-chess

    Multiplayer online chess game use Vue , Nodejs, Webpack, Em6, Socket.io, Mongodb, Express

  • VueChess - Multiplayer online chess game

  • ngexplorer-vuejs-client

    vuejs client application for Ngexplorer app

  • Ngexplorer-vuejs-client - Vue client for Ngexplorer

  • vue-simple-pwa

    Simple Progressive Web App Built with Vue Js. https://bosnaufal.github.io/vue-simple-pwa

  • Vue Simple PWA

  • tour-of-heroes-vue2

    Angular 2 Tour of Heroes app built with Vue.js 2.0

  • 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

  • revue

    Discontinued PSA: This project is dead.

  • 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

  • javascript

    JavaScript Style Guide

  • 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

  • vue-table-pagination

    一款用vue.js制作的带有导航菜单的表格,同时使用boostrap样式。

  • vue-table-pagination A table with pagination by echovic

  • feathers-vue-blog-admin-demo

    Example app for using Feathers with Vue 2.0. It includes authentication, vue-router, vue-infinite-loading and roles.

  • 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

  • vue-zhihudaily-2.0 Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering. by cs1707

  • Todos_Vuejs

    a simply todolist using vuejs

  • vue-demo-todolist a simply vue2.0 demo built with Vue 2.0, vue-cli. by fishenal

  • vue-adminLte-vue-router

    SPA about vue-cli+adminLte+vue-router

  • vue-AdminLte by liujians

  • CMS-of-Blog

    deprecated

  • Vue(2.0) + Node.js: A blog content manage system (CMS) by @ycwalker

  • ngexplorer-quasar

    Implementation of Ngexplorer client with quasar framework

  • ngexplorer-quasar -Implementation of Ngexplorer with quasar framework

  • quasar-framework

    Discontinued Quasar Framework - Build high-performance VueJS user interfaces in record time [Moved to: https://github.com/quasarframework/quasar]

  • ngexplorer-quasar -Implementation of Ngexplorer with quasar framework

  • zhihu-daily-vue

    zhihu daily for vue2.0

  • zhihu-daily-vue a zhihu daily base on vue2.0 by moonou

  • generator-loopback-vue

    app版本管理,(热更新)前后端分离,vue page分页功能,authenticate 权限控制,accesstoken机制,credentials,CI,docker

  • loopback-vue loopback+vue+vue-resource,ionic-app,vue page 分页功能,authenticate 权限控制,accesstoken 机制,credentials,CI,docker qxl1231

  • vue-s3-dropzone

    :droplet: Vue.js component works with AWS S3 serverlessly

  • vue-s3-dropzone A Vue.js drag-and-drop component uploads files to AWS S3 serverlessly

  • easy-vue

    Learn vueJS Easily :ghost:

  • 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

    Discontinued A quick demo on how to set up and use Vuex to create a events messaging system

  • Vuex Events Messaging Demo by Metric Loop

  • vue-memo

    Using Vue.js for memo web App. webpack, vuex, vue-router, Firebase.

  • 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

    simple resume based on Vue 2

  • Resume Vue JSON based Resume based on Vue 2.0 by ChangJoo Park

  • phoenix-vue-demo

    Basic app developed with Phoenix and Vue 2.0, including authentication.

  • App example with JWT Authentication developed with Phoenix Framework, Vue and Vue Router (demo)

  • vue.js-v2-crud-application

    Vue.js demo app

  • Sample CRUD app with router in Vue 2.0 by @shershen08

  • VuejsSSRSample

    Discontinued ASP.NET Core Vue.js server-side rendering sample:

  • ASP.NET Core Vue.js server-side rendering sample by @mgyongyosi

  • vuefire-quickstart

    A boilerplate for web applications using Vue.js and Firebase, ft. Webpack and ESLint.

  • vuefire-quickstart - Documented Firebase integration w/ webpack and eslint, by @sejr.

  • hello-vue-django

    Discontinued vuejs and Django integration with hot code reload. Dont use this, use https://github.com/NdagiStanley/vue-django or https://github.com/gtalarico/django-vue-template

  • hello-vue-django Vue.js and Django integration starter project with hot code reload

  • Loopa-News

    Realtime social news app developed from scratch with Elixir, Phoenix, Vue and Vuex

  • Real Time Social News App developed with Phoenix Framework, Vue, Vue Router and Vuex (demo)

  • simply-calculator-vuejs

    A simple calculator made by vuejs 用vue.js实现简易计算器

  • vue-calculator a simply calculator built with Vue 2.0, vue-cli(webpack-simple).

  • vue-demos

    This is the repo for vue2.x-demos

  • Wikipedia-viewer A simple wikipedia-viewer page built with vue2.x ,vue-router,vue-cli(webpack-simple) and ajax(jsonp).

  • vue2.x-douban

    Vue2.0实现简易豆瓣电影webApp

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

  • vue-laravel-example Vue - Laravel - Example is a simple example to set Vue with Laravel. by Jiajian Chan

  • vue-foundation

    VueJS + Foundation + Vue-Router + Webpack

  • vue-foundation A demo app integrating VueJS with Zurb Foundation, built using the webpack vue-cli f

  • foundation-sites

    Discontinued The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device. [Moved to: https://github.com/foundation/foundation-sites] (by zurb)

  • vue-foundation A demo app integrating VueJS with Zurb Foundation, built using the webpack vue-cli f

  • aspnetcore-Vue-starter

    *NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO

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

  • reddit-app

    A reddit web app using vue + webpack. Data from reddit API

  • vue-reddit-app A Reddit SPA demo built with Vue 2.X , Vue Router 2 , Vuex and axios. Using Muse-UI and vue-cli webpack template by @yujiahaol68

  • vue-music-qq

    A qq-music project is based on vue-cli. The pages are simple and smooth

  • vue-music-qq A qq-music project is based on vue-cli. The pages are simple and smooth

  • vue-jsx-and-vue-redux-navigation-tab

    Navigation Tab with both plain VUE and VUE + Redux . Featured in Awesome-Vue

  • NavigationTab with Vue-Redux and Plain VueJSX Navigation Tab with both plain Vue JSX and Vue + Redux Binding

  • samples

  • vuejs-d3 examples how to use d3 for visualisations.

  • vue-twitter-client

    Discontinued Twitter client created with Vue.js + Electron

  • vue-twitter-client A Twitter Client App build with Vue 2.X, Vuex, electron-vue and Electron

  • douban

    Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent

  • Douban Awesome douban Example created with Vue2.x + Vuex + Vue-router + vue-resource. by jeneser

  • vuejs-boilerplate

    Discontinued Storyblok - JavaScript - VueJS Boilerplate

  • Storyblok vuejs-boilerplate - Integrates Storyblok's Component System, allows to create editable Websites.

  • vuexpresso

    Discontinued :crystal_ball: VueJS + Express + GraphQL Boilerplate

  • Vuexpresso - A boilerplate using VueX, Vue-Router, Vue-Apollo, webpack, GraphQL, Apollo-client, express and mongo

  • vue-sails-example

    NOT MAINTAINED Vue.js with Sails.js example project with many features

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

  • pyramidVue

    Pyramid Web Framework (Python) implemented with Vuejs (JavaScript) & Webpack (HMR): starter template

  • 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 and Feathers.

  • 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

  • xplan

    A rotating earth H5 page with Vue and threejs

  • vue-xplan A rotating earth demo page created with Vue and three.js

  • vueSocketChatroom

    vue2.x + vue-router2.x+ vuex2.x + vux2.x + express + socket.io immediate chat room

  • vueSocketChatRoom A socket chat room using vue2.x,vuex2.x,vue-router2.x,vux2.x,socket.io

  • MyDiary-Vue

    vue构建的日记应用 来源于「君の名は」( Mydiary created with Vue2 )

  • MyDiary-Vue A diary application build with Vue 2.X which is also have contact and todolist function

  • todomvc-vue-webpack

    TodoMVC with Vue.js 2 + Webpack

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

  • vue-chess-storybook

    Refactoring components to Vue2 https://gustayo.github.io/vue-chess-storybook/

  • Chess Storybook Example with Vue 2.0

  • vue-weather-notifier

    A small SVG animation illustrating a weather app notification in Vue

  • Vue Weather Notifier A small sample animation app with SVG and Vuex

  • essay

    personalise blog system

  • VueBlog A blog system supporting service side rendering by wmui

  • cinemateka

    Cinemateka. Events schedule webapp. "Seance" magazine. Laravel. VueJS.

  • Cinemateka - An example of SPA made with Vue v1 & Laravel 5. Film & events schedule. Russian comments.

  • vue-2.x-boilerplate

    A Vue.js 2.x Boilerplate with Vuex, vue-router AND Bulma

  • vue-2.x-boilerplate - A simple and small starter kit for a Vue project Vuex + vue-router

  • vue-minesweeper

    deadly simple minesweeper with vuejs

  • vue-minesweeper - A deadly simple minesweeper game with vuejs by rhapsodyn

  • X-Flowchart-Vue

    基于G6和Vue的可视化图形编辑器。A visual graph editor based on G6 and Vue.

  • X-Flowchart-Vue - A flowchart editor with SVG and Vue

  • koa-vue-notes-web

    🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.

  • 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-firebase-shopping-cart

    Shopping cart demo using Vuejs and Firebase

  • Vuejs Shopping Cart - Shopping cart example using Vuejs and Firebase

  • PokedexVueJs

    Discontinued A Pokedex that will contain all 807 pokemon from the Pokemon series. Created in Vue.js

  • PokedexVueJs by @rchung95

  • vuefire-auth

    Vue2-Auth-Email Verification with Firebase🔥

  • vuefire-auth A Vuefire Vue2-Auth-Email Verification with Firebase

  • vuefire-realtimedatabase

    vue2-realtimedatabaseCRUD with firebase🔥

  • vuefire-storage

    Vue2-Storage with Firebase🔥

  • vuefire-storage A Vuefire Vue2-Storage with Firebase

  • vue-blog-pwa

    Simple blog (vue-pwa) (django-tastypie-backend)

  • Vue2-PWA-Blog by @deepak-singh

  • vue-firebase-auth-vuex

    Vue Firebase🔥 Authentication with Vuex

  • vue-firebase-auth-vuex A Vue2 Firebase Authentication with Vuex and support Progressive Web Apps

  • vue-chart-starter-kit

    Simple chart page that uses Element UI, Vue Router and Vue Chart

  • vue-chart-stater-kit Quick starter using Vue Router, Vue Chart, Element-UI

  • vue2.0-demos

    vue2.0-demos(mobile)

  • vue2.0-demos using mint-ui, Element-UI,And have Some demos(select city and so on)

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts