vue清单列表

Skip to content
 
 
 
 
 

vuejs/awesome-vue

 Code Issues 24 Pull requests 7 Projects 0 Insights
A curated list of awesome things related to Vue.js
Clone or download 
 
Upload filesFind file
New pull request
 
Latest commit 5979e22 15 hours ago@ndelvalle ndelvalle committed with kazupon Add v-unicode (#1714)
  CONTRIBUTING.md update contributing rule 5 months ago
  README.md Add v-unicode (#1714) 15 hours ago
  awesome_vue_with_repo_info.md Added python-vuejs project (#1183) 6 months ago
  logo.svg Update logo of repository (#1510) 2 months ago

 README.md


logo of vue-awesome repository 

Awesome Vue.js Awesome

A curated list of awesome things related to Vue.js

Resources

Official Resources

External Resources

Job Portal

Community

Conferences

Podcasts

Official Examples

Tutorials

Examples

Books

Projects Using Vue.js

Open Source

  • PageKit - Modular and lightweight CMS built with Symfony components and Vue.js.
  • npmcharts.com - Compare npm packages and spot download trends.
  • Koel - A personal music streaming server that works.
  • RSS Reader - Simple RSS Reader made using atom electron and vue.js.
  • Gokotta - A simple music player built by electron and vue.
  • CoPilot - An admin portal based on AdminLTE with vue.js integration.
  • Retrospectify - A simple tool for doing collaborative retrospectives in agile teams.
  • jade-press - Cms based on mongodb, nodejs, koa, vue and more.
  • astralapp - Organize Your GitHub Stars With Ease.
  • EME - An Elegant Markdown Editor.
  • Github-explorer - A spa which can help you check your github in a better way.
  • Hotel - Start your dev servers from your browser and get local domains in seconds.
  • Surfbird - A Twitter client written with modern web technologies.
  • Approach0 - A math-aware search engine.
  • Flox - Self Hosted Movie, Series and Anime Watch List.
  • JavaScript Guessing Game - A game for identifying JavaScript tools and libraries.
  • vue-ghpages-blog - A blog based on GitHub pages by Vue.js 2 + Webpack 2.
  • Vuedo - Blog platform, built with Laravel and Vue.js.
  • vue-music163 - A Vue.js project for music.
  • Tomato5 - Real-time collaboration tool, it combines Pomodoro Technique with a team status share board.
  • Web Learn - A service which provides simple access to thousands of video tutorials on web developing and programming.
  • ExcelJSON - A tool to convert CSV, TSV to/from JSON.
  • Materialize-blog - A material blog built with Laravel5.3 and Vue2.x.
  • VueCompomnentGenerator - Generate vue single file component on browser.
  • SDR News - News for web designers and developers aggregated from multiple sources (Reddit, Hacker News and Prominent Blogs).
  • PJ Blog - Open source blog built with Laravel and Vue.js.
  • Lulumi-browser - Lulumi-browser is a light weight browser coded with Vue.js 2 and Electron.
  • vue-wordpress-pwa
  • OpenAPI 3 viewer - Browse and test a REST API described with the OpenAPI 3.0 Specification
  • Stacer - Linux System Optimizer and Monitoring
  • Distrochooser.de - An orientation guide for Linux beginners
  • Buka - EBook Management
  • Docute - A framework for writing documentation without build process
  • pm86 - Production process manager for Node.js apps Websites
  • vms - A Vue.js 2.0 Management System
  • nativescript-vue - A Vue.js implementation of the NativeScript renderer.
  • piper - A drag-and-drop mobile website builder base on Vue.
  • mmf-blog-vue2 - A blog based on Vue2(Vue-router, Vuex) and Webpack2.
  • Media Manager - Web File Manager.
  • dyu/bookmarks - A self-contained, self-hosted bookmarking app powered by leveldb, built with Vue2.1.x.
  • JSON Schema Editor - An intuitive editor for JSON schema. Develop with Vue.js 2 and Firebase.
  • npm-stats - npm package download statistics dashboard
  • vue2-admin-lte - a project that converts AdminLTE to work with Vuejs (v2.x).
  • Dockeron - A project built on Electron + Vue.js for Docker on desktop.
  • Flamme - An open source Tinder desktop client built with electron and Vue.js for educational purposes
  • Goldfish - A HashiCorp Vault UI built with VueJS, Golang, and Bulma CSS
  • Adminify - An Admin dashboard based on Vuetify, check the Online Demo
  • promptie - A framework written in Vue.js for creating command-line like interfaces in web browsers.
  • Hare - 🐇 Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
  • Paper-Dashboard -Creative Tim Paper Dashboard made for Vue
  • AdminLTE-VueJS2 - An open source project that implements VueJS (v2.x) on AdminLTE.
  • Material Dashboard - Creative Tim Material Dashboard made for Vue
  • Explore-Github - VueJS 2 Github Explorer Using API v3
  • CoreUI - Open Source Admin Template powered by Vue.js
  • ChuckNorris - Chuck Norris Jokes Generator built with VueJS + api.chucknorris.io
  • LeafPlayer - A simple and fast, privately hosted music streaming server.
  • JSON Editor - A schema-aware JSON editor. Develop with Vue2.
  • Voten - A Reddit-like platform built with Vue2 and Laravel.
  • News Weaver - A web based RSS Reader/Aggregator made using VueJS and VuetifyJS
  • 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.
  • Astrum - A lightweight pattern library designed to be included with any web project.
  • vue2-pwa-vision - A Face Detection Google Cloud Vision with Vue2 + Vuetify + Progressive Web App
  • vue2-pwa-rekognition - A Face Detection Amazon Rekognition with Vue2 + Vuetify + Progressive Web App
  • AmmoBin.ca - meta search site for online ammo prices across Canada
  • SPA-asp.net-api-vuejs- - A Vue.js single page application for basic task Management & messaging using ASP .NET Webapi 2 and SQL server
  • Book-Trading-Club - Trade or loan books with other book readers in your area. Built using nodejs and vuejs2
  • vuejs-extension-pack vscode - An extension packf or vscode with popular VS Code extensions for Vue.js development.
  • vue2-text-swimlane - A Text Swimlane plugin for Vue.js
  • Wiki.js - A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
  • vue-pwa-speech - A Speech to text With Google Cloud Speech on Vue2 + Vuetify + Progressive Web App
  • vue-speech-streaming - A Performing Streaming Speech Recognition results in real time Speech To Text with Google Cloud Speech + socket.io on Progressive Web App
  • My Animation List - A tool to easy get css animation code
  • vue-input-streaming - A TextInput Streaming RealTime And Two Way Data Binding Broadcasting with Pusher
  • TidyTab - A Chrome extension for tidying up those tabs.
  • peregrine-cms - A Vue.js and Apache Sling based head-optional CMS
  • concept-to-clinic - Lung cancer prediction project with Vue.js interface
  • grid-awesome - Generate boilerplate css for grid layouts using the css display: grid; property.
  • Light Bootstrap Dashboard - Creative Tim Light Bootstrap Dashboard made for Vue
  • Hubaga - A free and lightweight WordPress eCommerce plugin for developers and other digital shops.
  • vue-webpack-buefy - Vue.js starter with full-featured Webpack and Buefy
  • Coypu - Text-editor-like weekly planner
  • core-server - Highly scallable VueJs framework with an integrated API system, and multiple advanced features.
  • discord-logo - A Vue.js animated discord logo generator based on SVGs. (Github Page)

Commercial Products

  • Wijmo - A collection of UI controls with VueJS support.
  • Collate Notes
  • Formester - Form, email marketing automation made easy
  • ChatWoot - Livechat and agent collaboration over Facebook messenger.
  • VueA - VueJS Admin template with multiple layouts and laravel version.
  • Teleo - Team collab-app moving effortlessly between talking, planning & doing

Apps/Websites

  • Laravel Spark
  • Vice Video
  • Formlets
  • Laracasts
  • esa.io
  • 稀土掘金
  • Prague Airport
  • Portfolio Site
  • 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.
  • Proper Cloth Shirt Builder - Custom shirt builder.
  • CheckIt
  • Reddit News - A browser extension which show notifications and news from reddit.
  • Powerpuff Yourself by Cartoon Networks
  • 小桃酱
  • cloudradioo - Web app that plays randomly all top 50 songs from the soundcloud charts
  • vNotes - Simple and beautiful notepad to Markdown with Vue.js and Local Storage API.
  • Open Function Computers
  • Dermail - A webmail client written in Vue.js for Dermail, a mail system written in node.js.
  • octimine - A patent search engine.
  • Draxed - A web based MySQL and PostgreSQL data browser and dashboard manager.
  • 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.
  • X-SONGTAO - A Personal blog. FE and CMS are in same vue SPA.
  • Jobinja - A Job Board and career platform operating in Iran.
  • 滚蛋吧！莆田系 - Show all Putian hospital information
  • Jobi : Recruiting Platform
  • The Spice House - Ecommerce website for high quality spices. Checkout, cart, the product detail page, and search are built using Vue. Checkout is a single page app written with Vue & Vuex.
  • Livestorm - Webinar / Live events app.
  • Metric Loop - A technology services and solutions website.
  • Holden
  • Global-Exam - Online Training for Language Proficiency Tests
  • SlugSurvival - A webapp that helps student better plan their courses (hobby project, not in affiliation with UCSC).
  • FreePoll.Online - A group decision making tool built using Vue.js, vue-sortable, Semantic UI and Zappa.
  • GitRelease - Track github project's new release on mac menubar using vue.js with electron.
  • 12BAY.VN - Applications online flight bookings.
  • PLAYCODE.IO - Playground for Rapid Frontend Experiments.
  • The Void Radio - Underground House Music Online Radio.
  • Bitly Vue - Shorten URLs with VueJS & Bitly API.
  • Storyblok - API Based/Decoupled CMS using VueJS for its frontend.
  • 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
  • Euronews - Euronews is a multilingual news media service, headquartered in Lyon, France.
  • Roozame روزامه� - Roozame is a persian smart news media service.
  • Koumoul
  • 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.
  • 蒜瓣 - A web app developed with Vue2.0 and Douban API
  • 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 (although not the live files that run the game at kdcinfo).
  • GRAP - Business communication service
  • Easy Mock  - mmf-blog-vue2-ssr A blog built with Vue 2.0, vue-router & vuex, with server-side rendering
  • JSON Schema Editor - An intuitive editor for JSON schema built with Vue.js and Firebase.
  • 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 🚀
  • Kinderbesteck - A full Online Shop SPA with Vue2.0, Vuex, Vue Router
  • n2ex - A vue ssr(nust) website, use v2ex API
  • 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
  • 1XBET - A betting company operating since 2007
  • MyOwnTV - A streaming website for creating internet television
  • CrowdCircus - Europe’s biggest crowdfunding- and crowdinvesting-aggregator
  • Talk to Someone - Free, anonymous and confidential online text chat with strangers around the world.
  • 轮子工厂 - A ui components and libraries sharing website
  • ابیات ناب پارسی - A collection of Persian poems
  • Ripplectron - Ripple(Blockchain coin) Wallet Desktop client for vue-electron
  • PingBreak A free and simple website monitoring service using vuejs for real-time dashboard
  • Todoist Tribute - Todoist clone, written in Rails + Vue
  • JSON Editor - A schema-aware JSON editor built with Vue2 and firebase.
  • Develteam - A social network for indie game developers.
  • Mixsii - A free video chat room site for teens, adults, family, and friends.
  • PipQuest - A retro-style puzzle game built in Vue
  • Matryx - A decentralized collaboration platform.
  • iPrevYou - YouTube™ Player - A chrome app for watching youtube videos on your desktop.
  • Item Manager - An application to transfer items for Destiny 2 game.
  • Frontend Masters Intro to Vue - Frontend Masters full day course
  • TR-101 - A drum synth / sequencer.
  • Boardbang - Media sharing platform.
  • WynnStats - A unofficial WynnCraft statistics.
  • Save Coins - Save Coins helps Nintendo Switch owners to save money on Nintendo eShop.
  • Vectr - A free vector graphics software
  • brain bits - A P300 online spelling mechanism for Emotiv headsets
  • Coin Dashboard - The fully client-side cryptocurrency asset dashboard.
  • 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)
  • CodeDependencyScanner - A C# dektop application that display .Net assembly code dependencies build with Vue, Neutronium and D3.js.
  • Thousand Ether Homepage - The Million Dollar Homepage reimagined as an Ethereum DApp. Build on Vue.js and open source.
  • Let's Enchance - free online image upscale and enhancement with neural networks.
  • Pi.TEAM - Online Invoicing and Accounting - Simple to use online accounting and invoicing, free for single users and freelancers.
  • Vuethwallet - A simple app generate ethereum wallet with vuejs.
  • Tipe - Next Generation API-first CMS. Create your content with powerful editing tools and access it from anywhere with a GraphQL or REST API. Stop letting your CMS decide how you build your apps.

Interactive Experiences

Enterprise Usage

Components & Libraries

UI Components

Table

Tables / data grids

Notification

Toaster / snackbar — Notify the user with a modeless temporary little popup

  • vue-notifications - Vue.js agnostic non-blocking notifications library.
  • vue-easy-toast - A toast plugin for vue/vue2.
  • vue-toasted - Responsive Touch Compatible Toast plugin for VueJS.
  • vue-notifikation - Vue.js notification plugin.
  • vue-notification - Vue.js 2+ notification plugin using Velocity for animations.
  • vs-notify - Tiny but powerful notification component with no dependencies.
  • vue2-notify - Vue.js 2+ notification plugin.
  • vue-notifyjs - Minimalist, 3kb themable notification plugin
  • vueup - Simple, lightweight and elegant global notification popup for Vue.js
  • vuex-flash - Flash message component for VueJS 2.x within Vuex 2.x.
  • vue-snotify - Vue.js 2 Notification Center
  • vue-notify-me - Stackable notification Alert for Vue
  • vue-noty - A Vue.js 2 wrapper around Noty
  • vue-notice - Vue.js 2 wrapper around Noty.js with native API

Loader

Loaders / spinners / progress bars — Let the user know that something is loading

Progress Bar

A slim progress bar at the top of the page

Tooltip

Tooltips / popovers

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vuedals - A VueJS (2.x) Plugin for multiple modals windows with a single component instance.
  • sweet-modal-vue - The sweetest library to happen to modals. Now available for Vue.js.
  • vue-js-modal - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
  • vudal - Modal window for vue.js
  • vodal - A vue modal with animations.
  • vue-image-lightbox - A Vue image lightbox/gallery to display images nicely.
  • vue2-simplert - Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan Maulana
  • Vue-Semantic-Modal - Vue 2 Semantic-UI modal component without jQuery dependency
  • v-img - Easy to install image gallery.
  • vue-dialog-drag - Draggable dialog
  • vue-ya-semantic-modal - Yet another semantic-ui modal component for Vue2 without Jquery but with Vue transition
  • vue-pure-lightbox - Very simple lightbox plugin without any dependencies - only Vue! 🖼
  • v-viewer - Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js
  • vue-messagebox - Easy and made-to-order messagebox component on Vue.
  • vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
  • @hscmap/vue-window - Window UI Component for vue2.
  • vue-gallery - VueJS responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. Based on blueimp-gallery
  • vue-swal - A small wrapper for integrating SweetAlert to Vuejs. (Compatible with SSR)
  • vue-modal-dialogs - A Promise-based modal dialog helper for Vue.js

Parallax

  • vue-parallax - Scrolls an image slower than the window to create a neat optical effect.
  • vue-parallaxy - Vue.js component for parallax image scroll effects.

Icons

  • vue-awesome - Font Awesome component for Vue.js, using inline SVG.
  • vue-material-design-icons - A collection of SVG Material Design icons as single file components.
  • vue-icon-font - A iconfont plugin for Vuejs (support Font-class and Symbol).
  • vue-ionicons - Vue Icon Set Components from Ionic Team.
  • vue-ico - Dead easy icons for Vue with drop-in browser support & selective bundling

Menu

Carousel

  • vue-easy-slider - Slider Component of Vue.js.
  • vue-l-carousel - A responsive carousel(namely slider or swiper) component for Vue.js v2.x+.
  • vue-awesome-swiper - Swiper(slide) component for Vue.js(1.x ~ 2.x).
  • vue-lory - Vue Slider Component based on lory.
  • vue-slick - Vue component for Slick-carousel.
  • vue-flickity - A Vue Component for Flickity.js.
  • vue-carousel-3d - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js.
  • vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js.
  • vue-coverflow - A vue2.x coverflow component.
  • vue-agile – A carousel component inspired by Slick, written in Vue.js and vanilla JS only.
  • vue-tiny-slider – A carousel component created by ganlanyuan, written in Vue.js. No jQuery. Works in IE8+.

Charts

  • vue-morris - VueJS component wrapping Morris.js.
  • vue-charts - Google Charts plugin for Vue.js.
  • vue-chartjs - Vue.js wrapper for Chart.js.
  • hchs-vue-charts - Based on Vue2.0 wrapper for ChartJs.
  • vue-echarts - ECharts component for Vue.js.
  • vuetrend - Simple, elegant spark lines for Vue.js.
  • vue-highcharts - Highcharts component for Vue.
  • vue-echarts-v3 - Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).
  • vue-chartist - Vue.js 2.0 component wrap for Chartist.
  • g2-vue - Factory wrapper for using G2 easily in a Vue Component.
  • vuebars - Simple, elegant spark bars for Vue.js.
  • vue-d3-network - Vue component to graph networks using d3-force
  • vue2vis - Vue2 wrapper for Visjs.
  • vue-c3 - A reusable vue component for c3 charts
  • vue-d2b - Vue components for d2b charts. (Including axis, pie, sankey, and sunburst charts)

Time

Display time / date / age

Calendar

Display non-editable events in a Calendar

  • vue-fullcalendar - Vue calendar fullCalendar. No jQuery required. Schedule events management.
  • vue-event-calendar - A simple events calendar for Vue2, no dependencies except Vue2.
  • vue-calendar-picker - Lightweight calendar component for events display, period selection and date picker.
  • vue-lunar-calendar - A vue component for lunar calendar. Uses Moment.js for date operations.
  • vue-simple-calendar - Flexbox-based Vue month calendar compenent; supports multi-day events, localization, holiday emoji, drag/drop. No dependencies.
  • vue2-calendar - A simple full calendar component aimed at beeing flexibile and lightweight.
  • vue-jlunar-datepicker - A Chinese lunar datepicker component with festivals and solar terms.
  • vue-datepicker-local - A Beautiful Datepicker Component For Vue2.

Map

Audio / Video

  • vue-aplayer - A Vue 2.x component of easy-to-config music players with controls.
  • vue-audio - audio-tag wrapper; sound player component for Vue 2.x
  • vue-dplayer - A Vue 2.x video player component based on DPlayer.
  • vue-canvasvideo - A Vue 2.x component for video backgrounds and autoplay video on iOS/Safari.
  • vue-music - A Vue component base on html5 .

Infinite Scroll

Pull-to-refresh

  • vue-pull-refresh - A pull to refresh component for Vue.js 2.0.
  • vue-pull-to - A pull-down refresh and pull-up load more and infinite scroll for Vue.js component.
  • vue-data-loading - Another component for infinite scroll and pull down/up to load data.

Markdown

  • vue-markdown - A Powerful and Highspeed Markdown Parser for Vue.
  • vue-mavonEditor - A markdown editor based on Vue that supports a variety of personalized features.
  • vue-simple-markdown - A Simple and Highspeed Markdown Parser for Vue.

PDF

  • vue-pdf - A pdf viewer based on mozilla's PDF.js

Tree

Social Sharing

  • vue-social-sharing - A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X.
  • vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x.

QR Code

  • vue-qriously - A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
  • vue-qart - The directive of vue 2.x for qart.js.
  • vue-qrcode-reader - A Vue.js 2 component which detects and decodes QR codes from a camera stream.

Search

  • vue-fuse - A lightweight pluggin for fuzzy search library, Fuse.js
  • vue-instantsearch - The ultimate toolbox for creating instant-search experiences using Algolia.

Miscellaneous

  • vue-avatar - An avatar component for vue.js.
  • vue-touch-ripple - Touch ripple component for Vue.js(1.x ~ 2.x).
  • vue-typer - Vue component that simulates a user typing, selecting, and erasing text.
  • vue-keyboard - Vue 2 virtual keyboard component.
  • vue-twentytwenty - Image comparison component, works with Vue.js 2.x
  • vue-cookie-law - Cookie info plugin for Vue.js 2.x
  • vue-gravatar - A dead-simple gravatar component for Vue.js 2.x
  • vue-clipboard2 - An easy to use clipboard.js binding for Vue.js 2.x
  • vue-flashcard - FLashcard component with animation for Vue.js 2.x 💡
  • vue-truncate-collapsed - A simple component that truncates your text and adds a 'Read More/Show Less' clickable for Vue.js 2.x
  • vue-kanban - A flexible drag and drop kanban board component
  • vue-letter-avatar - A simple and elegant letter avatar component for vue.js
  • vue-highlightjs - Syntax highlighting with highlight.js
  • v-clipboard - Simple, tiny and easy to use directive to save your models to clipboard (less than 2kb minified, no dependencies)
  • vue-invisible-recaptcha - Super easy integration for Google's Invisible reCAPTCHA
  • vue-embed - Embed component is based on embed.js for Vue 2.x, a component that embeds emojis, media, maps, tweets, gists, code, services and markdown.
  • vue-particles - Vue.js component for particles backgrounds
  • vue-uniq-ids - Vue.js 2.x plugin that helps to use id-related attributes with no side-effect
  • vue-multivue - Use multiple vue apps of the same class on the same page.
  • vue-affix - A Vue.js 2.x plugin that affixes an element in the window while you scroll, similar to Bootstrap Affix but much simpler and smarter
  • X-Browser-Update-Vue - A Vue.js browser-update plugin.
  • vue-query-builder - A UI component for building complex queries with nested conditionals.
  • vue-info-card - A simple and beautiful card component with an elegant spark line and CSS3 flip animation.
  • v-offline - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
  • vue-word-cloud - A word cloud generator.
  • vue-flat-surface-shader - A Vue component for flat surface shader
  • vue-easteregg - Easey add an easteregg to your vue app (default with konami code)
  • vue-barcode-scanner
  • vue-heatmapjs - A Vue directive for tracking and visualising mouse activity
  • vue-maze - An itty-bitty maze game made as Vue.js component
  • vue-drag-verify - This is a vue component, which is sliding to unlock for login or sign up.
  • vue-balloon - Vue components for creating fixed, zoomable containers in the corner of a page. Similar to the mail composition wrapper used in gmail.
  • vue-sticker - Sticker effect to any directions
  • v-rating - ⭐️ Rating component in Semantic-UI made with VueJS (< 500B gzipped, blazing fast)

Tabs

Form

Let the user create & edit data

Editable

Picker

  • vue-smooth-picker - A smooth picker component for Vue 2.x, like iOS native datetime picker.

Generator

Date Picker

Date / datetime / time Picker

Select

  • vue-select - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
  • vue-multiselect - Universal select/multiselect/tagging component for Vue.js.
  • stf-vue-select - most flexible and customized select Vue2
  • vue-select-image - Vue 2 Component for selecting image from list
  • @riophae/vue-treeselect - A multi-select component with nested options for Vue.js
  • @k186/pd-select - A mobile UI component like IOS picker for Vue 2.x,can be wheel pick what ever you defined.

Slider

Drag and Drop

  • vuedraggable - Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js.
  • vue-dragula - Drag and drop so simple it hurts.
  • vue2-dragula - A vue-dragula fork for Vue2, with a lot of improvements.
  • awe-dnd - A sortable list directive with Vue.
  • vue-draggable-resizable - Vue2 component for draggable and resizable elements.
  • vddl - Vue components for modifying lists with the HTML5 drag & drop API, supports VueJs versions 1 and 2.
  • vue-drag-drop - A minimal and lightweight wrapper for the HTML5 Drag and Drop API.
  • vue-swing - A swipeable cards interface, as seen in apps like Jelly and Tinder.

Autocomplete

Autosuggest / autocomplete / typeahead

  • vue-instant - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
  • v-autocomplete - Autocomplete component for Vue.js
  • vue-awesomplete - Vue wrapper for Awesomplete
  • vue-auto-complete - Autocomplete for Vue2. Works with objects or api calls.
  • vue-autosuggest - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.

Type Select

Let the user select a tag / something while typing

  • vue-tagsinput - A tags input component based on Vue.js.
  • vue-input-tag - Vue.js 2.0 Input Tag Component.
  • v-distpicker A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
  • vue-img-inputer A graceful, highly customizable img type input for Vue 2
  • vue-img-preview An image input preview component in vue 2
  • v-image 📷 Tiny little component for input type=file (< 1kb, gzipped)

Color Picker

  • vue-color - Vue Color Pickers for Sketch, Photoshop, Chrome & more.

Switch

Switch / on/off toggle / checkbox

  • vue-switches - An on/off switch component for Vue.js with theme support.
  • vue-js-toggle-button - Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
  • vue-checkbox-radio - A Vue component to easily styling checkbox and radio inputs.
  • vue-enhanced-check - Vue component to redesign/labelize checkbox/radio, including toggle/switch button.

Masked Input

  • vue-masked-input - Masked input component for Vue.js.
  • vue-text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
  • vue-ip-input - An ip input implemented by vuejs.
  • vue-numeric - Input field component to display currency value based on Vue.
  • awesome-mask - Mask directive based on a pure and simply VanillaJS implementation
  • v-money - Tiny (<2k gzipped) input/directive mask for currency
  • vue-autonumeric - A Vue.js component that wraps the awesome autoNumeric input formatter library
  • vue-inputmask - Vue.js directive to add Robin Herbots' inputmask library to your inputs (vanilla javascript).
  • vue-input-number - A custom input number component for Vue.js 2.
  • v-unicode - Vue directive to restrict an input by unicode values.

Rich Text Editing

Image Manipulation

Edit images

  • vue-core-image-upload - A vue plugin for image to crop and upload.
  • vue-croppa - A simple straightforward customizable lightweight mobile-friendly image cropper for Vue 2.0.
  • vue-cropper - A picture clipping plugin for vue2.0

File Upload

  • vue-clip - Simple and hackable file uploader for VueJs. Supports Vue >= 2.1.
  • vue-simple-upload - Simple File upload component for Vue.js.
  • vue2-multi-uploader - A drag and drop multiple file uploader component that uses Vue.js v2 and Axios. Uploader shows file names, sizes and total size of files added. It also allows setting a minimum required number of files to upload.
  • vue-dropzone - A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads utility with image previews.
  • vue-transmit - A purely Vue.js drag & drop uploader component based on Dropzone.js for Vue 2.0
  • vue-upload-component - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
  • vue-uploader - A Vue.js upload component powered by simple-uploader.js

Context Menu

Miscellaneous

  • vue-gmaps - Search places and address using Google Maps API.
  • vuep - A component for rendering Vue components with live editor and preview.
  • vue-places - Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.
  • vue-password-strength-meter - Password strength meter based on zxcvbn in vue.js.
  • vue-float-label - Float label pattern for Vue.js.
  • vue-longpress - A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.
  • vue-google-autocomplete - A Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ip-input - An ip input component for Vue.js 2.x
  • vue-default-value - Vue.js 2.x directive to set a default value for editable elements with no affect to the model state
  • vue-model-autoset - A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive
  • vue-submit - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.
  • vue-rate - Rate component for Vue
  • vuetify-google-autocomplete - A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ripple-directive - Material Ripple Effect as Vue Directive.
  • vue-fab - Vue Floating Action Button.
  • vue-complexify - Vuejs porting library from jquery.complexify.js.
  • vue-mc - Models and Collections for Vue.js
  • vue-stars - Highly customizable rating control (using stars or other characters)

Wizard

  • vue-form-wizard - Tab based component which can replace classic bootstrap & jQuery form wizards
  • vue-stepper - A simple stepper with simple actions such as next, back and end to perform simple forms.

UI Layout

Layout for the overall / main view

  • vue-waterfall - A waterfall layout component for Vue.js.
  • vueisotope - Vue component for isotope filter & sort magical layouts.
  • vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
  • vue-drag-zone - Drag Zone component for Vue.js(2.x).
  • vue-masonry - Vue.js directive for masonry blocks layouting.
  • vue-fraction-grid - Flexbox based responsive fraction grid system for Vue.js.
  • vue-virtual-scroll-list - A vue (2.x) component support big data by using virtual scroll list.
  • vue-virtual-scroller - Component to scroll a large amount of elements efficiently (Vue 2.x).
  • vue-virtualscroll - [Vue 2.x] component to virtual scroll things.
  • vue-inview - [Vue 2.x] Viewport, get notification when DOM element is entered or leave.
  • dnd-grid - A vuejs grid with draggable and resizable boxes
  • vue-extend-layout - Extend the default layout or create custom layouts for the pages of your Vue.js SPA
  • vue-masonry-css - Vue.js Masonry layout component powered by CSS, dependancy free

Frameworks

Responsive

Set of components + responsive layout system

Mobile

UI frameworks for mobile

  • Framework7-Vue - Build full featured iOS & Android apps using Framework7 & Vue.
  • vux - [Chinese] Vue UI Components based on WeUI.
  • vue-onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
  • Weex - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions.

Component Collections

Set of components without layout system

  • vue-mdc - Material Components Web for Vue.js.
  • keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  • vue-admin - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
  • vuikit - UIkit with all the power of Vue.
  • uiv Bootstrap3 components implemented by Vue2.
  • yuche/vue-strap - Bootstrap 3 components built with Vue.js 1
  • wffranco/vue-strap - Bootstrap 3 components built with Vue.js 2
  • N3-components - Beautiful Web Components built with Vue 2
  • jsmod-vue-pc - Highly scalable web components for vue 2.0
  • guilhermewaess/SemVue - Semantic-ui Modules implemented with Vue 2
  • office-ui-fabric-vue - Office UI Fabric implementation for Vue.js
  • vuestic-admin - Vue Admin Dasboard with collection of custom components. Built with Vue 2 and Bootstrap 4
Mobile

Set of components for mobile

  • mint-ui - Mobile UI elements for Vue.js.
  • vant - A Vue.js 2.0 Mobile UI From YouZan.
  • cube-ui - A fantastic mobile ui lib implement by Vue.js 2.

Admin Template

Set of admin template

  • iView Vue Admin - iView Vue Admin / An admin portal template based on iView 2.x
  • element Vue Admin - element Vue Admin / An admin portal template based on Element UI 2.x

Other

  • nuxt - Versatile Vue.js Framework.
  • app-framework - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
  • Myfirebase - A decoupled Single page application Framework which is highly compatible with google firebase.

UI Utilities

Event Handling

Handling of user events (scroll, click, key strike, ...)

  • vue-shortkey - Vue-ShortKey - plugin for Vue.js.
  • vue-throttle-event - Throttle events based on requestAnimationFrame.
  • vue-waypoint - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
  • vue-clickaway - Reusable clickaway directive for reusable Vue.js components.
  • vue-scrollfire - Fires an event on a specific scroll position.
  • vue-resize-directive - Vue directive to detect resize events with deboucing and throttling capacity.
  • v-click-outside - Vue directive to react on clicks outside of an element without stopping the event propagation.
  • vue-outside-events - Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
  • vue-selectable - Vue 1.x/2.x directive to make items selectable by mouse.
  • vue-click-helper - Vue2.x directive to handle click event and dblclick event on same element.
  • v-hotkey - Vue 2.x directive for binding hotkeys to components.
  • vue-resize - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
  • vue-observe-visibility - Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
  • v-dragged - Vue 2.x directive plugin for drag event detection.

Responsive Design

  • vue-viewports - Define your custom viewports and use them in your components.
  • vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
  • vue-match-media - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
  • vue-media-query-mixin - Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
  • vue-breakpoints - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
  • vue-mq - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)

Form

  • vue-formly - JavaScript powered forms for Vue.js.
  • vue-focus - A reusable focus directive for reusable Vue.js components.
  • vue-form-generator - A schema-based form generator component for Vue.js.
  • vue-json-schema - Generate a form using JSON Schema and Vue.js

Validation

  • vue-validator - Validator component for Vue.js.
  • vee-validate - Simple Vue.js input validation plugin.
  • vue-rawmodel - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
  • vuelidate - Simple, lightweight model-based validation for Vue.js.
  • simple-vue-validator - A simple yet flexible validator library for vue.js.
  • vue-vform - Vue.js 2 form component that integrates jQuery Validation and Axios.
  • vue-form - Comprehensive form validation for Vue.js.
  • vuelidation - simple, powerful, vuejs validation.
  • laravel-vue-validator - Display errors from laravel validation rules
  • vuejs-model-validator - VueJS style data component validation. Easiness, simplicity, accurate.

Scroll

Set window scroll position

  • vue-chat-scroll - Automatic scroll-to-bottom directive for Vue.js 2.0.
  • vue-scrollto - Adds a directive that listens for click events and scrolls to elements.

Virtual scrollbar

  • VBar - The virtual responsive cross-browser scrollbar component for Vue.js 2x.
  • Vuebar - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
  • vue-detached-scrollbar - A simple scrollbar that can be detached from the container it is scrolling.
  • vuescroll - A virtual scrollbar based on vue.js 2x.

Detect when components enter viewport

  • vue-scrollview - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
  • vue-scrollactive - Adds an active class in a menu item based on the current section in viewport, also scrolling to the section when clicking the menu item.
  • vue-intersect - A Vue component to add intersection-observer to a Vue component or HTML element.
  • vue-scrollmonitor - A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat vue@2.2.x)
  • vue-stroll - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
  • navscroll-js - Highlights menu items as you scroll, and also scrolls to a section when a menu item clicked. Use as a vue component, a vue directive or with vanilla js.

Customize the scroll behavior

  • vue-scroll-behavior - Customize the scroll behavior on route navigation. Especially hash mode.

Routing

Lazy Load

Pagination

Animation

  • vue2-animate - A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.
  • animated-vue - A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as !
  • vue-lottie - A Vue.js 2.x plugin to render after effects animations based on bodymovin
  • Vueg - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
  • v-animate-css - The easiest to implement Vue 2 directive for Animate.css
  • vue-mixin-tween - Mixin factory that adds tweened values to component context for animations
  • v-odometer - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.

Meta Tags

Manage meta information in the document head

  • vue-head - Manage the meta information of the head tag, a simple and easy way.
  • vue-meta - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.

Portal

Move a DOM node to a target DOM node

  • vue-dom-portal - An escape hatch for DOM Elements in Vue.js components.
  • portal-vue - A Vue Plugin to render your component's template anywhere in the DOM (Works on the virtualDOM level, doesn't move nodes within the DOM)

Filters

  • vue2-filters - A collection of standard filters Vue 1.* adapted for use in Vue 2.*.
  • morphling - A collection of standard and custom filters for Vue 2.
  • vue-currency-filter - Lightweight and Customizeable Vue 2 Currency Filter.
  • vue-trans - A simple filter to provide a similar way of translating to the Symfony trans.
  • vue-string-filter - Lightweight Vue 2 String Manipulation Filter.

