React Native Material Design vs Semantic UI

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

React Native Material Design

27
122
+ 1
5
Semantic UI

855
1.4K
+ 1
672
Add tool

React Native Material Design vs Semantic UI: 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; Semantic UI: A UI Component library implemented using a set of specifications designed around natural language. Semantic empowers designers and developers by creating a shared vocabulary for UI.

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

"Unmaintained" is the primary reason why developers consider React Native Material Design over the competitors, whereas "Easy to use and looks elegant" was stated as the key factor in picking Semantic UI.

React Native Material Design and Semantic UI are both open source tools. Semantic UI with 45.7K GitHub stars and 4.83K forks on GitHub appears to be more popular than React Native Material Design with 3.12K GitHub stars and 398 GitHub forks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of React Native Material Design
Pros of Semantic UI
  • 4
    Unmaintained
  • 1
    Android-only
  • 157
    Easy to use and looks elegant
  • 92
    Variety of components
  • 64
    Themes
  • 61
    Has out-of-the-box widgets i would actually use
  • 56
    Semantic, duh
  • 44
    Its the future
  • 42
    Open source
  • 37
    Very active development
  • 31
    Far less complicated structure
  • 28
    Gulp
  • 9
    Already has more features than bootstrap
  • 8
    Just compare it to Bootstrap and you'll be hooked
  • 7
    UI components
  • 7
    Clean and consistent markup model
  • 6
    Responsiveness
  • 4
    Elegant. clean. readable. maintainable
  • 4
    Because it is semantic :-D
  • 4
    Good-Looking
  • 2
    Great docs
  • 2
    Consistent
  • 2
    Is big and look really great, nothing like this
  • 2
    Modular and scalable
  • 1
    Jquery
  • 1
    Easy to use
  • 1
    Blends with reactjs

Sign up to add or upvote prosMake informed product decisions

Cons of React Native Material Design
Cons of Semantic UI
    Be the first to leave a con
    • 5
      Outdated build tool (gulp 3))
    • 3
      HTML is not semantic (see list component)
    • 2
      Javascript is tied to jquery
    • 2
      Poor accessibility support

    Sign up to add or upvote consMake informed product decisions

    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 Semantic UI?

    Semantic empowers designers and developers by creating a shared vocabulary for UI.

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

    What companies use React Native Material Design?
    What companies use Semantic UI?
    See which teams inside your own company are using React Native Material Design or Semantic UI.
    Sign up for Private StackShareLearn More

    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 Semantic UI?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    What are some alternatives to React Native Material Design and Semantic UI?
    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.
    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.
    CoreRender
    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.
    React Native Paper
    Material design for React Native.
    See all alternatives