vue插件集合

https://github.com/vuejs/awesome-vue

Components & Libraries 开始都是插件了,先摘录,以后慢慢整理翻译和一些简单的说明

组件库

UI 组件

表格

表格/数据网格

  • vuetable-2 - 数据表简化
  • vue-tables-2 - 适用vue2版本的网格组件
  • vue-datasource - vue服务器端组件创建动态表
  • ag-grid-vue - 用于aggrid的Vue适配器
  • vue-data-tables - 基于element-ui的Vue2.0数据表
  • vue-floatThead - Vue 2.0的浮动头组件,一个浮动和粘表头插件。
  • vuetiful-datatable - 带排序、过滤、分页、分组和聚合的数据表组件。
  • vue-materialize-datatable - CSS用于实现CSS的VueJS数据表
  • vue-good-table - 一个使用简单的VueJS (2.x)表插件,有排序,列过滤,分页等。
  • vue-grid - Vue.js的一个灵活的网格组件
  • vue-easytable - 基于Vue2.x的强大的表组件
  • vue2-datatable-component - 基于Vue2.x的永远不会很糟糕的最好的数据表
  • vue-js-grid - Vue.js 2.x响应式网格系统,具有平滑的分拣、拖放和重新排序功能
  • vue-handsontable-official A Vue.js wrapper for the the Handsontable spreadsheet component
  • vue-grid - A powerful flexbox grid system for Vue.js 2.x, built with inline-styles
  • vue-data-tablee - Based on vue-good-table, a simple and pretty table component
  • vue-scrolling-table - Simple table component with flexbox sizing, scrolled table body (horizontal and vertical), slots for all tr/th/td rendering.
  • el-search-table-pagination - Combines Form, Table and Pagination components of Element UI together. Based on Vue 2.x.(Detail)
  • vue-crud-x - Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.
  • Vue Datatable - VueJS powered Datatable with Laravel server-side loading and JSON template setup
  • v2-table - A simple table component based Vue 2.x.
  • vue-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
  • vue-table-component - A straight to the point Vue component to display tables.
  • @lossendae/vue-table - Simple table component for Vue.js 2.x with pagination and sortable columns.
  • el-data-table - base on element-ui, makes crud easily
  • DevExtreme Vue Grid - High-performance plugin-based Vue data grid for Bootstrap.
  • vue-ads-table-tree - A vue Table component, with filtering, sorting and pagination. Rows can have child rows, so a tree structure can be build. It also supports async calls to load rows from the backend. It's build with the css framework tailwindcss
  • Syncfusion Data Grid for Vue - Displays and manipulates tabular data with features such as paging, sorting, filtering, editing, and grouping.
  • @marketconnect/vue-pivot-table - A vue component for pivot table
  • vue-teible - Lightweight and flexible table component for the web ⚡️
  • 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.
  • toast-ui.vue-grid - Vue Wrapper for TOAST UI Grid.
  • vueye-datatable - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.
  • vue-sorted-table - A plugin to turn tables into sorted tables. Supports nested object keys, custom icons and reusable components.
 

Notification

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

 

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 - ✨ Promisify your own dialogs!
  • vue-img-view - a plugin for Vue.js, you can drag / view / rotate pictures anywhere
  • vue-modaltor - most advance configurable modal component for vuejs
  • v-modal-backdrop - A simple generic backdrop component for vue
  • vue-cute-modal - A simple and easy to use Modal component for Vue applications.
  • v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
  • vue-gallery-slideshow - Responsive gallery component for VueJS
  • vue-a11y-dialog - A Vue.js component wrapper for the accessible dialog a11y-dialog.
  • vue-slideout-panel - Stackable panel component for VueJS
  • v-gallery - A Vue2 plugin for images show in gallery or carousel
  • vue2-image-loader - A image lazyLoad loader component for vue2
  • vue-my-photos - A simple dependency-free image lightbox component with filtering capabilities
 

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.
  • vue-mouse-parallax - A simple to use Mouse Parallax Component - Made with Vue.js
  • vie-parallax-js - Tiny vue component that adds a directive for parallax effect on elements.
 

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
  • mdi-vue - Material Design Icon components for Vuejs
  • vue-fontawesome - Font Awesome 5 Vue component
  • g-icon - Simple icon component for your svg icons (compatible with Font Awesome-like font toolkits)
  • vue-simple-line-icons - Simple Line Icons component for Vuejs
  • vue-country-flag - Vue component for country flag icons
  • vicon - Vicon is an simple iconfont component for vue.
  • md-svg-vue - Material Design Icons by Google for Vue.js & Nuxt.js (server side support (with caching), inline svg rendering, official icon names)
  • vue-lang-code-flags - Vue component which shows the flag of the country from which the language comes from
  • vue-zondicons - Vue component for the beautiful Zondicon svg icons
  • vue-eva-icons - Simply beautiful open source eva icons as Vue components.
 

Menu

  • vue-accordion - Simple accordion nav menu component for Vue.js.
  • vue-js-dropdown - Vue.js 2 dropdown menu component. Light, easy to use and extend, no external deps.
  • vue-slideout - Vue implementation of the popular library slideout
  • vue-quick-menu - This is web navigation component base on vue.js2.
  • @hscmap/vue-menu - Menu / Context Menu component for vue2.
  • vue-router-nav - Minimalistic responsive navigation bar that renders routes of vue-router.
  • vue-drawer-layout - A simple DrawerLayout component like Android has for Vue.js.
  • vue-simple-menu - Simple menu component with a set of basic functionality, which is enought in 80% of cases
  • vue-tree-navigation - Vue.js 2 tree navigation with vue-router support
  • bp-vuejs-dropdown - Vuejs => 2 dropdown. Easy to use, no external, optional.
  • vue-bulma-accordion - Simple, easily configurable accordion or collapsible styled with Bulma custom or built in icons available
  • v-selectmenu - A simple, easier and highly customized menu solution for Vue2.
  • vue-burger-menu - An off-canvas sidebar Menu component with different CSS animations.
 

Minus Plus Input

 

Carousel

 

Charts

 

Time

Display time / date / age

 

Calendar

Display non-editable events in a Calendar

 

Map

 

Audio / Video

  • Vue-APlayer - ? Easy-to-config music player for Vue 2.x.
  • 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 <audio>.
  • vue-audio-visual - Vue HTML5 audio visualization components.
  • vue-plyr - A set of Vue components for the plyr video & audio player.
  • v-playback - A Vue2 plugin to make video play easier.
  • vue-audio-recorder - Audio recorder for Vue.js. It allows to create, play, download and store records on a server
 

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.
  • vue-quick-loadmore - A pull-down refresh and pull-up infinite scroll plugin for Vue.
 

Markdown

 

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.
  • vue-socialmedia-share - A Vue.js component for sharing links to social networks, with with Vue 2.X
  • vue-picture-sharesheet - A Vue Picture Sharesheet Component heavily inspired by the Image Sharesheet in Apple's Newsroom
  • vue-twiiter - A Vue.js component for embed twitter widgets (e.g timeline, buttons)
 

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

 
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)
  • vue-content-placeholders - Composable components for rendering fake (progressive) content like facebook in vue
  • vue-page-designer - Vue component for drag-and-drop to design and build mobile website.
  • vue-creativecommons - CreativeCommons.org Vue.js components library.
  • vue-status-indicator - A Vue.js component to show status indicator as colored dots.
  • vue-google-adsense - Vue.js Google Adsense Component with InFeed and InArticle Ads support
  • emoji-vue - Emoji ??? dropdown for Vue.js project
  • vue-chessboard - Chessboard vue component to load positions, create positions and see threats.
  • vue-mindmap - Vue component for mindnode maps.
  • v-currency - Vue component for formatting currency.
  • vue-emoji-picker - Highly customizable unicode emoji picker ??
  • vue-8-puzzle - An itty-bitty slide puzzle game made as Vue.js component
  • vue-e164 - Customizable phone formatter with E.164 standart support
  • vue-pgn - Vue.js component for viewing chess games in pgn format
  • vue-avatar-editor - Resize, rotate and crop your uploaded avatar using a clear user interface.
  • vue-connection-listener - Vue event bus plugin listening for online/offline changes.
  • vue-sauce - "View source" directive for Vue.
  • vue-prom - Vue promise wrapper component.
  • numeric-keyboard - Numeric keyboard for mobile browsers.
  • vue-zoom-on-hover - Image zoom on mouse hover
  • vue-responsive-image - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
  • vue-highlight-text - Vue component for highlight multiple istances of a word
  • vue-cast-props - Provides a convenient way of converting props to common data types.
  • vue2-heropatterns - A Vue2 implementation allowing you to add the popular Hero Patterns onto any Div
  • vue-link - One component to link them all ? (treat external and internal links same)
  • vue-identify-network - ⚡️Identify what kinda internet your users are using!
  • vue-cloneya - A vue component to clone DOM elements
  • vue-survey-builder - Survey builder for vue.js applications
  • vue-if-bot - A lightweight component to hide/show content to clients based on the user agent
  • vue-clampy - Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.
  • vue-cookie-accept-decline - Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection on creation. Good for GDPR requirements.
  • @lossendae/vue-avatar - An avatar component for VueJS 2.0.
  • vue-text-highlight - Text highlighter library for Vue.js ?
  • vue2-hammer Hammer.js wrapper for Vue 2.x to support mobile touch..
  • vue-countable - Vue binding for countable.js. Provides real-time paragraph, sentence, word, and character counting.
  • v-show-slide - A Vue.js directive for animating an element to and from height: auto in a sliding motion.
  • vue-swipe-actions - iOS style swipe actions for Vue.js
  • vue-friendly-iframe - A Vue js component for creating super fast loading, non-blocking iframes.
  • vue-beautiful-chat - A simple and beautiful Vue chat component backend agnostic, fully customisable and extendable.
  • vue-magnifier - A simple image zooming / magnifying component for Vue.js 2.x.
  • vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words
  • vue-tags-ball - Create a beautiful and spherical tag with this plugin
  • vue-rippler - Simple Vue.js plugin for custom ripple effect
  • vue-contacts - Mobile contacts component for Vue
  • basic-vue-chat - Easy to use Vue.js chat
  • vue-resize-text - A vue directive which automatically resize font size based on element width.
  • vue-github-profile - A vue component to view the profile and repos of determined user
  • vue-niege - ? ? Single File Vue component to add a snow storm through a canvas.
 

Tabs

 

Form

Let the user create & edit data

 
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 support 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.
  • vue-dropdowns - A minimalistic and adaptable way to display select boxes if using objects for vue2.x
  • v-cascade - A lovely component of cascade selector with Vue 2.x (Support both of PC and Mobile)
  • vue-multi-select - A custom component to make select/multiselect for Vue2.
  • v-region - A simple region selector, provide Chinese administrative division data.
  • v-selectpage - A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports.
 
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.
  • vue-slicksort - A dependency-free set of mixins for animated, touch-friendly, sortable lists
  • draggable-vue-directive - A simple directive to handle drag and drop of any Vue component.
  • vue-smooth-dnd - Vue wrappers of smooth-dnd library. drag and drop, sortable library covering for many cases.
  • vue-drag-resize - A dependency-free Vue component for draggable and resizable elements with with aspect ratio, reactive props etc
  • vue-drag-it-dude - Vue2 component, that allows you to drag object wherever you want.
  • vue-draggable - Vue Drag and Drop library without any dependency. Simple and easy to use.
 
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.
  • v-autosuggest - A simple modular Vuejs component that autosuggest input from a dyanamic or static data querying.
  • autocomplete - Simple Autocomplete component for Vue.js 2.*
  • vue-infinite-autocomplete - Vue infinite-autocomplete wrapper for Vue.js 2.*
  • vue-simple-suggest - Simple yet feature-rich autocomplete component for Vue.js
  • v-suggest - A Vue2 plugin for input content suggestions, support keyboard to quick pick.
  • vue-bootstrap-typeahead - An typeahead/autocomplete component for Vue2 using Bootstrap 4 CSS.
 
Type Select

Let the user select a tag / something while typing

  • 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)
  • @voerro/vue-tagsinput A simple tags input Vue.js 2 component with typeahead/autocomplete
  • vue-tag-selector - Tag-like input. Light, customizable and handles REGEX validation!
 