SVG

  • vue-svgicon - A tool to create svg icon components. (vue 2.x).
  • vue-content-loading - Vue component to easily build (or use presets) SVG loading cards Facebook like.

Miscellaneous

WebGL

  • vue-3d-model - A 3D model viewer in Vue component.
  • vue-pano - A panorama viewer in Vue component.
  • vue-threejs - Vue bindings for Three.js.
  • VueGL - Vue.js components rendering 3D graphics reactively via three.js

Fullscreen

Utilities

Utilities not directly related to the UI

Typescript

HTTP Requests

Retrieve data over HTTP

  • vue-resource - The HTTP client for Vue.js.
  • vue-async-computed - Async computed properties for Vue.js.
  • vue-jsonp - A tiny library for handling JSONP request.
  • v-model - V-Model is a model plugin for Vue.js, like ng-resource.
  • vue-resource-mock - A helper to mock your http response, based on vue-resource's interceptor.
  • vue-async-data-2 - Async data loading plugin for Vue.js.
  • vue-api-request - A plugin that provides full control on your APIs, making your request simple, fast and easy to implement.
  • vue-fast-axios - Make requests with validations in a simple and beautiful way.
  • vue-async-properties - An asyncData and asyncComputed plugin with support for debouncing, transforming results, error handlers, loading/pending flags, lazy/eager requests.
  • vue-axios-plugin - A plugin that combines axios with Vuejs, making http request more easier.
  • vuex-api - A vuex plugin for effortlessly handle api calls.

i18n

Internationalization / L10n / localization / translation

  • vue-i18n - Internationalization plugin for Vue.js.
  • vue-translate-plugin - VueJS plugin for translations.
  • vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store.
  • vue-gettext - Translate your Vue.js applications with gettext.
  • vue-i18n - A small plugin for implementing translations in Vue.js.
  • vue-multilanguage - Support many languages in Vue.js 2.
  • vue-ts-locale - A plugin for implementing translations using Intl in Vue.js 2 with typescript support.
  • vue-i18next - A i18next wrapper to support translations in Vue.js 2.
  • vue-polyglot - Basic translation plugin for Vue.js 2 with async loading.
  • v-localize - Simple localization plugin for the amazing Vue.js.
  • vue-simple-i18n - Probably the thinnest library to end all Vue i18n solutions within 1kb

Custom Events

Persistence

LocalStorage etc.

  • vue-localstorage - Vue.js localStorage plugin with types support.
  • vue-ls - Vue plugin for work with LocalStorage from Vue context.
  • vue-pouch - Live and reactive bindings for PouchDB. Persist data in IndexedDB and sync with CouchDB.
  • vue-idb - Lists and huge lists management with IndexedDB (Dexie.js) only or automatically created and extendible vuex modules
  • vuejs-storage - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.
  • vue-browserstore - Browser storage wrapper.
  • VueStorage - Allows components to save and load their data across browser sessions.
  • vue-web-storage Another Vue.js plugin for localStorage and sessionStorage

State Management

  • vuex - Centralized State Management for Vue.js.
  • vue-sync - Synchronize Vue State with the Browser URL, Server Backend, and other endpoints.
  • vuelm - Lightweight state management inspired by Elm architecture.
  • vue-duo - A tiny state management for Vue.js.
  • vuez - A simple but powerful State Management for Vue.js, with only 2 APIs.
  • vuet - Vue.js state management model for Agile Development
  • vue-ya-stash - Yet Another stash storage with update/patch event emitters simillar with v-bind.sync
  • vue-assign-model - Automatically assign elements value to model for Vue.js.
  • vue-stash - Easily share reactive data between your Vue components.
  • vue-mc - Models and Collections for Vue.js
  • vue-model - Model component for Vue.js

Redux

  • revue - Redux binding for Vue.
  • vuedeux - Binding Solutions for Vue & Redux.
    • redux-store-mixin - Mixin for integrate action creators in methods of vue-component
  • vuejs-redux - High order component facilities for Vue and Redux.

Mobx

  • movue - Mobx integration for Vue.js.

Authentication/Authorization

Vuex Utilities

  • vuex-persistedstate - Persist Vuex state with localStorage.
  • vuex-plugin-jsdata - A plugin for syncing Vuex store with js-data.
  • vuex-local - Local state management within Vuex.
  • vuex-action - Utilities for vuex to easily create and manage actions.
  • vuex-rest-api - A Helper utility to simplify the usage of REST APIs with Vuex. Based on axios.
  • vuex-cache - A Vuex plugin utility to cache action those will make remote request.
  • vuex-persist - A Typescript-ready Vuex plugin to help save the store to localStorage or any custom Storage (that you can configure).
  • vuex-local-state - Add 'localState/sessionState' options to vuex. Keep the Vuex state with localStorage.
  • vuex-cli-scaffold - Scaffold vuex actions, mutations, getters and the state.
  • vuex-action-reload - A vuex plugin that reloads actions when a condition is met.
  • vuejs-storage - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.
  • vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
  • object-to-vuex-store - Convert any JS object into a valid vuex-store object.
  • vuex-async-module - Reduce async boilerplate code generating Vuex modules. Compatible with Vue 2.x.
  • vuex-api - A vuex plugin for effortlessly handle api calls.
  • vuex-queries - Vuex-Queries helps you write query functions in Vuex
