Get Advice Icon

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

UIkIt
UIkIt

636
125
+ 1
199
Vuetify
Vuetify

332
316
+ 1
47
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
      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 114K 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