7 Best Vue.js UI Component Libraries For Faster Development (2020 Update)

Vue.js is one of the three most popular front-end JavaScript frameworks (ReactJS, AngularJS, VueJS) for building web applications.

Want to have an all-in-one UI component library for faster Vue.js app development?

This is the 7 best (top-rated) UI component libraries for Vue.js developers to build elegant, responsive, and mobile-friendly user interfaces. I hope you like it.

Originally published Jul 30, 2019,  updated Feb 05 2020

1. vuetify

vuetify Dashboard

Vuetify is a semantic, Material Design component framework for Vue.js that provides clean, semantic and reusable components for your applications.

Github Stars: 23.4k+

Official Website

Github Page

UI Components included:

  • Alerts
  • Application
  • Aspect ratios
  • Avatars Badges
  • Banners
  • Bars
  • Bottom navigation
  • Bottom sheets
  • Breadcrumbs
  • Floating action buttons
  • Calendars
  • Cards
  • Carousels
  • Chips
  • Dialogs
  • Dividers
  • Expansion panels
  • Footer
  • Grids
  • Grid lists
  • Groups
  • Hover
  • Icons
  • Images
  • Form inputs & controls
  • Lists
  • Menus
  • Navigation drawers
  • Overlays
  • Paginations
  • Parallax
  • Pickers
  • Progress
  • Ratings
  • Sheets
  • Snackbars
  • Sparklines
  • Steppers
  • Subheaders
  • Tables
  • Tabs
  • Timelines
  • Tooltips
  • Treeview

2. vux

vux

Vux is a collection of 78+ mobile-first UI components for Vue.js 2.x+ web apps.

Github Stars: 16.7k+

Official Website

Github Page

UI Components included:

  • Actionsheet
  • Alert
  • Badge
  • Blur
  • ButtonTab
  • Calendar
  • Card
  • CellBox
  • CellFormPreview
  • Cell
  • CheckIcon
  • Checker
  • Checklist
  • Clocker
  • ColorPicker
  • Confirm
  • Countdown
  • Countup
  • DatetimeRange
  • DatetimeView
  • Datetime
  • Divider
  • Drawer
  • Flexbox
  • Flow
  • FormPreview
  • Grid
  • Group
  • Icon
  • InlineCalendar
  • InlineLoading
  • InlineXNumber
  • InlineXSwitch
  • LoadMore
  • Loading
  • Marquee
  • Masker
  • Msg
  • Panel
  • Picker
  • Popover
  • PopupHeader
  • PopupPicker
  • PopupRadio
  • Popup
  • Previewer
  • Qrcode
  • Radio
  • Range
  • Rater
  • Scroller
  • Search
  • Selector
  • Spinner
  • Step
  • Sticky
  • Swipeout
  • Swiper
  • Tab
  • Tabbar
  • Timeline
  • Toast
  • VChart
  • ViewBox
  • WechatEmotion
  • XAddress
  • XButton
  • XCircle
  • XDialog
  • XHeader
  • XIcon
  • XImg
  • XInput
  • XNumber
  • XProgress
  • XSwitch
  • XTable
  • XTextarea

3. Mint UI

Mint UI

Mint UI is a mobile-first UI component library for Vue.js.

Github Stars: 15.4k+

Official Website

Github Page

UI Components included:

  • Toast
  • Indicator
  • Loadmore
  • Infinite scroll
  • Message box
  • Action sheet
  • Popup
  • Swipe
  • Lazy load
  • Range
  • Progress
  • Picker
  • Datetime Picker
  • Index List
  • Palette Button
  • Header
  • Tabbar
  • Navbar
  • Button
  • Cell
  • Cell Swipe
  • Spinner
  • TabContainer
  • Search
  • Switch
  • Checklist
  • Radio
  • Field
  • Badge

4. OnsenUI

OnsenUI

A 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, React and Vue.js.

Github Stars: 7.8k+

Official Website

Github Page

UI Components included:

  • Action sheet
  • Alert dialog
  • Button
  • Card
  • Checkbox
  • Dialog
  • Floating action button
  • List
  • Modal
  • Notification
  • Popover
  • Progress bar
  • Radio button
  • Range input
  • Search input
  • Segment
  • Select input
  • Switch
  • Tab bar
  • Text input
  • Textarea
  • Toast
  • Toolbar
  • Toolbar button
  • And more

5. cube-ui

cube-ui

A fantastic mobile UI library for Vue.js app.

Github Stars: 7.7k+

Official Website

Github Page

UI Components included:

  • Button
  • Loading
  • Tip
  • Toolbar
  • TabBar
  • Checkbox
  • CheckboxGroup
  • Radio
  • Checker
  • Input
  • Textarea
  • Select
  • Switch
  • Rate
  • Validator
  • Upload
  • Form
  • Popup
  • Toast
  • Picker
  • CascadePicker
  • DatePicker
  • TimePicker
  • SegmentPicker
  • Dialog
  • ActionSheet
  • Drawer
  • ImagePreview
  • Scroll
  • Slide
  • IndexList
  • Swipe
  • Sticky
  • ScrollNavBar
  • ScrollNav
  • RecycleList

6. buefy

buefy

Lightweight, responsive, modern UI components for Vue.js based on Bulma framework.

Github Stars: 6.9k+

Official Website

Github Page

UI Components included:

  • Button
  • Collapse
  • Dialog
  • Dropdown
  • Autocomplete
  • Checkbox
  • Clockpicker
  • Datepicker
  • Field
  • Input
  • Numberinput
  • Radio
  • Select
  • Switch
  • Taginput
  • Timepicker
  • Upload
  • Icon
  • Loading
  • Menu
  • Message
  • Modal
  • Notification
  • Pagination
  • Snackbar
  • Steps
  • Table
  • Tabs
  • Tag
  • Toast
  • Tooltip

7. Vuesax

Vuesax

Vuesax is an open source library of Vuejs components that facilitates front-end development and streamlines work with great visual quality.

Github Stars: 3.8k+

Official Website

Github Page

UI Components included:

  • Layout
  • Colors
  • Icon
  • Alert
  • Avatar
  • Breadcrumb
  • Buttons
  • Card
  • CheckBox
  • Chip
  • Collapse
  • Dialogs
  • Divider
  • DropDown
  • Images
  • Input
  • List
  • Loading
  • Navbar
  • Notifications
  • Number Input
  • Pagination
  • Popup
  • Progress
  • Radio
  • Select
  • SideBar
  • Slider
  • Switch
  • Table Update
  • Tabs
  • Textarea
  • Tooltip
  • Upload

Conclusion:

Feel free to download, install and use these UI component libraries in your next Vue.js project.

For small projects, I highly recommend you to download and use standalone Vue.js components, plugins, and directives. You can type the keyword in the search field on the top of our website and hit the enter.

See Also:

You Might Be Interested In: