10 UI Libraries You Should Explore for Your Next Vue.js Project

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • vuetify

    🐉 Vue Component Framework

    Vuetify Vuetify is a popular UI library that follows the Material Design guidelines. It offers a rich set of pre-built components and features, making it easy to create modern and visually appealing UIs. Check out the Vuetify website for more information.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    5. Tailwind CSS Tailwind CSS is a utility-first CSS framework that allows you to rapidly build custom UIs. It provides a set of low-level utility classes for styling. Visit the Tailwind CSS website for more details.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    3. Quasar Quasar is a versatile UI framework that allows you to build responsive websites, mobile apps, and desktop applications using a single codebase. It offers a wide range of components and utilities. Explore the Quasar website for more information.

  • element-plus

    🎉 A Vue.js 3 UI Library made by Element team

    2. Element UI Element UI is a comprehensive UI library with a clean and elegant design. It provides a wide range of customizable components and features such as form validation and responsive grids. Visit the Element UI website for more details.

  • Bulma

    Modern CSS framework based on Flexbox

    6. Bulma Bulma is a lightweight CSS framework with a responsive grid system and customizable components. It offers a clean and modern design. Check out the Bulma website to learn more.

  • bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

    4. Bootstrap Vue Bootstrap Vue combines the power of Bootstrap, a popular CSS framework, with Vue.js. It provides a wide range of components and styling options. Check out the Bootstrap Vue website to learn more.

  • ant-design-vue

    🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

    8. Ant Design Vue Ant Design Vue is the Vue.js implementation of Ant Design, a popular UI library for React. It provides high-quality components and a polished UI experience. Visit the Ant Design Vue website for more details.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts