Vue.js Resources Examples

Back

1. Node Webkit + Vue example

2. Vue Samples

3. HackerNews clone with vue.js + vue-router

4. **Electron + Vue example**

5. Single page application example (Vue + Voie)

6. Begin - Task Manager SPA written in Vue + Lumen

Task Manager SPA written in Vue + Lumen](https://github.com/rajabishek/begin) by [Raj Abishek](https://github.com/rajabishek)

7. Vue Mini Shop

8. Vue SoundCloud

9. Feature Requests (Laravel + Vue Combo)

10. Vue Cookbook (Vue1.0 + express)

11. 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](https://github.com/websemantics)

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

13. **vue-shopping**

14. **Vue-cnodejs,060**

15. **vue-zhihu-daily**

16. **VueChess**

Multiplayer online chess game

17. Ngexplorer-vuejs-client

Vue client for `Ngexplorer`

18. Vue 2048 (Vue + Webpack)

19. Vue Simple PWA

20. Tour of Heroes (Vue 2.0)

21. vue-table-pagination

22. Feathers and Vue 2.0 Blog Admin Demo

23. vue-zhihudaily-2.0

24. vue-demo-todolist

25. **vue-AdminLte**

26. **Vue(2.0) + Node.js: A blog content manage system (CMS)**

27. ngexplorer-quasar

28. zhihu-daily-vue

29. loopback-vue

30. **vue-s3-dropzone**

31. **easy-vue**

32. Vuex Events Messaging Demo

33. vue-memo

34. Resume Vue

35. **App example with JWT Authentication**

36. Sample CRUD app with router in Vue 2.0

37. ASP.NET Core Vue.js server-side rendering sample

38. **vuefire-quickstart**

Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr).

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

40. **Real Time Social News App**

41. **vue-calculator**

42. **Wikipedia-viewer**

43. **vue2.x-douban**

44. **vue-laravel-example**

