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?
What is Vuetify?
Need advice about which tool to choose?Ask the StackShare community!
Sign up to add, upvote and see more prosMake informed product decisions
What are the cons of using UIkIt?
What are the cons of using Vuetify?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with UIkIt?
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.
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.
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.