awesome-vue

A curated list of awesome things related to Vue.js
https://github.com/eric-erki/awesome-vue

Last synced: 5 days ago
JSON representation

Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
- Official Resources
- Job Portal
  - Vue.js Interview Questions - A List of 300 VueJS Interview Questions and Answers
  - Vue.js Jobs - VueJobs - A Vue.js job portal to hire or get hired for all your Vue.js jobs.
- Community
  - vue-requests - Request a Vue.js module you wish existed or get ideas for modules
  - VueJS Vix - Telegram Group [Portuguese
  - Twitter
  - VueJS Iran - Telegram Channel & group (group link available in channel bio)
  - vueslack - 2300+ registered users worldwide
  - Vue Land - Discord chat server
  - VueJS Russia - Telegram Group [Russian
  - VueJS Spanish - Slack Group
  - VueJS Korean - Slack Group
  - VueJS Brasil - Telegram Group [Portuguese
  - VueJS Indonesia - Telegram Group [Indonesian
  - VueJS Arab - Telegram Group
  - VueJS Vix - Meetup Page [Portuguese
  - VueJS Norway - Meetup
  - VueJS Finland - Meetup
  - Hablemos de Vue.js - Telegram Group [Castellano
- External Resources
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue News - Social website focusing on the latest Vue.js news and information.
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js資料まとめ(for japanese)
  - Vue.js Newsletter - Weekly dose of handpicked Vue.js news
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Wikipedia
  - Vue.js Radar - Curated newsletter + site covering new Vue.js releases/contributions.
  - Vue News - Social website focusing on the latest Vue.js news and information.
  - Vue Curated Resources - Recommended Vue.js courses and tutorials.
  - BuiltForVue - NPM Mirror of all Vue.js components and packages.
  - Vuelibs - vue repo.
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
  - Vue.js Tips - Tips to become a better Vue.js developer
- Tutorials
- Blog Posts
- Open Source
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - pm86 - Production process manager for Node.js apps Websites
  - vms - A Vue.js 2.0 Management System
  - 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.
  - Justine - A configurable HTML documentation generator (currently supports JSDoc) using Vue components for the documentation template
  - Vuepress - Minimalistic Vue-powered static site generator
  - Chattier - SPA social network built with Laravel 5.6, Vue.js 2, and Bulma (Buefy components + Bulmaswatch themes). Also uses JWT authentication.
  - Faviator - A simple easy favicon generator.
  - 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
  - MATH_BOT - Learn math by programming a robot.
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vue HQ Admin Dashboard
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
  - Vuep.run - Online SFC editor for Vue
- Enterprise Usage
  - Cotabox
  - Sainsbury's
  - AREX
  - Carrefour
  - Carrefour
  - Monito - Building the Booking.com for international money transfers
- Apps/Websites
  - Roozame روزامه - Roozame is a Persian smart news media service.
  - cloudradioo - Web app that plays randomly all top 50 songs from the soundcloud charts
  - Laravel Spark
  - esa.io
  - Portfolio Site
  - Laravist
  - Atiiv - An app aimed for personal trainers and their clients.
  - Embalses! - A tool to report water dam level using the U.S. Geological Survey database.
  - Regex Fiddler
  - Powerpuff Yourself by Cartoon Networks
  - 小桃酱
  - Draxed - A web based MySQL and PostgreSQL data browser and dashboard manager.
  - 滚蛋吧！莆田系 - Show all Putian hospital information
  - Jobi : Recruiting Platform
  - Metric Loop - A technology services and solutions website.
  - Holden
  - WizzAir
  - Moving to HTTPS - Guide to moving different platform/hosting sites to HTTPS
  - Booknshelf - Discover great books and bookshelves on different topics.
  - Top HN - A real time display of top news activity on Hacker News
  - Roozame روزامه - Roozame is a Persian smart news media service.
  - 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, based on **[Vuedo](https://github.com/Vuedo/vuedo)**.
  - 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](https://github.com/KDCinfo/guess-right) (although not the live files that run the game at kdcinfo).
  - Easy Mock
  - 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
  - YBR - Centralized YBS Public eComplaint Management System. (Full SPA)
  - 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
  - 轮子工厂 - A ui components and libraries sharing website
  - ابیات ناب پارسی - A collection of Persian poems
  - iPrevYou - YouTube™ Player - A chrome app for watching youtube videos on your desktop.
  - Frontend Masters Intro to Vue - Frontend Masters full day course
  - TR-101 - A drum synth / sequencer.
  - WynnStats - A unofficial WynnCraft statistics.
  - Vectr - A free vector graphics software
  - 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)
  - Let's Enchance - free online image upscale and enhancement with neural networks.
  - Fintechers - Fintech focused job board.
  - 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.
  - U3xyz - A personal blog base on vue ssr.
  - MECHANICAL - Reddit mod for Firefox that surfaces contextual data insights.
  - GameVix - Swap your used video game discs with others, hassle free. PWA with Material Design.
  - CryptoVue - Real-time cryptocurrency dashboard
  - Vue资源精选 - great Vue components list, category, inline demo show and brief
  - 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.
  - 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
  - IDDEF - commerce pages are designed with Vue.js, Vuex and pure JavaScript 🙏
  - Roast
  - Muuviez - A movie discovery and tracking website with stylish design
  - NAGA VIRTUAL - NAGA VIRTUAL is the first independent virtual goods market.
  - What Would Mark Ruffalo Do? - Motivational website based on the story that Mark Ruffalo failed at several hundred auditions before finding success.
  - Ruster社区 - Rust fullstack community forum for CN.
  - NBC Sports - NBC Sports is a sports news website.
  - WITHIN - Extraordinary stories in Virtual Reality.
  - plottr.io - Plan your running and cycling routes
  - Lagom - Simple, intuitive and fully responsive WHMCS theme
  - 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.
  - DECS - The decentralised all-in-one workspace to manage code snippets and to protect sensitive data.
  - Careup - Business management tool for dentists 🦷.
  - 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.
  - 前站导航 - 前端社区、文档收录.
  - 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.
  - Guds - Compare prices across supermarkets. Only available in México 🇲🇽.
  - 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.
  - 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.
  - Kitty Ipsum - Generate lorem ipsum composed of "meow" in different languages.
  - Leapspotleap - A simple way to look up wikipedia articles near you. Or simply navigate to a place and find interesting wikipedia information. Responsive web app.
  - Podflix - Podcast app.
  - X-SONGTAO - A Personal blog. FE and CMS are in same vue SPA.
  - Roozame روزامه - Roozame is a Persian smart news media service.
  - vNotes - Simple and beautiful notepad to Markdown with Vue.js and Local Storage API.
  - MyOwnTV - A streaming website for creating internet television
  - Proper Cloth Shirt Builder - Custom shirt builder.
  - Akunyi - Charity Website
  - Roozame روزامه - Roozame is a Persian smart news media service.
  - sum.cumo
  - Kitchen Stories - Cooking platform
  - Roozame روزامه - Roozame is a Persian smart news media service.
  - 前站导航 - 前端社区、文档收录.
  - Kitchen Stories - Cooking platform
  - MyOwnTV - A streaming website for creating internet television
  - Rolodromo - A spanish website dedicated to tabletop RPG.
  - Kitchen Stories - Cooking platform
  - Kitchen Stories - Cooking platform
- Commercial Products
  - Seat - Simple and modern team communication and collaboration solution.
  - ChatWoot - Livechat and agent collaboration over Facebook messenger.
  - VueA - VueJS Admin template with multiple layouts and laravel version.
  - EducationLink - CRM and sales automation for education agents and colleges.
  - 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
  - SA Email Builder - Email template builder responsive made with VueJS and Quasar Framework
  - Moonitor - Cryptocurrency tracker for Desktop.
- Podcasts
- Official Examples
  - Vue.js TodoMVC
- Examples
  - Veggie Map
  - vuejs-d3
  - MyDiary-Vue
  - VueJS Example Projects
  - Nuxt Type
  - Starter application ready for production with TypeScript, vuex, vue-router, HMR and more
  - Vue + TypeScript Cookbook - A small cookbook covering some less-than-obvious solutions for people getting started with Vue + TypeScript
  - Vuejs Examples
  - **charcoal**
  - Build a Vue chat app with CometChat
  - 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/MuratcanSenturk)
- Books
- Interactive Experiences
  - YouTube AdBlitz 2016
  - Tolks.io
  - Bootstrap 4 Editor
  - web-riimote - Turn your smartphone into a 3D controller ([source code](https://github.com/konaraddio/web-riimote))
  - CSS ColorVars - Interactive tool code generation ([source code](https://github.com/CSSColorVars/csscolorvars))
  - Omnisense Experience
  - Subtletab - Browser Extension
  - Facebook NewsFeed
- A11y
  - Vue A11y project - Vue.js community project to improve web accessibility.
UI Utilities
- Animation
  - vue-pose
  - v-animate-css - The easiest to implement Vue 2 directive for Animate.css
- WebGL
  - vue-pano - A panorama viewer in Vue component.
  - threejs - vr](https://github.com/facebook/react-vr)
- Routing
  - vue-error-page - Provides a wrapper for router-view that allows you to show error pages without changing the URL
- Filters
  - vue-filter-date-format - Simple datetime filter for Vue 2.
  - vue-filter-pluralize - Simple pluralize filter for Vue 2.
  - vue-filter-date-parse - Simple parsing datetime filter for Vue 2.
Utilities
- State Management
  - vuex-lite - A 1KB Vuex with just state and mutations.
  - casl-vue - Restricts what resources a given user is allowed to access
  - vuex-microservice - Define microservice URLs at a dedicated place and use them inside your Vuex actions.
- Code Style
  - vue-decorators - Decorators for Vue.js (beta).
- CSS
  - vue-css - Vue.js plugin that allows you to bundle CSS with your components.
- Page Navigation
  - vs-crumbs - Vue breadcrumbs in 40 lines of code that allows nested paths without child views.
Integrations
- Payment
  - amazon-cognito-vuex-module - Vuex module for Amazon Cognito.
  - vue-0xcert - Vue.js integration for 0xcert Framework - an open-source library that provides tools for building powerful decentralized applications
Dev Tools
- Vue CLI 3 Plugins
  - vuepack.org - A simple page that allows you to select Vue components and download them as a single minified JS file.
  - Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
- Source Code Editing
  - [email protected] - Atom snippets for Vue component files.
  - [email protected] - Vue.js 2.0+ autocomplete for Atom.
  - Vue.js support for WebStorm
Scaffold
- Source Code Editing
  - 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.
- Client
  - buildless-vue - Quickly use Vue without a build step.
- Electron
  - vuelectron - electronjs starter kits for vue.
UI Components
- Carousel
  - vue2-siema - Plugin wrapper for the very tiny Siema carousel/slider library.
- Charts
  - vue2-frappe - A simple wrapper around Frappe Charts for VueJS
  - vue-jqxchart - Charting component with Pie, Bubble, Donut, Line, Bar, Column, Area, Waterfall, Polar & Spider series.
- Table
  - ag-grid-vue - Vue adaptor for ag-Grid.
  - vuetiful-datatable - Datatable component with sorting, filtering, pagination, grouping and aggregation.
  - vue-table-component - A straight to the point Vue component to display tables.
  - DevExtreme Vue Grid - High-performance plugin-based Vue data grid for Bootstrap.
  - Syncfusion Data Grid for Vue - Displays and manipulates tabular data with features such as paging, sorting, filtering, editing, and grouping.
  - 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.
- Notification
  - vs-notify - Tiny but powerful notification component with no dependencies.
  - vue-notice - Vue.js 2 wrapper around Noty.js with native API
- Loader
  - vue-simple-spinner - A simple, flexible spinner for Vue.js
  - epic-spinners - Easy to use css spinners collection with vue.js integration.
  - vue-loading-overlay - Tiny full screen loading indicator
- Icons
  - vue-material-design-icons - A collection of SVG Material Design icons as single file components.
- Minus Plus Input
  - vue-number-smarty - Number input that can change value on scrolling when field is focused.
  - vuetify-number-smarty - Number input that can change value on scrolling when field is focused (Vuetify.js implementation).
- Calendar
  - vue-jqxscheduler - VueJS Scheduler component.
- Search
  - vue-instantsearch - The ultimate toolbox for creating instant-search experiences using [Algolia](https://www.algolia.com/).
- Miscellaneous
  - vue-invisible-recaptcha - Super easy integration for Google's Invisible reCAPTCHA
  - vue2-heropatterns - A Vue2 implementation allowing you to add the popular Hero Patterns onto any Div
- Form
  - VCalendar
  - vue2-daterange-picker - Vue2 date range picker based on bootstrap-daterangepicker (no jQuery dependency)
  - vue-infinite-autocomplete - Vue infinite-autocomplete wrapper for Vue.js 2.*
  - vue-froala - VueJS wrapper for Froala Editor.
  - vue-submit - Simple implementation of Ladda ([1](http://lab.hakim.se/ladda/), [2](https://msurguy.github.io/ladda-bootstrap/)) in less than 90 lines of code with no dependencies.
  - vue-ui-predicate - A rules editor, generic filtering UI, predicates component for Vue JS.
Frameworks
- Responsive
  - vuecidity - UI component framework for Vue.js 2.0
  - Carvue.js - IBM's Carbon Design System for Vue.js
  - BalmUI - Next Generation Material UI for Vue.js
  - v-semantic - Implementation of [semantic-ui](https://semantic-ui.com/) for Vue
  - bootstrap-vue - Implementation of [bootstrap-4](https://getbootstrap.com/) grid and components for Vue.js 2.
- Component Collections
  - jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
  - Kendo UI for Vue
- Static website generator
  - Saber - A static website generator for building blazing fast websites with Vue.js.
Prerendering
- Command Line / Terminal
  - ![CC0

Programming Languages

HTML 2 Vue 2 javascript 1 JavaScript 1 TypeScript 1

awesome-vue

Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

Official Resources

Job Portal

Community

External Resources

Tutorials

Blog Posts

Open Source

Enterprise Usage

Apps/Websites

Commercial Products

Podcasts

Official Examples

Examples

Books

Interactive Experiences

A11y

UI Utilities

Animation

WebGL

Routing

Filters

Utilities

State Management

Code Style

CSS

Page Navigation

Integrations

Payment

Dev Tools

Vue CLI 3 Plugins

Source Code Editing

Scaffold

Source Code Editing

Client

Electron

UI Components

Carousel

Charts

Table

Notification

Loader

Icons

Minus Plus Input

Calendar

Search

Miscellaneous

Form

Frameworks

Responsive

Component Collections

Static website generator

Prerendering

Command Line / Terminal