Get Advice Icon

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

Flat UI
Flat UI

88
82
+ 1
0
Vuetify
Vuetify

314
302
+ 1
47
Add tool

Flat UI vs Vuetify: What are the differences?

What is Flat UI? Free Bootstrap Framework and Theme. Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel.

What is Vuetify? 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.

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

Flat UI and Vuetify are both open source tools. It seems that Vuetify with 20K GitHub stars and 2.32K forks on GitHub has more adoption than Flat UI with 14.5K GitHub stars and 2.46K GitHub forks.

Luckycycle, Webhook Relay, and Intelinvest team are some of the popular companies that use Vuetify, whereas Flat UI is used by Apexure, Leonis Holding, and SkyQuest. Vuetify has a broader approval, being mentioned in 37 company stacks & 36 developers stacks; compared to Flat UI, which is listed in 4 company stacks and 3 developer stacks.

What is Flat UI?

Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel.

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 Flat UI?
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 Flat UI?
      What companies use Vuetify?

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

      What tools integrate with Flat UI?
      What tools integrate with Vuetify?
      What are some alternatives to Flat UI and Vuetify?
      Material Design
      Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
      Material-UI
      It is a comprehensive guide for visual, motion, and interaction design across platforms and devices.
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      Animate.css
      It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
      Material Design for Angular
      Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
      See all alternatives
      Decisions about Flat UI and Vuetify
      Paul Whittemore
      Paul Whittemore
      Developer and Owner at Appurist Software | 15 upvotes 82.6K views
      Fastly
      Fastly
      Electron
      Electron
      vuex
      vuex
      Vue.js
      Vue.js
      Quasar Framework
      Quasar Framework
      Vuetify
      Vuetify
      Node.js
      Node.js
      ExpressJS
      ExpressJS
      Fastify
      Fastify

      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 Flat UI and Vuetify
      No reviews found
      How developers use Flat UI and Vuetify
      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 Flat UI cost?
      How much does Vuetify cost?
      Pricing unavailable
      Pricing unavailable
      News about Flat UI
      More news
      News about Vuetify
      More news