Color Picker
  • vue-color - Vue Color Pickers for Sketch, Photoshop, Chrome & more.
  • vue-swatches - Help the user picking beautiful colors!
 
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.
  • pretty-checkbox-vue - Implementation of pretty checkbox 3(A pure CSS library to beautify checkbox and radio buttons) components for Vue.js 2.2+.
  • vue2-collapse - Vue Collapse is a flexible content toggling plugin for the accordion lists or any other conditional content rendering.
  • vue-badger-accordion - A wrapping Component for Badger Accordion for Vue.js 2.0+
 
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.
  • vue-cleave-component - Vue.js component for cleave.js
  • vue-ip - An ip address input with port and material design support
  • vue-r-mask - Directive with template similar to javascript regular expression.
  • vue-input-code - Base on Vue.js 2.0+ verification code input component.
  • label-edit - Inspired by Trello. Click to show editable input and return the value changes. This is a Vue Component.
  • vue-jquery-mask - Vue.js v2.x component for jQuery Mask Plugin
  • vue-the-mask - Tiny (<2k gzipped) and dependency free mask input for Vue.js
 
Rich Text Editing
 
Image Manipulation

Edit images

Display images

  • vue-cloudinary - A vue (2.0) plugin that offers a reusable directive to get images from Cloudinary (https://cloudinary.com) with dynamic manipulation (resizing/cropping/effects/watermarking/scaling/formatting) and optimization (webp/png/auto quality/auto retina).
  • img-Vuer - An easy-to-use image viewer base on Vue.js for mobile.
  • vue-image-loader - A vue loader/progressive image plugin like Medium.
  • vue-load-image - display loader during image loading, as well as by display alternate content when the image fails to load.
 
Video Manipulation
  • vue-playlist - A lightweight vue (2.0) component with no dependancies that offers truly seamless html5 video playback. The one and only working solution for seamless video play done with vanilla JS. It takes an array of videos and stitches them together into a single video.
 
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
  • ic-firebase-uploader - A clean multi-file upload component for Firebase storage.
  • vuejs-uploader - A resumable multipart file uploader for HUGE file uploads.
  • vue-filepond - A Vue.js component for FilePond - a file upload library that can upload anything you throw at it.
  • v-uploader - A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload
 
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)
  • vue-confirmation-button - Customizable confirmation button that requires users to read messages before performing an action
  • vue-poll - A Vue.js component for voting
  • vue-diagrams - Diagram component for vue.js, inspired by react-diagrams
  • vue-easy-polls - A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.
  • vue-m-button - A beautiful button component for vue.
 
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.
  • vue-stepper-component - A fully customizable Stepper component with Vuex support and Zero dependencies.
 
CSV
  • vuecsv - A Simple CSV Downloader from json with option modal panel component.
 
Comment System
  • vue-comment-grid - ? Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication.
 

Canvas

 

Link Preview

  • link-prevue - Flexible component for generate a link preview.
 

Tour

 

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, dependency free
  • vue-fullpage.js - Official fullPage.js component for Vue.js.
  • vue-virtual-collection - Vue component for efficiently rendering large collection data.
  • autoresponsive-vue - Auto responsive grid layout library for Vue.
  • VueFlex - A flexbox grid system.
  • v-chacheli - A Vue.js component to create and display custom dashboard-like grid layouts.
  • vue-grid-styled - A lightweight set of functional grid components, ported from React's grid-styled
  • simple-grid - Vue component for grid layout,support flex.
  • vue-container-component - Simple container component inspired on Bootstrap Container
  • vue-colcade - A small wrapper for integrating Colcade grid layout to Vuejs.
  • vue-ads-layout - A small library of Vue components to quickly generate a responsive webapplication layout with toolbar, left/right drawers and a footer. All components can be positioned fixed or relative.
  • vue-magic-grid - A tiny port of Magic Grid for Vue.js 2.
 

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.
  • weex-eros - [Chinese] Eros is a app solution based on Weex and Vue, which enables you to use API of Vue, simple and quick development of small and medium app.

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.
  • mand-mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenes.
 

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
  • 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
  • Semantic UI Vue - Semantic UI integration for Vue
  • vuesax - Frontend vue Components for Vue.js.
  • Essential JS 2 for Vue - Full featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
  • Banshee - A mostly renderless Vue UI component and utility framework that ships with no CSS.
  • vue-atlas - A library of beautiful Vue components.
  • DevExtreme Vue Components - 65+ responsive and feature-complete Vue UI components with customizable Material Design and Bootstrap compliant themes.
  • jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
  • vue-uix - UI collection for web page implementation in Vue.js
  • vuedarkmode - A Minimalist Dark Design System for Vue.js ?
  • Kendo UI for Vue – Over 70 UI components, including a Grid, built for business applications. Fully responsive with support for several Design Languages including Material Design and Bootstrap.
  • Vuent - Vue.js components implementing Microsoft Fluent Design
 

