Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

UIkIt
UIkIt

662
183
+ 1
217
Vuetify
Vuetify

472
595
+ 1
56
Add tool

UIkIt vs Vuetify: What are the differences?

Developers describe UIkIt as "A lightweight and modular front-end framework for developing fast and powerful web interfaces". UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable. On the other hand, Vuetify is detailed as "Material Component Framework for VueJS 2". Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

UIkIt and Vuetify can be categorized as "Front-End Frameworks" tools.

"Complete GUI" is the primary reason why developers consider UIkIt over the competitors, whereas "Wide range of components and active development" was stated as the key factor in picking Vuetify.

UIkIt and Vuetify are both open source tools. It seems that Vuetify with 19.6K GitHub stars and 2.25K forks on GitHub has more adoption than UIkIt with 14.6K GitHub stars and 2.1K GitHub forks.

Luckycycle, Webhook Relay, and Intelinvest team are some of the popular companies that use Vuetify, whereas UIkIt is used by Dyn, AskNicely, and Nedwave. Vuetify has a broader approval, being mentioned in 36 company stacks & 32 developers stacks; compared to UIkIt, which is listed in 45 company stacks and 9 developer stacks.

What is UIkIt?

UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.

What is Vuetify?

Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose UIkIt?
Why do developers choose Vuetify?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
    What companies use UIkIt?
    What companies use Vuetify?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with UIkIt?
    What tools integrate with Vuetify?
      No integrations found
      What are some alternatives to UIkIt and Vuetify?
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      Semantic UI
      Semantic empowers designers and developers by creating a shared vocabulary for UI.
      Bulma
      Bulma is a CSS framework based on Flexbox and built with Sass
      Angular Material
      Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.
      SwiftUI
      Provides views, controls, and layout structures for declaring your app's user interface. The framework provides event handlers for delivering taps, gestures, and other types of input to your app.
      See all alternatives
      Decisions about UIkIt and Vuetify
      Paul Whittemore
      Paul Whittemore
      Developer and Owner at Appurist Software | 15 upvotes 347.9K views
      Fastify
      Fastify
      ExpressJS
      ExpressJS
      Node.js
      Node.js
      Vuetify
      Vuetify
      Quasar Framework
      Quasar Framework
      Vue.js
      Vue.js
      vuex
      vuex
      Electron
      Electron
      Fastly
      Fastly

      I'm building most projects using: Server: either Fastify (all projects going forward) or ExpressJS on Node.js (existing, previously) on the server side, and Client app: either Vuetify (currently) or Quasar Framework (going forward) on Vue.js with vuex on Electron for the UI to deliver both web-based and desktop applications for multiple platforms.

      The direct support for Android and iOS in Quasar Framework will make it my go-to client UI platform for any new client-side or web work. On the server, I'll probably use Fastly for all my server work, unless I get into Go more in the future.

      Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.

      See more
      Interest over time
      Reviews of UIkIt and Vuetify
      No reviews found
      How developers use UIkIt and Vuetify
      Avatar of Giovanni Candido da Silva
      Giovanni Candido da Silva uses UIkItUIkIt

      Provides common user interface like dialogs, menus, etc. Is modular and hight customisable. A part from the grid system, is not used directly, but has as layer of abstraction build with web components, and typescript as far as possible with the time and working constraints, to be reused in other projects.

      Avatar of AskNicely
      AskNicely uses UIkItUIkIt

      UI Kit provides so many great features out of the box. It provides all the tools to build a rich interface with very little configuration. Many of the modules are well documented and are relevant to the common trends we are seeing on websites today.

      Avatar of Fred Steffen
      Fred Steffen uses VuetifyVuetify

      We use Vuetify because we needed something that back end devs could get up to speed with quickly

      How much does UIkIt cost?
      How much does Vuetify cost?
      Pricing unavailable
      Pricing unavailable
      News about UIkIt
      More news
      News about Vuetify
      More news