Vue.js Examples

This list will help you find the best Vue.js example.

Vue3-Starter
Vue3-Starter
A boilerplate with an opinion on how to structure your files/folders with a few examples such as Vue Router navigation guards, theming with TailwindCSS, form validation w/ Vuelidate, localization with Fluent, etc.
Customizable Vue Video Chat App
Customizable Vue Video Chat App
A Vue video call demo app featuring local device controls and screen sharing.
Vue 3 TypeScript Library Template
Vue 3 TypeScript Library Template
A simple but complete library template for Vue 3, supports generating .vue.d.ts
CVue-Awesome
CVue-Awesome
Auto Resume Builder by Emre Coşkunçay
Vue-cli-3-wave-ui-starter
Vue-cli-3-wave-ui-starter
A boilerplate using Wave UI + Vuex and Router
Vue-cli-3-tailwind-axios-starter
Vue-cli-3-tailwind-axios-starter
A boilerplate using Tailwind, Axios-ready, Vuex and Router
Maxim Web Chat
Maxim Web Chat
A chat demo using MaximTop's IM SDK (floo), 使用美信拓扑 IM SDK 实现的聊天App 示例.
Vuemoji-picker
Vuemoji-picker
Vue 2 and 3 lightweight emoji picker.
Vue 3 Shopping Cart
Vue 3 Shopping Cart
A Shopping cart example using Vue 3, Vite, daisyUI and Pinia.
Google Keep Clone With Vue + Firestore
Google Keep Clone With Vue + Firestore
Google Keep clone with Vue and Firestore written in TypeScript.
Coinchartsvue
Coinchartsvue
Coinchartsvue is a cryptocurrency price chart based off Coinbase's original price chart.
Vue Word Game
Vue Word Game
A simple Hangman-like word guessing game, built with Vue 2.
Vue Simulating
Vue Simulating
A website simulating linux system's GUI, using theme of Deepin distro. Using vue + tailwindcss + animate.css.
Vue Todo PWA
Vue Todo PWA
A simple Todo PWA built with Vue 3 + Vuex + Bootstrap 5.
Vuetify Todo PWA
Vuetify Todo PWA
A simple Todo PWA built with Vue 2 + Vuex + Vuetify.
Vuetify Swipeout
Vuetify Swipeout
A swipe out example built with Vue 2 + Vuetify + Swiper.
Laravel-vue-3-starter
Laravel-vue-3-starter
a pre-configured project using Laravel 8 and Vue 3.
Vue3-webpack
Vue3-webpack
vue 3 + webpack 4 starter.
Peer To Peer Game Of Telephone
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.
Shopify Theme Lab
Shopify Theme Lab
Shopify theme development starter using Vue, Vuex and Tailwind CSS
Vue-stack-cesium
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.
COVID19 Live Data Component
COVID19 Live Data Component
Simple component that shows live covid19 data across the world.
**Vue 3 Example Without Webpack**
**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.
Vue-Next-TicTacToe
Vue-Next-TicTacToe
Simple Tic Tac Toe Game made with Vue Next
Go-echo-vuejs-boilerplate
Go-echo-vuejs-boilerplate
Boilerplate that uses go with echo framework as a backend and vuejs that serve the web traffic.
Google Keep Clone With Vue + Firestore
Google Keep Clone With Vue + Firestore
Google Keep clone with Vue and Firestore written in TypeScript.
Vuetify-i18n-boilerplate
Vuetify-i18n-boilerplate
Demo - A boilerplate to quickly start a Vue project using Vuetify, Vue-i18n, Vuex and Vue-router
Nuxt With JWT Authentication Via OTP
Nuxt With JWT Authentication Via OTP
A Nuxt.js boilerplate with basic register and OTP-enabled login functions.
Movie Search App With Composition API
Movie Search App With Composition API
A movie search app implemented in Vue 2 with the Composition API plugin
TodoMVC Vue
TodoMVC Vue
A complete TodoMVC implementation in Vue 2 with components, store, unit e2e tests and linting.
TodoMVC Vue 3 Composition API
TodoMVC Vue 3 Composition API
A complete TodoMVC implementation in Vue 3 Composition API with components, store, unit e2e tests and linting.
Vue Voyagers 👽 Space Travel
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.
All-About-Me
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.
TO
TO
A social media app that allows you post just texts.
Add Push Notifications To Your Vue Chat App Using CometChat And Firebase
Add Push Notifications To Your Vue Chat App Using CometChat And Firebase
Laravel + Nuxt.js Boilerplate
Laravel + Nuxt.js Boilerplate
by @acidjazz
Vue Webpack Typescript
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
A One-on-one Chat App In Vue With CometChat
A One-on-one Chat App In Vue With CometChat
Snake Game On Vue.js Without Canvas
Snake Game On Vue.js Without Canvas
Large Scale Vue.js Application Boilerplate + Vuex
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
Client-Side Vue.js
Client-Side Vue.js
Demo - Vue.js client-side for tiny, quick-loading, node.js-less Single Page Apps by Justin Wash
Personal Website That Use Vue, Vuex And Vue-Router
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
Vue.js And Ionic V4 Examples
Vue.js And Ionic V4 Examples
A set of examples of how to use Ionic v4 with Vue.js
Vue-todo-list
Vue-todo-list
ToDo List sample app based on Vue + Vuex + Vuetify + Vee-Validate
**Vue(2.0) + Node.js: A Blog**
**Vue(2.0) + Node.js: A Blog**
by @FatDong1
**Vue Websockets Example**
**Vue Websockets Example**
A basic example of Websockets usage with Vue.js 2 + Node project for full working example.
**CION** - Design System Boilerplate For Vue.js
**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.
**Multi-page ASP.NET Core Vue With TypeScript**
**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.
**vue-daily-zhihu**
**vue-daily-zhihu**
a simple demo build with Vue 2.0 & vue-router & vuex by walleeeee
Nuxt + Apollo + Element
Nuxt + Apollo + Element
A Vue.js SSR boilerplate with Nuxt, Element (custom theme) and Vue Apollo.