Admin Template

Set of admin template

 

Server-side rendering

  • Nuxt.js - Versatile Vue.js Framework.
  • Ream - A minimalistic framework for building server-rendered and static websites.
 

Static website generator

  • VuePress - Minimalistic Vue-powered static site generator.
  • Peco - A static website generator for humans.
 

Other

  • 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.
  • Vue-Access-Control Frontend access control framework based Vue.js 2.
  • Basys Toolbox for building full-stack Vue.js apps
 

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.
  • vue-esc - Vue.js directive to add a document event listener on escape keyup.
  • vue-global-events – A component to handle global events (like shortcuts) using Vue’s event modifiers
  • vue-edge-check – Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router
  • vue-mutation-observer – A simple and tiny directive to observe changes in DOM use MutationObserver API
  • vue-scroll-show – Showing the element if the user reached it after scroll
  • vue-tabevents – Easy communication between other opened tabs
 

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)
  • VueResizeSensor - A container that supports resize event.
  • vue-breakpoint-component - A render-less component for composing CSS breakpoint state.
  • fine-mq - A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
  • vue-responsive-components - Create responsive components with ResizeObserver.
 

Form

 
Validation
  • 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
  • vue-daval - Super vue data validator. Easiness, simplicity, accurate.
  • willvalidate - Validation Forms for Vue.js.
  • vue-m-validator - Model data validation library, for VueJs.
  • vue-isyourpasswordsafe - A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
  • vue-form-send - A Vue.js directive for sending data from form and primitive validation
 

Resize

  • vue-not-visible - Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.
 

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.
  • vue-next-level-scroll - A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API
  • vue-scroll-sync - A component that syncronize containers scroll positions
  • v-scroll-lock - A Vue.js directive for body scroll locking without breaking scrolling of a target element
  • vue2-perfect-scrollbar - PerfectScrollbar minimalistic wrapper

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 scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.

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.
  • vue-scrollwatch - A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.
  • vue-check-view - A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.
  • vue-stickto - A vue directive that support multiple DOM nodes stick to top automatically
  • vue2-scrollspy - A scrollspy plugin and animated scroll-to.

Customize the scroll behavior

Seamless scrolling

 

Routing

  • vue-router - The official router for Vue.js.
  • vue-router-storage - Router storage & resolve solution for Vue.js 2 & vue-router 2
  • vue-tidyroutes - Decentralized vue-router routes definitions
  • vue-routisan - Elegant route definitions for Vue Router based on Laravel routing system
  • vue-error-page - Provides a wrapper for router-view that allows you to show error pages without changing the URL
  • vue-router-sitemap - Generate sitemap.xml by vue-router configuration
  • vue-smart-route - Smart route directive to make intelligent looking apps with Vue.js.
 

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 <animated-tada>!
  • 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.
  • vue2-transitions ✨ Reusable Vue 2 transition components
  • vue-overdrive Super easy magic-move transitions for Vue apps ?
  • animated-number-vue Super easy way to animate numbers.
  • vue-typed-js Typed.js integration to easily create typying animations.
  • vue-parent-change-transition Enable a child components to animate when it changes the parent.
  • vue-smooth-reflow Transition an elements reflow in response to data changes.
  • VueTween Allows components to tween their properties.
  • vue-slide-up-down Like jQuery's slideUp / slideDown, but for Vue!
  • vue-animejs Simple anime.js directives for Vue.
  • Eagle.js Eagle.js is a web-based slideshow framework for Vue.js.
  • vue-pose Pose for Vue is a declarative motion system that combines the simplicity of CSS transitions with the power and flexibility of JavaScript.
  • vue-slide-up-down-component It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
  • femtoTween A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support
 

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.
  • vue-headful - Set document <title> and meta tags from within your views.
  • vue-simple-headful - Easily set meta-tags with vue.js - a simpler vue-headful alternative with TypeScript support.
 

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.*.
  • vue-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.
  • vue-units - A collection of handy unit conversion filters for use in Vue 2.
  • vue-numeral-filter - A collection of filters that allows Numeral.js to be used inline in the template section of a component.
  • vue-filter-date-format - Simple datetime filter for Vue 2.
  • vue-filter-pluralize - Simple pluralize filter for Vue 2.
 

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.
  • vue-annotator - Annotate page using any SVG Element (rect, polygon, and many more, even HTML Element like canvas if wrapped in foreignObject)
  • vue-svg-sprite - A directive to simply use SVG sprite (vue 2.x).
  • vue-svg-filler - Vue component for custom your svg file ? ? (vue 2.x).
 