Sync Between Tabs

Concurrency Management

  • vuency - Concurrency management for for Vue.js.

Code Style

Improve readability of code

CSS

  • vue-bem-cn - Simple BEM class name generator for Vue.JS.
  • vue-css - Vue.js plugin that allows you to bundle CSS with your components.

Asset Management

Utilities for building / compiling / bundling / loading assets

  • vue-script2 - Standardized, designer-friendly script tag behavior for your Single Page App.
  • vue-loader - Webpack loader for Vue.js components.
  • vueify - Browserify transform for single-file Vue components.
  • vue-compiler - A simple cli wrapper around the vue-component-compiler.
  • vue-brunch - Adds support to Brunch for pre-compiling single file Vue components.
  • poi - Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.
  • http-vue-loader - Load .vue files directly from your html/js without node.js environment nor build step.
  • vue-jsx-hot-loader - Enable HMR for Vue.js components with JSX render functions.

Page Navigation

  • vue-navigation - A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库，记录路由并缓存页面，像原生APP导航一样。
  • vue-acl - Access Control List for VueJS 2.
  • vue-breadcrumbs - Implements simple breadcrumb functionality with vue-router for both Vue 1.x and Vue 2.x.
  • vue-2-breadcrumbs - breadcrumb together with vue-router for Vue 2.x. and Bootstrap 4
  • vs-crumbs - Vue breadcrumbs in 40 lines of code that allows nested paths without child views.
  • vue-nav - Page navigation manager, support all navigation function of native mobile app. 页面导航管理器，支持手机原生应用的所有导航功能。

