Material UI vs Xamarin

Overview

Xamarin

Stacks1.3K

Followers1.5K

Votes785

Material-UI

Stacks2.7K

Followers3.7K

Votes445

Material-UI vs Xamarin: What are the differences?

What is Material-UI? React components for faster and easier web development. Build your own design system, or start with Material Design. React components for faster and easier web development. Build your own design system, or start with Material Design.

What is Xamarin? Create iOS, Android and Mac apps in C#. Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.

Material-UI belongs to "Front-End Frameworks" category of the tech stack, while Xamarin can be primarily classified under "Cross-Platform Mobile Development".

"React" is the top reason why over 51 developers like Material-UI, while over 111 developers mention "Power of c# on mobile devices" as the leading cause for choosing Xamarin.

Material-UI is an open source tool with 48.1K GitHub stars and 10.7K GitHub forks. Here's a link to Material-UI's open source repository on GitHub.

DeveloperTown, Ratio, and Code Foundries are some of the popular companies that use Material-UI, whereas Xamarin is used by Rdio, Olo, and Rumble. Material-UI has a broader approval, being mentioned in 67 company stacks & 77 developers stacks; compared to Xamarin, which is listed in 74 company stacks and 65 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Xamarin, Material-UI

Xinyi

Software Developer at DCSIL

Oct 9, 2020

Decided

As our team will be building a web application, HTML5 and CSS3 are one of the standardized combinations to implement the structure and the styling of a webpage. Material-UI comes with all sorts of predesigned web components such as buttons and dropdowns that will save us tons of development time. Since it is a component library designed for React, it suits our needs. However, we do acknowledge that predesigned components may sometimes cause pains especially when it comes to custom styling. To make our life even easier, we also adopted Tailwind CSS. It is a CSS framework providing low-level utility classes that will act as building blocks when we create custom designs.

359k views359k

Comments

Ru_Co

Sep 9, 2020

Review

Hi Manish,

Well between those 2 options (Kotlin and Flutter), Flutter would be the only one that would allow you to make your app for both Apple and Android. Kotlin is for Android only. But there are other crossplatform development frameworks besides Flutter. Which one is the best for you would depend on the app you want to create and your current expertises and preferences. I've marked a few alternatives in my answer.

124 views124

Comments

Abigail

Dec 10, 2019

Decided

Fonts and typography are fun. Material Design is a framework (developed by Google) that basically geeks out on how to assemble your typographical elements together into a design language. If you're into fonts and typography, it's fantastic. It provides a theming engine, reusable components, and can pull different user interfaces together under a common design paradigm. I'd highly recommend looking into Borries Schwesinger's book "The Form Book" if you're going to be working with Material UI or are otherwise new to component design.

https://www.amazon.com/Form-Book-Creating-Printed-Online/dp/0500515085

767k views767k

Comments

Detailed Comparison

Xamarin	Material-UI
Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.	Material UI is a library of React UI components that implements Google's Material Design.
Cross-platform development- Thinking about supporting iOS, Android, Mac and Windows? Xamarin allows you to write it all in C#.;Reuse existing code- Use your favorite .NET libraries in Xamarin apps. Easily use third-party native libraries and frameworks.; Discover as you type- Explore APIs as you type with code autocompletion.;Visual Studio or Xamarin Studio- Create, build, debug, and deploy apps in Visual Studio. Or use Xamarin Studio, a fully-featured IDE that is built for mobile app development.;Native UI, Native Performance- Xamarin delivers high performance compiled code with full access to all the native APIs so you can create native apps with device-specific experiences.; Point and Click UI Design- Xamarin provides a world class Android UI designer. Use Apple Xcode UI designer to create interfaces and Storyboards that automatically sync with your Xamarin.iOS project.	Tables; Forms; Snackbars; Buttons; Theming
Statistics
Stacks 1.3K	Stacks 2.7K
Followers 1.5K	Followers 3.7K
Votes 785	Votes 445
Pros & Cons
Pros 121 Power of c# on mobile devices 81 Native performance 79 Native apps with native ui controls 73 No javascript - truely compiled code 67 Sharing more than 90% of code over all platforms Cons 9 Build times 5 Visual Studio 4 Price 3 Scalability 3 Complexity	Pros 141 React 82 Material Design 60 Ui components 30 CSS framework 26 Component Cons 36 Hard to learn. Bad documentation 29 Hard to customize 22 Hard to understand Docs 9 Bad performance 7 Extra library needed for date/time pickers
Integrations
No integrations available	React Emotion Next.js styled-components Node.js

What are some alternatives to Xamarin, Material-UI?

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Ionic

Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.

Flutter

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

Foundation

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Semantic UI

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

Materialize

A CSS Framework based on material design.

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.

NativeScript

NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.

Blazor

Blazor is a .NET web framework that runs in any browser. You author Blazor apps using C#/Razor and HTML.

Related Comparisons

Bootstrap vs Materialize

Django vs Laravel vs Node.js

Bootstrap vs Foundation vs Material UI

Node.js vs Spring-Boot

Flyway vs Liquibase

Material-UI vs Xamarin: What are the differences?

Material-UI belongs to "Front-End Frameworks" category of the tech stack, while Xamarin can be primarily classified under "Cross-Platform Mobile Development".

"React" is the top reason why over 51 developers like Material-UI, while over 111 developers mention "Power of c# on mobile devices" as the leading cause for choosing Xamarin.

Material-UI is an open source tool with 48.1K GitHub stars and 10.7K GitHub forks. Here's a link to Material-UI's open source repository on GitHub.