Miscellaneous
 

WebGL

 

Fullscreen

 

Page visibility

 

Printing

 

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.
  • zipkin-instrumentation-vue-resource - An interceptor for vue-resource that instruments outgoing HTTP requests with Zipkin
  • vue-api-query - Elegant and simple way to build requests for REST API.
  • vue-chimera - A full-featured RESTful resource based client, compatible with Nuxt.js and allows server side fetch.
  • vue-google-api - A wrapper for easy integration of the Google's APIs client in any vue.js 2 project, based on promises, with built-in Oauth2 "Sign In with Google" facilities.
 

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
  • template-string-i18n - I18n using template strings with auto save/load translate documents.
  • vue-translations - Translate your vuejs application easy with it.
  • vue-i18n-service - Export and import @kazupon/vue-i18n's SFC translations simply using npx vue-i18n-service export|import.
  • vue-i18n-filter - Vue filter extend for Vue-i18n, simply using {{ hello world | t }}.
  • vue-translation-manager - Interactively find and translate strings in your Vue.js application. Works well with vue-18n and vuex-i18n.
 

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
  • vue-universal-cookies Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node).
  • vue2-storage Browser storage for Vue.js app
  • vue-warehouse A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
 

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
  • tuex - A mostly reasonable alternative to Vuex.
  • revuejs - A tiny, light and handy state management for vuejs 2, writing less verbose code.
  • lue - Vue and vuex based library, writing less verbose code.
  • vuex-lite - A 1KB Vuex with just state and mutations.
  • Vuenut - is a component to develop faster and more fluently.
  • vue-shared - A light and simple alternative to vuex
  • vuex-module-generator - It allows you to create a vuex module easily.
 
Redux
 
Mobx
  • movue - Mobx integration for Vue.js.
  • vue-mobx - Mobx binding for Vuejs 2.x.
 
Authentication/Authorization
  • vue-kindergarten
  • vue-authenticate - Simple Vue.js authentication library for login/register and OAuth (1.0/2.0) authentication
  • vue-facebook-account-kit - Simple vue wrapper to the fb account kit library.
  • casl-vue - Restricts what resources a given user is allowed to access
  • vue-google-api - A wrapper for easy integration of the Google's APIs client in any vue.js 2 project, based on promises, with built-in Oauth2 "Sign In with Google" facilities.
 
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.
  • 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
  • vuex-microservice - Define microservice URLs at a dedicated place and use them inside your Vuex actions.
  • vuex-iframe-sync - Vuex state synchronization between iframe/window.
  • vuex-aspect - Bind remote data of any kind to the vuex store.
  • Vuenut - is a component to develop faster and more fluently.
  • vuex-map-fields - Enable two-way data binding for form fields.
  • vuex-search - Vuex binding for client-side search with indexers and Web Workers.
  • vuex-dry - helps keep your vuex codes DRY.
  • vuex-pathify - provides a unified path syntax to Vuex stores (such as foo/bar@a.b.c)
  • vuex-loading - Simplify vuex loading state management
 
Sync Between Tabs
 

GraphQL

  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • vue-relay - A framework for building GraphQL-driven Vue.js applications.
  • vuex-orm-apollo - Apollo/GraphQL integration for Vuex-ORM.
 

Concurrency Management

  • vuency - Concurrency management 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.
  • vue-mods-names - Adding modificators to class names for all components in app.
  • vue-styler - Simple, performant styler for vue.
  • vue-css-modules - Seamless mapping of class names to CSS Modules inside of Vue 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.
  • VueInBrowserLoader - Loads a .vue file from the given URL and compiles it to a component directly in the browser.
  • vue-separate-files-webpack-loader - Webpack loader for separated Vue components parts
  • vue-svg-loader - webpack loader that lets you use SVG files as Vue components
 

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. 页面导航管理器,支持手机原生应用的所有导航功能。
  • vue-2-crumbs - Breadcrumbs plugin for Vue.js 2 framework that allows to select parent route in route meta object with no need of sub-routing. Also allows using dynamic data.
  • vue-pesdk Vue.js wrapper for the PhotoEditorSDK
  • vue-resolve Resolve routes data before entering / rendering the component for that route.
 
Miscellaneous
 

Web Workers

  • vue-worker - A Vue.js plugin to use webworkers in a simply way.
  • vue-log-worker - A Vue.js plugin to log error and vuex mutations to your backend through a web worker
 

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.
  • vue-jsx-sync - A Babel plugin that brings vue sync modifier to JSX.
 

Migration

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

Web Sockets

 

Payment

Payment utilities.

 
Stripe
 
Paypal
 
Plaid
 

Integrations

Integrate with services or other frameworks

 

Vue CLI 3 Plugins

 
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.
  • Bit - Manage and reuse vue components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects.
  • Vuenut - is a component to develop faster and more fluently.
 

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.
  • bugsnag-vue - Official Vue.js plugin for bugsnag error reporting
  • vue-inspector - Vue.js Inspector for Mobile Devices
  • Vue Performance Devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components
  • VueSource - Global Vue mixin which identifies components in source code by adding HTML comments
  • NW-Vue-DevTools - DevDependency for adding Vue DevTools into NW.js
 

Docs

Create documentation

 

Test

  • avoriaz - A Vue.js testing utility library.
  • vue-container - A simple dependency injection library for Vue 2.
  • vuenit - Utilities for testing Vue components and directives.
  • vue-unit - A library for Vue.js that makes it easier to create and unit test components.
  • vue-a2b - A library for Split Testing with Vue.js. Highly configurable and tiny (1.2k gzipped).
  • vue-test-utils - Official utilities for testing Vue components.
  • vue-test-actions - Unit testing Vuex actions with Jest mocks.
  • jest-vue-matcher - Additional jest matchers for vue
 
Browser-less require

Load Vue components without browser

  • vuegister - Vuegister (a portmanteau of vue & register) is a require hook for loading of the Vue.js single-file components (or .vue files).
  • vue-node - Load vue components in node.
 

Source Code Editing

Text editor plugins

 
Atom
 
Sublime Text
 
Vim
  • Vim Vue - Syntax Highlight for Vue.js components.
  • vim-vue-plugin - Vim syntax and indent plugin for .vue files.
 
Visual Studio Code
  • Vetur - Vue tooling for VSCode.
 
Visual Studio
  • VuePack - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library.
 
Brackets
 
Intellij
  • Vue.js Plugin - Vue.js features for the Intellij Platform (WebStorm, RubyMine, Intellij, etc).
  • Vue.js support for WebStorm, IntelliJ IDEA, PhpStorm, PyCharm & RubyMine – official Vue.js support by JetBrains
 
Emacs
 
Kate
  • Kate Syntax Files - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).
 

Scaffold

Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator

  • vue-cli - Simple CLI for scaffolding Vue.js projects.
  • 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.
  • generator-vue-plugin - Yeoman generator generating vue plugin.
  • 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 customizable project generator with a large number of settings/integrations by @vchaptsev
  • iBiu A visual CLI for scaffolding large Vue projects in 2 seconds.
  • wp-vue - A simple Vue blog template that displays posts from a WordPress REST API endpoint.
  • vue-cli-template-nativescript - Template for starting new nativescript+vue projects with rollup+babel+eslint
  • 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.
  • vue-starter - an enterprise ready boilerplate for isomorphic, progressive web apps with Vue.JS
  • vue-vuex-typescript-webpack-seed - A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot reloading
  • VueCharged Template - A highly opinionated, feature-first Vue 2 template with CLI scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n.
  • Huncwot - Vue.js boilerplate with Node.js for building modern JavaScript applications with « batteries included » approach.
  • wemake-vue-template - Bleeding edge vue template focused on code quality and developer happiness. Featuring: nuxt, flow, and jest.
  • vue-lib-template - ? A simple template for building and publishing Vue component/library as a opensource.
 

Client