Miscellaneous

  • vue-container - A simple dependency injection library for Vue 2.
  • vue-super - A simple plugin to call methods on parent components.
  • @skyrpex/props-to-local - Vue mixin that maps props to local data.
  • vue-inject - Dependency injection for Vue 2.x Components
  • vue-deepset - Interact with deeply nested fields in Vue/Vuex objects/state with v-model in Vue 1.x and 2.x
  • vue-gaspard - DOM helpers plugin for Vue.js
  • vue-configuration - A static configuration object for Vue.js

Web Workers

  • vue-worker - A Vue.js plugin to use webworkers in a simply way.

JSX

  • jsx-vue-functional - A Babel plugin that brings syntactic sugar for Vue functional components.
  • jsx-event-modifiers - A Babel plugin that adds event modifiers similar to Vue templates to JSX.
  • jsx-v-model - A Babel plugin that brings v-model to JSX.

Migration

  • vue-backbone - Vue.js Plugin to facilitate Backbone integration.

Web Sockets

  • vue-socket.io - Socket.io implementation for vuejs.
  • vue-websocket - Simple websocket (socket.io) plugin for Vue.js.
  • vue-echo - Integrates Laravel Echo into Vue, allows for easy registration of socket events.
  • vue-socket-cluster - Web Sockets for vue with uws(Micro web sockets) through socket cluster

Payment

Payment utilities.

Stripe

Integrations

Integrate with services or other frameworks

  • vue-disqus - Vue component to integrate Disqus comments in your application, with support for SPA.
  • vue-youtube-embed - Vue.js and YouTube.
  • vue-add-to-calendar - A Vue.js component that provides "Add to Calendar" functionality, works with Vue 2.X.
  • Vue + Meteor - Vue first-class integration in Meteor.
  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • av-ts - A modern, type-safe, idiomatic Vue binding library.
  • Neutronium - Build .NET desktop applications using HTML, CSS and javascript.
  • vue-typescript-jest - Jest preprocessor.js for Vue.js components (supporting html, pug, and babel) and TypeScript.
  • vue-jest-utils - Utilities for testing Vue.js components using Jest.
  • vue-custom-element - Vue Custom Element - Custom Elements for Vue.js.
  • vue-cordova - Vue.js plugin for Cordova.
  • vue-wamp - AutobahnJS wrapper library fo Vue.js.
  • express-vue - Vue rendering engine for Express.js. Use .Vue files as templates using res.render().
  • vue-grecaptcha - Google reCAPTCHA for VueJS 2
  • vue-recaptcha - Google reCAPTCHA component for Vue.js
  • require-vuejs - RequireJS plugin to async and dynamic load and parse .vue components.
  • facebook-login-vuejs - Vue Component for Authenticating your Facebook App and get the benefits of Facebook Login.
  • vuejs/vuefire - Official Firebase Integration for VueJS
  • vuefire - Firebase for VueJS and Vuex
  • vue-runkit - RunKit Embed for Vue.js
  • vue-youtube - Provides a simple layer for you to use your imagination while over the YouTube IFrame Player API. (Compatible with SSR)
  • vue-introjs - Integrates intro.js step-by-step guide and feature introduction with Vue.js http://introjs.com/.
  • vue-loopback - Loopback and Vue application template
  • vue-laroute - Integrate Laravel routes into your VueJS application using laroute.
Google Analytics
  • vue-ua - Google Universal Analytics support in Vue.js.
  • vue-analytics - Vue plugin for Google Analytics.
  • vue-gtm - Vue plugin for Google Tag Manager
Yandex Metrika

Dev Tools

  • vue-dev-server - A small development server for building vue components.
  • vuepack.org - A simple page that allows you to select Vue components and download them as a single minified JS file.
  • Storybook - The UI Development Environment. works with v3.2+ later.
  • Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
  • vue-dummy - Placeholder Text and Dummy Images as a simple v-dummy directive

Inspect

Inspecting & debugging

  • Vue.js devtools - Chrome devtools extension for debugging Vue.js applications.
  • DejaVue - Visualization and debugging tool built for Vue.js.
  • vue-clicky - Right click any component to show info about it in the console.
  • vuejs-logger - Provides customizable logging functionality for Vue.js.
  • vue-bugsnag - Vue.js plugin for bugsnag error reporting

Docs

Create documentation

  • vue-markdown-loader - Convert Markdown file to Vue Component.
  • vue-play - A minimalistic framework for demonstrating your Vue components.
  • vue-styleguide-generator - React inspired style guide generator for Vue.js.
  • CheatSheet - Complete Interactive API.
  • propdoc - A single component that provides simple documentation of Vue.js components/props.
  • Vuex CheatSheet - Complete Interactive Vuex API.
  • vue-styleguidist - A style guide generator for Vue components with a living style guide.
  • vue-elucidate - A component that generates beautiful documentation for your living styleguide / design system.
  • vue-md-loader - Markdown files to ALIVE Vue components.
  • @vuedoc/parser - Generate a JSON documentation for a Vue file component.
  • @vuedoc/md - Generate a Markdown Documentation for a Vue file.
  • jsdoc-vue-component - A jsodc3 plugin that extract vue SFC info(name, props, events...) to document.
  • jsdoc-vuedoc - 一个jsdoc3插件使用@vuedoc/md。

