Vue.js, without a doubt, is one of the best javascript framework in the wild. If you are a new to javascript framework world, Vue is a go to framework because of its easy learning curve compare to that of competitors like React and Angular.
Using libraries for developing Vue apps, small or large applications, is a no brainer. In this blog post, I am going to share you my favorite Vue.js libraries, from UI components to utilities and to even some developer tools.
UI Component Frameworks
- Vuetify - Material Design component framework for Vue.js.
- Beaufy - lightweight UI components based on Bulma.
- Element - a desktop UI component library for developers, designers and product managers.
- Bootstrap-Vue - Bootstrap 4 components for Vue.js.
- Vuesax - a new component framework for Vue.js 2.
- Ant Design Vue - an enterprise-class UI components based on Ant Design and Vue.
UI Components
- vue-easy-table - a vue table component that has support for cell edit,multi-head fixed, multi-column fixed, clumn drag, sort,conditional filter, custom column.
- element-form-builder - a vue library for building element UI form with JSON schema.
- vuejs-datepicker - a simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
- vue-multiselect - universal select/multiselect/tagging component for Vue.js.
- vue-slider - a Netflix like slider developed using Vuejs.
- vue-slide-bar - a simple Vue slider bar component.
- textra - Vue js add-on to slide text.
- ic-firebase-uploader - multi-file uploader for Firebase storage.
- vue-uploader - a Vue.js upload component powered by simple-uploader.js.
- vue-js-popover - Vue.js 2 library for dropdowns / popovers / tooltips.
- vue-slideout - simple vue implementation of Slideout.js touch sidebar / sidemenu library.
- vue-burger-menu - an off-canvas sidebar Vue component.
- vue-slick - vue component for slick carousel.
- vue2-google-maps - Google maps component for vue with 2-way data binding.
- vue-infinite-loading - an infinite scroll plugin for Vue.js.
- vue-markdown - a powerful and highspeed markdown parser for Vue.
- vue-pdf - Vue.js PDF viewer.
- vue-fuse - a Vue.js plugin for fuzzy search library, Fuse.js.
- vue-instantsearch - build search into your Vue.js app using Algolia.
- vue-avatar - an avatar component for Vue.
- vue-gravatar - a dead-simple avatar component for Vue.js.
- vue-highlights - syntax highlighting with Highlight.js.
- vue-timeago - a timeago component for Vue.
UI Layout
- vue-masonry - Vue.js directive for masonry blocks layouting.
- vue-virtual-scroller - blazing fast scrolling of any amount of data.
- vueflex - a flexbox grid system.
- vue-fullpage.js - official Vue.js wrapper for fullPage.js.
- vue-splitter-pane - component which renders two slots in a adjustable split arrangement (vetical or horizontal).
UI Utilities (Directives)
- v-hotkey - Vue 2.x directive for binding hotkeys to components.
- vue-observe-visibility - Detect when an element is becoming visible or hidden on the page.
- v-click-outside - Vue directive to react on clicks outside an element without stopping the event propagation.
- vue-formly - a javascript-powered forms for Vue.js.
- vee-validate - template-based Validation Framework for Vue.js.
- vue-scrollto - adds a directive that listens for click events and scrolls to elements.
- vue-backtotop - a back to top component for Vue.js.
- vue-lazyload - a Vue.js plugin for lazyload your Image or Component in your application.
- pimg - mini image lazy loader for P(R)eact and Vue.
- vue-paginate - a simple Vue.js plugin to paginate data.
- vue2-animate - a Vue.js 2 port of Animate.css.
- vue2-transitions - reusable Vue 2 transition components.
- vue-lottie - Render After Effects animations on Vue based on Bodymovin.
- vue-typed-js - Typed.js integration for vue.js. create a typing animation.
- vue-pose - Pose for Vue.js.
- vue-anime - a Vue plugin for adding Anime bindings to Vue components.
- vue-meta - manage HTML metadata in Vue.js components with SSR support.
- vue-svgicon - a tool to create svg icon components. (vue 2.x). using inline svg.
- vue-content-loading - Vue component to easily build (or use presets) SVG loading cards Facebook like.
Developer Tools
- Bit - manage and reuse Vue components between projects.
- Storybook - The UI Development Environment. works with v3.2+ later.
      That is all, folks. A list of my favorite Vue.js libraries, frameworks, directives and developer tools. Although I don't use some of them on a daily basis, I think it is better to put them here for references. Remember, if you are a beginner in Vue, I recommend to learn all the basics before jumping on to libraries. That's it. Thank you for reading this post!