Example is a simple example to set Vue with Laravel. by [Jiajian Chan](https://github.com/jcc)

45. **vue-foundation**

46. aspnetcore-Vue-starter

47. **vue-reddit-app**

48. **vue-music-qq**

49. NavigationTab with Vue-Redux and Plain VueJSX

50. Veggie Map

51. vuejs-d3

52. vue-twitter-client

53. **Douban**

54. Storyblok vuejs-boilerplate

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

55. Vuexpresso

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

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

57. **Vue.js & Pyramid web framework app**

A boilerplate using Pylons Pyramid webframework backend Vuejs webpack2, vue-router, yarn(packet manager)

58. vue-feathers-chat

59. vue-xplan

60. **vueSocketChatRoom**

61. vue-tetris (Use Vue, Vuex, Immutable to code Tetris)

62. route-planner-vue

63. MyDiary-Vue

64. VueJS Example Projects

65. todo-mvc-webpack

66. Chess Storybook Example

67. Vue Weather Notifier

68. VueBlog

69. Cinemateka

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

70. vue-2.x-boilerplate

A simple and small starter kit for a Vue project Vuex + vue-router

71. vue-minesweeper

A deadly simple minesweeper game with vuejs by [rhapsodyn](https://github.com/rhapsodyn)

72. X-Flowchart-Vue

A flowchart editor with SVG and Vue

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

74. Vuejs Shopping Cart

Shopping cart example using Vuejs and Firebase

75. PokedexVueJs

76. vuefire-auth

77. vuefire-realtimedatabase

78. vuefire-storage

79. Vue2-PWA-Blog

80. vue-firebase-auth-vuex

81. vue-chart-stater-kit

82. vue2.0-demos

83. conway

84. vuex-feature-scoped-structure

85. vuex-examples

Simple Examples on using Vuex to build Real World Apps

86. 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](https://www.cypress.io/) test runner.

87. vuejs-sqljs-boilerplate

This is a boilerplate to use both Vue.js and sql.js together

88. X-WebDesktop-Vue

The WebDesktop system based on Vue

89. vuejs-music-player

A Vue.js lite music player

90. Vue.js Best Practices Example Project

A best practices example project using Vue.js + Vue Router + Vuex + Vuelidate

91. Vue.js [ONE

[ONE] client written with Vue2.5

92. Vue.js 2.5 with vue-cli v3 including authentication with auth0

93. Skeleton Vue+TypeScript

TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material Icons, BrowserSync, Dockerfile

94. **PENV Starter**

A basic example of how to use VueJS, Express and PostgreSQL in conjunction.

95. vue-relay-examples

A collection of example applications using vue-relay.

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

97. Vue Design System

An open source boilerplate for building UI Design Systems with Vue.js.

98. Vue Bulma Demo

A simple demo website to check out Bulma / Vue JS & express in conjunction.

99. Starter application ready for production with TypeScript, vuex, vue-router, HMR and more

100. vue.js 与 laravel 结合的前后端分离开发模板

101. Hands-On Web Development with Vue.js

102. Vue Online Shopping Mall

A online shopping mall SPA demo, 基于 VUE 开发的前后端分离电子商城前端项目

103. FUE

Admin SPA client and server-side boilerplate with Vue.js + Vue Router + Vuex + Vuetify + FeathersJS

104. Vue + TypeScript Cookbook

A small cookbook covering some less-than-obvious solutions for people getting started with Vue + TypeScript

105. Vuejs Examples

106. ASP.NET Core Vue Starter CLI 3.0

107. **vue-soundcloud**

108. **vue-cart**

109. Nuxt + Apollo + Element

110. **vue-daily-zhihu**

111. **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.

112. **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.

113. **Vue websockets example**

A basic example of Websockets usage with Vue.js 2 + Node project for full working example.

114. **Vue(2.0) + Node.js: A blog**

115. vue-todo-list

116. Vue.js and Ionic v4 examples

A set of examples of how to use Ionic v4 with Vue.js

117. 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](https://github.com/snturk)

118. Client-Side Vue.js

Vue.js client-side for tiny, quick-loading, node.js-less Single Page Apps by [Justin Wash](https://github.com/justinwash)

119. Large scale Vue.js application boilerplate + Vuex

by [Arun Redhu](https://arunredhu.in)

120. Snake game on Vue.js without Canvas

121. A one-on-one chat app in Vue with CometChat

122. Vue webpack typescript

123. Laravel + Nuxt.js boilerplate

by [@acidjazz](https://github.com/acidjazz)

124. Add Push Notifications to Your Vue Chat App Using CometChat and Firebase

125. TO

A social media app that allows you post just texts.

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

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

128. TodoMVC Vue 3 Composition API

A complete TodoMVC implementation in Vue 3 Composition API with components, store, unit e2e tests and linting.

129. TodoMVC Vue

A complete TodoMVC implementation in Vue 2 with components, store, unit e2e tests and linting.

130. Movie search app with Composition API

A movie search app implemented in Vue 2 with the Composition API plugin

131. Nuxt with JWT authentication via OTP

A Nuxt.js boilerplate with basic register and OTP-enabled login functions.

132. vuetify-i18n-boilerplate

A boilerplate to quickly start a Vue project using Vuetify, Vue-i18n, Vuex and Vue-router

133. Google Keep Clone with Vue + Firestore

Google Keep clone with Vue and Firestore written in TypeScript.

134. Go-echo-vuejs-boilerplate

Boilerplate that uses go with echo framework as a backend and vuejs that serve the web traffic.

135. Vue-Next-TicTacToe

Simple Tic Tac Toe Game made with Vue Next

136. **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.

137. COVID19 Live Data Component

Simple component that shows live covid19 data across the world.

138. vue-stack-cesium

A minimal sample configuration project with [CesiumJS](https://cesium.com/cesiumjs/) and all the awesome vue features. The project contains many examples how to combine and use certain packages to get started.

139. Shopify Theme Lab

Shopify theme development starter using Vue, Vuex and Tailwind CSS

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

141. vue3-webpack

142. laravel-vue-3-starter

143. Vuetify Swipeout

A swipe out example built with Vue 2 + Vuetify + Swiper.

144. Vuetify Todo PWA

A simple Todo PWA built with Vue 2 + Vuex + Vuetify.

145. Vue Todo PWA

A simple Todo PWA built with Vue 3 + Vuex + Bootstrap 5.

146. Vue simulating

A website simulating linux system's GUI, using theme of Deepin distro. Using vue + tailwindcss + animate.css.

147. Vue Word Game

A simple Hangman-like word guessing game, built with Vue 2.

148. Coinchartsvue

Coinchartsvue is a cryptocurrency price chart based off Coinbase's original price chart.

149. Vue 3 Shopping Cart

A Shopping cart example using Vue 3, Vite, [daisyUI](https://daisyui.com/) and [Pinia](https://pinia.esm.dev/).

150. vuemoji-picker

Vue 2 and 3 lightweight emoji picker.

151. Maxim Web Chat

A chat demo using [MaximTop](https://www.maximtop.com)'s IM SDK (floo), 使用美信拓扑 IM SDK 实现的聊天App 示例.

152. vue-cli-3-tailwind-axios-starter

A boilerplate using Tailwind, Axios-ready, Vuex and Router

153. vue-cli-3-wave-ui-starter

A boilerplate using Wave UI + Vuex and Router

154. CVue-Awesome

155. Vue 3 TypeScript Library Template

156. Customizable Vue video chat app

A Vue video call demo app featuring local device controls and screen sharing.