测试

  • avoriaz - 一个Vue.js测试实用程序库。
  • vue-container - Vue 2的简单依赖注入库。
  • vuenit - 用于测试Vue组件和指令的实用程序。
  • vue-unit - 用于Vue.js的库，可以更轻松地创建和单元测试组件。
  • vue-a2b - 用Vue.js进行分割测试的库 高度可配置和微小（1.2k gzipped）。
  • vue-test-utils - 用于测试Vue组件的官方实用程序。
浏览器不需要

无需浏览器加载Vue组件

  • vuegister - vuegister（vue＆register的portmanteau）是加载Vue.js单个文件组件（或.vue文件）的一个必需钩子。
  • vue-node - 在节点中加载vue组件。

源代码编辑

文本编辑器插件

原子

崇高的文本

VIM

  • Vim Vue - Vue.js组件的语法高亮。

Visual Studio代码

  • Vetur - 用于VSCode的Vue工具。

视觉工作室

  • VuePack - 包含Vue.js JavaScript库的HTML Intellisense和代码片段。

括号

的IntelliJ

  • Vue.js插件 - Intellij平台的Vue.js特性（WebStorm，RubyMine，Intellij等）。
  • Vue.js支持WebStorm，IntelliJ IDEA，PhpStorm，PyCharm和RubyMine - 由JetBrains官方支持的Vue.js

Emacs的

凯特

  • Kate语法文件 - katepart（kate，kwrite，kdevelop）的语法文件（已修改或原始）。

脚手架

脚手架/样板/种子/入门套件/堆叠套件/ Yeoman发生器

  • vue-cli - 脚手架Vue.js项目的简单CLI。
  • Vue-Django - 一个样板文件，让您将VueJS的精彩变成Django（Python）应用程序。
  • python-vuejs - 用一组脚本粘贴Python web框架和Vue.js。基本上是一个vue-cli包装。
  • generator-vue-plugin - Yeoman生成器生成vue插件。
  • vue-seed - vue-seed is minimal seed for those looking to get up-and-running with Vue
  • nuxt-seed - nuxt-seed is minimal seed for those looking to get up-and-running with Vue and Nuxt
  • rails_vue_melt - Rails view with webpack=vue optimizer.
  • vue-starter - A Vue.js starter kit that lets you focus on more programming and less configuration.
  • vue-standalone-component - A standalone component generator with documentation support using jsdoc and vue-styleguidist
  • vuejs-wordpress-theme-starter - A WordPress theme with the guts ripped out and replaced with Vue
  • Cordovue - A sample Apache Cordova application using Vue.
  • Cookiecutter-Django-Vue - Django + VueJS + Docker可自定义项目生成器，具有大量的设置/集成（@vchaptsev）

客户

仅在浏览器中渲染Vue应用程序

  • Vue Plugin Boilerplate - 用于Vue.js插件的Boilerplate。
  • 萌发 -萌发是一个的WebPack自以为是功能VueJS 2.0安装。
  • VuePack - 使用Vue 2，Vuex，Vue-router和Webpack 2（甚至是Electron）的现代初学者。
  • Vue Settler - 一个自以为是的Vue 2.0 SPA入门。
  • vue-build - 超简单，开发，测试和生产构建Cli。
  • Vue元素入门 - 元素UI的可靠Vue 2入门。
  • vue-multiple-pages - 使用Vue 2，Webpack2和Element-UI的现代Vue.js多页面入门
  • vue- typescript -boilerplate - 一个Vue.js打字稿SPA初学者Vue 2，Vue Typed，Vuex，Vue路由器和本地化
  • vue-tachyons-template - 带有Tachyons，Webpack和ESLint的Vue 2项目启动器模板
  • Vuets - 使用类样式组件的vScript，TypeScript准备样板，vue插件选项，webpack＆vue-cli。
  • MMF-FE / vue- typescript - vue2.x打字稿模板。
  • Friendly Vue Starter - 一个全功能的Vue.js初学者项目，通过Apollo客户端（Vuex，Vue-router，Vue-i18n，Webpack 3，Eslint，Prettier等等）支持GraphQL。
  • vue-webpack-typescript - 一个包含热重载，单元测试，代码覆盖，sass和捆绑/缩小的Vue 2.2 Webpack 2和Typescript 2设置。
  • vue-ts-amd - 使用AMD模式（RequireJS）和Typescript的全功能Vue.js 2样板。
  • vue-2-boilerplate - vue 2样板，用于由 petervmeijgaard开发中型到大型单页应用程序
  • 布局 - 全功能的Webpack + Vue扩展布局
  • 布局简单 - 一个简单的Webpack + Vue扩展布局

普遍

将Vue应用程序呈现给服务器上的HTML和浏览器中的DOM

  • SPA初学者工具包 - 一个非常有见地的入门工具包，用Laravel和Vue.js构建单页应用程序。
  • SSR Boilerplate - Vue.js服务器端渲染锅炉板，不污染Vuex。
  • neutrino-preset-vue-static - 使用Vue.js构建静态网站的简约入门工具包。
  • Vueniverse - 基于用户应用程序的全功能通用Vue模板，由Nuxt.js和Express提供支持。
  • vue-preload - 用于添加<link rel =“preload”功能的插件Vue

服务器

包括一个后端样板

  • Vuetober - Laravel，Vue.js和October CMS的单页应用程序。
  • Toucan - 用于构建单页应用程序的Boilerplate。Server是基于SOLID原理设计的多项目.Net核心解决方案。客户端是TypeScript 2，Vuejs 2，Vuex 2。
  • vue-server-demo - 在Vue中编写koa服务器。

电子

  • Electron Vue - 一个Electron＆Vue.js快速启动样板，包括vue-cli脚手架，常见的Vue插件，电子打包器/电子制造商，unit / e2e测试，vue-devtools和webpack。
  • VuePack - 使用Vue 2，Vuex，Vue-router和Webpack 2（甚至是Electron）的现代初学者。
  • vue-flexible-link - 用于Electron的Tiny Vue组件，用于在浏览器中打开链接。适用于跨环境应用程序（Web和本机）

部分

应用程序的脚手架部分

运行

命令行/终端

  • blessed-vue - A VueJS runtime to let you write command line UI in Vue Edit



CC0

posted @ 2017-12-06 14:44  张书达  阅读(906)  评论(0)  编辑  收藏  举报