mirror of
https://github.com/vuejs/awesome-vue.git
synced 2024-11-27 11:25:59 -05:00
52 KiB
52 KiB
Awesome Vue.js
A curated list of awesome things related to Vue.js
- Official Resources
- External Resources
- Community
- Podcasts
- Official Examples
- Tutorials
- Development Tools
- Syntax Highlighting
- Snippets
- Autocomplete
- Libraries & Plugins
- Projects Using Vue.js
Official Resources
- Official Guide
- API Reference
- GitHub Repo ★ 16889, pushed 0 days ago
- Release Notes
External Resources
- Vue.js資料まとめ(for japanese) by @hashrock
Community
- Gitter Chat Room
- Official Forum
- vue-requests - Request a Vue.js module you wish existed or get ideas for modules
Podcasts
- Full Stack Radio #30 (11-23-2015)
- JavaScript Jabber #187 (11-25-2015)
- Changelog #184 (11-27-2015)
- Software Engineering Daily (12-29-2015)
- Javascript Air 016 (03-30-2016)
Official Examples
- Basic Examples
-
Vue.js TodoMVC
- CoffeeScript Version ★ 3, pushed 52 days ago
- Vue.js HackerNews Clone ★ 897, pushed 56 days ago
Tutorials
- Vue.js screencasts on Laracasts
- What's New in Vue.js 1.0 on Sitepoint
- Build an App with Vue.js: From Authentication to Calling an API on Auth0 blog
- Create a GitHub File Explorer Using Vue.js on Scotch.io
- Vue.js Tutorial on Vegibit
- Vue.js build set-up from scratch with webpack, vue-loader and hot reload
- Vuex basics: Tutorial and explanation
- Vuex introduction video - James Browne from London Vue.js Meetup #1
- Vue.js 中文系列视频教程 on Laravist
- Vue.js: The Basics on Coligo.io
- Practical Intro to Components in Vue.js on Coligo.io
- Develop a Reactive Invoice App using Vue.js on craigmckenna.com
- Understanding Filters in Vue.js on Coligo.io
- Hybrid App Example with Laravel and Vue.js in portuguese by @vedovelli
- Creating a Markdown Editor with VueJs and GitHub's API on Coligo.io
- Building a Real-Time Web Analytics Dashboard with NodeJs, Socket.io, and VueJs on Coligo.io
- Vue.js Introduction Turkish Language on oguzhan.in
- Vue.js VideoTutoral Series in Spanish (3-8-2016) on YouTube by Juan Andrés Núñez
- Building a Bookmarking App with Electron, VueJs, and Firebase on Coligo.io
0.12 and earlier
- Vue.js screencasts on Laracasts 0.12
- Build an App with Vue.js on Scotch.io 0.12
- Getting Started with Vue.js on Sitepoint 0.12
- Vue.js video series in portuguese 0.12
- Vue.js video series in russian on Ausite 0.12
- A Quick Introduction to Vue.js by Matt Sparks 0.12
- Getting Started with Vue.js + vue-router by Michael Calkins 0.12
- Many JS Frameworks but Vue.js Is Different by Taha Shashtari 0.12
- Getting Started with Vue.js - AngularJS perspective by Dan Mindru 0.11
Development Tools
- vue-cli : official CLI for scaffolding Vue.js projects. ★ 565, pushed 10 days ago
-
vue-loader
- Vue component loader for Webpack.
- vue-loader-example ★ 312, pushed 48 days ago
-
vueify
- Vue compcomponent transform for Browserify.
- vueify-example ★ 83, pushed 83 days ago
- vue-devtools - Chrome devtools extension for debugging Vue applications. ★ 583, pushed 10 days ago
-
grunt-vueify
- Translate
.vue
files to pure JavaScript, without using Browserify. (Useful for Electron apps) ★ 1, pushed 54 days ago - vue-compiler - A simple CLI wrapper around vueify ★ 2, pushed 7 days ago
-
vue-autocompile
- Atom.io package to compile
.vue
files on save. -
vue-dev-server
- A small webpack-based development server for building standalone
vue
components ★ 3, pushed 42 days ago - vue-go-cli - a CLI tool for scaffolding new projects generating components, services, and mixins. ★ 2, pushed 48 days ago
- brunch-vue - Adds support to Brunch for pre-compiling single file Vue components. ★ 2, pushed 44 days ago
- vueify-extract-css - Browserify plugin to extract css from Vueify-compiled single file components to a separate css file. ★ 18, pushed 29 days ago
- eslint-plugin-vue - Eslint plugin for .vue files. ★ 20, pushed 21 days ago
Syntax Highlighting
- Sublime Text
- Atom by @hedefalk
- Atom (2) by @CYBAI
- Vim by @darthmall and @posva ★ 30, pushed 2 days ago
- Visual Studio Code by Jim Liu
- Brackets by @pandao ★ 6, pushed 113 days ago
- IntelliJ IDEA / WebStorm by @henjue ★ 135, pushed 28 days ago
- Emacs by @CodeFalling ★ 2, pushed 10 days ago
Snippets
- vue-snippets for Atom.io by @ealves-pt
Autocomplete
- vue-autocomplete for Atom.io by @ealves-pt
Libraries & Plugins
-
Routing
- vue-router - Official router for building SPAs. 1.0 compatible
- Vue page , a routing system based on pagejs by @AlexToudic ★ 15, pushed 247 days ago
- Vue Lanes , an event-based routing system for Vue by @bpierre ★ 19, pushed 756 days ago
- Vue route , ng-view inspired routes for Vue by @ayamflow ★ 70, pushed 258 days ago
- voie — simple router / layout manager inspired by FSMs and ui-router by Boris Okunskiy 1.0 ★ 107, pushed 2 days ago
-
Ajax/Data
- vue-resource - AJAX/Resource plugin maintained by the PageKit team. 1.0 compatible
- vue-async-data - Async data loading plugin 1.0 compatible ★ 174, pushed 2 days ago
- vue-async-computed - Plugin to support computed properties that are calculated asynchronously. By @foxbenjaminfox ★ 15, pushed 3 days ago
- vue-chimera - A full-featured RESTful resource based client, campatible with Nuxtjs and server side fetching. @SasanFarrokh ★ 15, pushed 4 days ago
-
State Management
- vuex - Flux/Redux inspired application architecture for Vue.js.
- revue - Redux binding for Vue by @egoist
- vue-redux - Redux binding for Vue by @yang-wei ★ 74, pushed 75 days ago
- vue-freeze - Simple state management whitout bloating API and Concept for Vue by @BosNaufal ★ 29, pushed 21 days ago
- vue-simple-store - Store Organizer To Simplify Your Stores for Vue By @BosNaufal ★ 25, pushed 22 days ago
-
Validation
- vue-validator - Form validation plugin maintained by @kazupon 1.0 compatible
- Vue validator by @xrado ★ 34, pushed 195 days ago
- vue-form by @fergaldoyle 1.0 compatible ★ 105, pushed 2 days ago
-
UI Components
- VueStrap , Bootstrap components built with pure Vue.js by @yuche 1.0
- VueBoot , Bootstrap v4 components by @Morgul 1.0
- vue-mdl : Reusable Vue.js components using Material Design Lite. By @posva ★ 282, pushed 4 days ago
- vue-countup : A Vue.js component for the very interesting CountUp.js plugin. 1.0 compatible ★ 8, pushed 78 days ago
- Vue Tag Editor Component by @hnakamur ★ 19, pushed 762 days ago
- Vue Crop
- Vue Typeahead
- Typed select component by @dgerber ★ 3, pushed 321 days ago
- vue-select : A Vue.js component implementing the select control with the jQuery select2 plugin . By @Haixing-Hu ★ 44, pushed 43 days ago
- vue-html-editor : A Vue.js component implementing the HTML editor with the jQuery summernote plugin . By @Haixing-Hu ★ 54, pushed 79 days ago
- vue-datetime-picker : A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin . By @Haixing-Hu ★ 54, pushed 17 days ago
- vue-country-select : A Vue.js component implementing the select control used to select countries. It depends on vue-select and vue-i18n . By @Haixing-Hu ★ 11, pushed 192 days ago
- Form generation from JSON Schema by @dgerber ★ 19, pushed 320 days ago
- vue-panel : A suite of Vue.js components for building Flexbox layouts by @ericmcdaniel ★ 36, pushed 112 days ago
- vue-google-maps : A suite of Vue.js components to build reactive Google Maps Applications by @GuillaumeLeclerc
- vue-transition : A component to trigger a CSS transition at any time by @Twiknight ★ 34, pushed 49 days ago
-
SVG icons
, SVG sprites in form of a simple
- Extra Vuestrap components , more components built with just B4 and Vue.js, by @kzima 1.0
- VueStrap Base Components , A complete set of Bootstrap 4 web components built with pure Vue.js, by @kzima 1.0
- Vue YouTube Embed : a directive for Vue.js and YouTube by @kaorun343 ★ 16, pushed 29 days ago
- Vue datepicker : calendar and datepicker component with material design for Vue.js by @hilongjw ★ 48, pushed 1 days ago
- vue-date-picker : A simple datepicker component for Vue.js by @Bubblings ★ 15, pushed 8 days ago
- vue-spinner : A collection of loading spinners with Vue.js. ★ 129, pushed 54 days ago
- vue-image-loader : Async image loader for Vue.js by @eduardostuart ★ 13, pushed 73 days ago
- Vue-progressbar : A lightweight progress bar for Vue.js by @hilongjw ★ 35, pushed 73 days ago
- Famous-Vue : Declarative Famous using Vue ★ 10, pushed 64 days ago
- vue-waterfall : A waterfall layout component for Vue.js by @MopTym ★ 204, pushed 54 days ago
- vue-charts : A Google Charts plugin for Vue.js by @haydenbbickerton ★ 17, pushed 15 days ago
- vux : Mobile web UI Components based on Vue and WeUI ★ 1057, pushed 0 days ago
- vue-select : Simple component that implements Select2/Chosen style dropdowns with no dependencies 1.0 ★ 154, pushed 8 days ago
- Vue-slide : A lightweight slide component for Vue.js by @hilongjw ★ 29, pushed 19 days ago
- Vue-quill : A Vue component implementing the Quill text editor by @brockreece ★ 5, pushed 22 days ago
- vue-pagenav : A vue pagenav plugin by @zxdong262 ★ 6, pushed 4 days ago
- Vue-calendar : A vue calendar component with less code by cucygh ★ 1, pushed 23 days ago
- Vue Material Components : Vue.js UI components using materializecss.com by mjanys
- vue-autocomplete Autocomplete Component for Vue by @BosNaufal ★ 22, pushed 94 days ago
- vue-loading-bar Youtube Like Loading Bar Component for Vue by @BosNaufal ★ 26, pushed 10 days ago
- vue-bootstrap-modal Bootstrap style modal component for Vue by @Coffcer ★ 5, pushed 3 days ago
- vue-comps : A collection of unstyled and unanimated components (side-nav / modal / collapsible / clusterize / dropdown / resize-handle and other)
- vue-materialize : materializeCss styles and animations for some of vue-comps ★ 22, pushed 1 days ago
- vue-waves :Click effect inspired by Google's Material Design ,the vue version By @Teddy-Zhu ★ 3, pushed 8 days ago
- vue-table : component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component. By @ratiw ★ 26, pushed 0 days ago
- fire-select : Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Chosen, Select2, etc. ★ 26, pushed 1 days ago
-
i18n
- vue-i18n : Internationalization plugin.
- vue-i18n : A plugin providing a global interface used to localize internationalized messages used in the ★ 32, pushed 2 days ago
- vue-locale : Advanced localization support for VueJS ★ 9, pushed 34 days ago
- vue-jade-editor : a online jade(pug) editor plugin by @zxdong262 ★ 0, pushed 8 days ago
-
Examples
- Starter Application with JWT Auth + sample backend API in Laravel
- Node Webkit + Vue example by @brandonjpierce ★ 34, pushed 287 days ago
- Vue Samples by @superlloyd ★ 18, pushed 175 days ago
- HackerNews clone with vue.js + vue-router by @kazupon ★ 2, pushed 240 days ago
- Electron + Vue example by @bradstewart ★ 144, pushed 1 days ago
- Single page application example (Vue + Voie) by Boris Okunskiy ★ 30, pushed 108 days ago
- Begin - Task Manager SPA written in Vue + Lumen by Raj Abishek ★ 10, pushed 25 days ago
- Vue Mini Shop by BosNaufal ★ 10, pushed 22 days ago
- Vue SoundCloud by mul14 ★ 11, pushed 0 days ago
- vuefire-quickstart Star well-documented Firebase integration w/ webpack and eslint, by @sejr
-
Boilerplates
- Boilerplate for Vue.js plugin by @kazupon
- Boilerplate for Vue.js & Atom Electron by @rodzzlessa24 ★ 33, pushed 14 days ago
- Boilerplate for Nuxt.js using Wordpress REST API as headless CMS. by @bovas85 / @moustacheDsign
-
Scaffolding
- vue-cli : official CLI for scaffolding Vue.js projects.
- Vue generator : a simple yeoman generator for Vue by @BirdEggegg
- VENM stack yeoman generator by @jfelsinger ★ 35, pushed 121 days ago
- Grail Yeoman Generator : a advanced yeoman generator for a modern modular one page web app, extendable with Vue.js alongside other nice tools ★ 9, pushed 167 days ago
- VuePack : A modern starter for Vue and Webpack by @egoist ★ 157, pushed 6 days ago
- VueWebgulp : A skeleton app using Vuejs, Gulp, and Webpack by @rodzzlessa24 ★ 31, pushed 30 days ago
- Vuetober : SPA scaffolding for October CMS ★ 21, pushed 26 days ago
- vue-go-cli - a CLI tool for scaffolding new projects generating components, services, and mixins.
- Brunch with Vue - A skeleton application utilizing vue, vuex, vue-resource and vue-router. ★ 9, pushed 37 days ago
- Vue-Django - A boilerplate to set you up in bringing the awesomeness of VueJS into a Django (Python) app.
- python-vuejs - Gluing Python web frameworks and Vue.js with a set of scripts. Basically a vue-cli wrapper.
-
Integrations
- Vue for Meteor by @zhouzhuojie
- ScalaJS bindings for Vue.js by @fancellu ★ 22, pushed 177 days ago
- Socketize Backend : Sync your model data to Socketize backend automatically. By @Socketize ★ 6, pushed 118 days ago
- Vue-Meteor-Data Two-way-reactivity mixin for Vue and Meteor by @JakobRosenberg ★ 12, pushed 3 days ago
- Vue Proerty Decorator : Property Decorators for Vue.js by @kaorun343 ★ 7, pushed 87 days ago
-
General Plugins/Directives
- vue-element : Register real custom elements with Vue.
- vue-touch : Hammer.js wrapper directives for touch gestures. (Updated for 1.0!) ★ 217, pushed 15 days ago
-
vue-animated-list
: A Vue.js plugin for easily animating
v-for
rendered lists. ★ 85, pushed 63 days ago - Vue placeholder directives by @lithiumjake ★ 46, pushed 793 days ago
- Vue in viewport detection directive by @holic ★ 27, pushed 666 days ago
- Vue once directive by @kewah ★ 10, pushed 498 days ago
- Vue Modified Directive by @KyleRoss ★ 10, pushed 434 days ago
- Maintain scroll position on page changes by @mark-hahn ★ 16, pushed 30 days ago
- vue-titlecase : A plugin providing a global filter and an instance method used to titlecase (different from capitalize) strings. By @Haixing-Hu ★ 9, pushed 164 days ago
- vue-format : A plugin providing a global filter and an instance method used to format messages with arguments. By @Haixing-Hu application. By @Haixing-Hu ★ 9, pushed 62 days ago
- vue-clickaway : Assign a method to be called whenever user clicks away from the element. By @simplesmiler ★ 33, pushed 118 days ago
- vue-focus : Manage input focus in the MVVM-friendly way. By @simplesmiler ★ 31, pushed 118 days ago
- vue-transfer-dom : Transfer DOM to another location. by @rhyzx ★ 17, pushed 31 days ago
- vue-lazyload : lazyloading images. by @hilongjw ★ 59, pushed 5 days ago
- v-touch : The easiest way to use Hammer.js with Vue.js and use touch gestures. by @didierfranc Vue.js 1.x ★ 5, pushed 74 days ago
- vue-mixins A collection of mixins aimed to replace some jQuery functionality ★ 9, pushed 8 days ago
- vue-filters A collection of filters ★ 2, pushed 47 days ago
- vue-round-filter filter for rounding with whichever decimal accuracy ★ 0, pushed 65 days ago
- vue-paginate A simple plugin to use pagination in vue.js. by @TahaSh ★ 40, pushed 18 days ago
- vue-super A simple plugin to call methods on parent components. ★ 5, pushed 50 days ago
- vue-deepstream Plugin to simplify event subscription and event trigger when using deepstream.io ★ 6, pushed 3 days ago
- vue-plain Plugin to get plain object from vue getter/setter object. ★ 1, pushed 16 days ago
- vue-calc-input Vue directive to make a calculator input behavior by @BosNaufal ★ 1, pushed 40 days ago
- vue-move-dom Vue Directive to move the DOM without losing all the VM data, event, etc. by @BosNaufal ★ 1, pushed 40 days ago
- vue-animate : Use Animate.css with Vue.js transitions. By @haydenbbickerton ★ 10, pushed 12 days ago
- vue-sortable : A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable . By @sagalbot ★ 19, pushed 14 days ago
- vue-loading : Vue directive, show loading block in any element. By @coffcer ★ 13, pushed 10 days ago
- vue-gesture :touch events plugin for Vue.js.You can v-gesture directive,and directive auguments can use a tap, swipe, etc. ★ 27, pushed 15 days ago
- vue-lazyload-img another image lazyload plugin for Vue, especially optimized for mobile browser. By @JALBAA ★ 5, pushed 7 days ago
- vue-not-visible Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints. By @PxyUp ★ 5, pushed 1 days ago
-
Talks
Projects Using Vue.js
-
Open Source
- PageKit [Source]
- p5.js editor [Source]
- Python China [Source]
- npmcharts.com [Source]
- Todolist by @jiyinyiyong
- Dashboard framework by @thelinuxlich ★ 40, pushed 211 days ago
- a simple notepad ★ 43, pushed 152 days ago
- FilterBlend : CSS blend modes and filters playground by @ilyashubin ★ 135, pushed 79 days ago
- Koel : Music streaming server
- Selection Translator [Source] A Chrome Extension let browse any language websites has never been easier.
- SwitchHosts [Source] Switch hosts quickly.
- RSS Reader Simple RSS Reader made using atom electron and vue.js. ★ 136, pushed 33 days ago
- Gokotta : A simple music player built by electron and vue. ★ 121, pushed 27 days ago
- Coffeebreak Tool for live editing CSS components ★ 38, pushed 38 days ago
- BaiduHui: Push Notification - 百度惠:实时推送优惠 [Source] A Chrome Extension allows user use Baidu-Hui services and recieves the push notification about the latest discount infos.
- Demo of Bureaufast workflow egine [Source] An enterprise work flow engine capable of integrating SAP, Oracle, etc. e.g., Purchase Order release just by config although futher development supported.
-
Apps/Websites
- Laravel Spark
- Vice Video
- Formlets
- Laracasts
- Sainsbury's Entertainment onboarding platform
- CUUSOO
- esa.io
- N1.ru
- 稀土掘金
- Prague Airport
- Expressionery
- BUYIT by @ Workswell Australia
- Portfolio Site by Corentin Bac
- Compare Prices by Currys & PCWorld
- Grammarly mistake-free writing service
- Laravist
- Atiiv An app aimed for personal trainers and their clients.
- Statamic
- Embalses! A tool to report water dam level using the U.S. Geological Survey database.
- TravelMap A simple way for travellers to create a blog based on a Map
- movienote.org A app which help users maintaining a list about what movie they have watched.
- Proper Cloth Shirt Builder Custom shirt builder
- CheckIt ★ 0, pushed 17 days ago
- Reddit News A browser extension which show notifications and news from reddit ★ 27, pushed 14 days ago
- Powerpuff Yourself by Cartoon Networks
- 小桃酱
- 12BAY.VN - Applications online flight bookings. Ứng dụng săn vé may bay siêu rẻ.
- YBR - Centralized YBS Public eComplaint Management System. (Full SPA)
-
Interactive Experiences
- Jean-Pierre Morin | 1700 LAPOSTE - by Écorce & KFFEIN
- Facebook NewsFeed
- YouTube AdBlitz 2016
- Blood, Sweat and Tools - by Jam3, led by @cheapsteak
- Omnisense Experience - Awwwards & FWA SOTD, FWA Cutting Edge. Awwwards SOTM nominee.
- Being the Bear - Awwwards & FWA SOTD, FWA Cutting Edge, Awwwards SOTM nominee.
- Heineken Star Experience - FWA SOTD.
- Louis Ansa Website (portfolio) - Awwwards SOTD, FWA nominee.
- Digital For All
- Djeco.com
- NOIZE original - by KFFEIN
-
Enterprise Usage