React Native Material Design聽vs聽Vuetify

Get Advice Icon

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

React Native Material Design
React Native Material Design

14
47
+ 1
4
Vuetify
Vuetify

317
303
+ 1
47
Add tool

React Native Material Design vs Vuetify: What are the differences?

React Native Material Design: React Native UI Components for Material Design. An open source project which aims to bring Material Design to Android through React Native by Facebook. The library is made up of many components, which can be found in the sidebar; 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.

React Native Material Design belongs to "Mobile UI Frameworks" category of the tech stack, while Vuetify can be primarily classified under "Front-End Frameworks".

"Unmaintained" is the top reason why over 2 developers like React Native Material Design, while over 8 developers mention "Wide range of components and active development" as the leading cause for choosing Vuetify.

React Native Material Design 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 React Native Material Design with 3.12K GitHub stars and 399 GitHub forks.

No Stats

What is React Native Material Design?

An open source project which aims to bring Material Design to Android through React Native by Facebook. The library is made up of many components, which can be found in the sidebar.

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 React Native Material Design?
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 React Native Material Design?
      What companies use Vuetify?

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

      What tools integrate with React Native Material Design?
      What tools integrate with Vuetify?
      What are some alternatives to React Native Material Design and Vuetify?
      jQuery Mobile
      jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
      Render
      React-inspired Swift library for writing UIKit UIs.
      Reagent
      It allows you to define efficient React components using nothing but plain ClojureScript functions and data, that describe your UI using a Hiccup-like syntax.
      Classy
      Not CSS. Instead of trying to force UIKit to fit CSS syntax, properties, conventions and constructs. Classy is a stylesheet system built from the ground up to work in harmony with UIKit. It borrows the best ideas from CSS and introduces new syntax, conventions and constructs where appropriate.
      Weex
      Weex renders code in native widgets in Android & iOS and helps preserve the quality of user experience on critical platforms.
      See all alternatives
      Decisions about React Native Material Design and Vuetify
      Paul Whittemore
      Paul Whittemore
      Developer and Owner at Appurist Software | 15 upvotes 86K 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 React Native Material Design and Vuetify
      No reviews found
      How developers use React Native Material Design 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 React Native Material Design cost?
      How much does Vuetify cost?
      Pricing unavailable
      Pricing unavailable
      News about React Native Material Design
      More news
      News about Vuetify
      More news