Render Vue application in the browser only

  • Vue Plugin Boilerplate - Boilerplate for Vue.js plugin.
  • Bourgeon - Bourgeon is an opinionated-featured VueJS 2.0 setup for Webpack.
  • VuePack - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).
  • Vue Settler - An opinionated Vue 2.0 SPA Starter.
  • vue-build - Ultra Simple, Development, Testing and Production Build Cli.
  • Vue Element Starter - Robust Vue 2 starter with Element-UI.
  • vue-multiple-pages - A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and Element-UI
  • vue-typescript-boilerplate - A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue Router and localization
  • vue-tachyons-template - A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint
  • Vuets - A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli.
  • MMF-FE/vue-typescript - A vue2.x typescript template.
  • Friendly Vue Starter - A full featured Vue.js starter project with GraphQL support via Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3, Eslint, Prettier, ...)
  • vue-webpack-typescript - A Vue 2.2 Webpack 2 and Typescript 2 setup with hot reload, unit testing, code coverage, sass and bundling/minification.
  • vue-ts-amd - A full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and Typescript.
  • vue-2-boilerplate - Vue 2 boilerplate for developing medium to large single page applications by petervmeijgaard
  • layout - A full-featured Webpack + Vue Extend layout
  • layout-simple - A simple Webpack + Vue Extend layout
  • vue-cli-template-library - Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease.
  • vue-cli-template-github-pages - A full-featured Webpack + vue-loader setup for Github Pages Deployment with travisCI.
  • vue-webpack-chrome-extension-template - Template for quick creation of Chrome extension on Vuejs hot reloading when developing.
  • buildless-vue - Quickly use Vue without a build step.
  • vue-component-template - Webpack setup for building & publishing a Vue component/library (with docs/demo site).
 

Universal

Render Vue application to HTML on the server and to the DOM in the browser

  • SPA Starter Kit - A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js.
  • SSR Boilerplate - Vue.js Server Side Rendering Boilerplate without Polluting Vuex.
  • neutrino-preset-vue-static - A minimalistic starter kit for building static sites using Vue.js.
  • Vueniverse - A fully featured, universal Vue template for user-based applications, powered by Nuxt.js and Express.
  • vue-preload - A plugin Vue for adding <link rel="preload" capabilities
 

Server

Includes a backend boilerplate

  • Vuetober - Single page apps with Laravel, Vue.js, and October CMS.
  • Toucan - Boilerplate for building single page apps. Server is multi-project .Net Core solution designed around SOLID principles. Client is TypeScript 2, Vuejs 2, Vuex 2.
  • vue-server-demo - Writing koa server in Vue.
  • vue-apollo-connector-kit - JWT authentication with 2 different strategies (localStorage and httpOnly cookies). Authorization using custom directives (apollo).
  • DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access.
 

Electron

  • Electron Vue - An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
  • VuePack - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).
  • vue-flexible-link - Tiny Vue component for Electron to open links in a browser. Ideal for cross environment apps (Web & Native)
  • vuelectron - electronjs starter kits for vue.
  • vue-design - the best website visualization builder with Vue and Electron.
  • vue-cli-plugin-electron-builder - A Vue Cli 3 plugin for Electron with no required configuration that uses Electron Builder and Electron Webpack.
  • dapp - Boilerplate for stack of Vue/Parcel/Electron.
  • vue-electron-template - An Electron & Vue.js boilerplate with Hot-reloading enabled and common Vue plugins, dev and build scripts configured using webpack-4
 

Parts

Scaffold parts of the app

  • vue-generator - A CLI generator for Vue components, views and store modules.
  • vue-component-generator - A generator for vue component, supports Vue1.X and Vue2.X.
  • rapydml_cmp - Vue-component pythonic generator, built on top of RapydML & RapydScript.
  • vue-authoring-template - Template for authoring also publishing Vue component and their use case in story-scenario (storybook) format in easy way.
  • vue-component-boilerplate - Template for generating the boilerplate code for a VueJS components, with build scripts and testing pre-installed.
  • vue-generate-component-typescript - A typescript code generator for vue, it can generate components, directives, filters.
 

Runtime

 

Command Line / Terminal

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

Prerendering

  • react-snap - A zero-configuration static pre-renderer for SPA
  • prerender-plugin - A Node.js/ webpack plugin to prerender static HTML in a single-page application (SPA).
  • vue-prerender - A Vue.js tailored plugin which implements three strategies for prerendering Vue.js pages using headless chrome.

转载于:https://www.cnblogs.com/adhehe/p/10101212.html

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值