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!

Happy Coding!

# OSS Libraries

Awesome list of Vue.js Libraries