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
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • JetBrains - Developer Ecosystem Survey 2022
  • Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

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

  • awesome

    😎 Awesome lists about all kinds of interesting topics

    Awesome Vue.js

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • 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

    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

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • 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

    [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

    《Vue3 入门指南与实战案例》,关于 Vue 3 + TypeScript 以及 Pinia 的入门学习指南,在官方文档的基础上融入自己的一些实践经验。

    Learning Vue 3.0

  • fullcalendar

    Full-sized drag & drop event calendar

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

  • node-webkit-boilerplate

    [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

    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

    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

    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.), [email protected](>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

    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

    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

    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

    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

    Storyblok - JavaScript - VueJS Boilerplate

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

  • vuexpresso

    :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

    A blog system based on Nuxt.js

    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

    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)

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