Need advice about which tool to choose?Ask the StackShare community!
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.
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.
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
Pros of Material-UI
- React141
- Material Design82
- Ui components60
- CSS framework30
- Component26
- Looks great15
- Responsive13
- Good documentation12
- LESS9
- Ui component8
- Open source7
- Flexible6
- Code examples6
- JSS5
- Supports old browsers out of the box3
- Interface3
- Angular3
- Very accessible3
- Fun3
- Typescript support2
- # of components2
- Designed for Server Side Rendering2
- Support for multiple styling systems1
- Accessibility1
- Easy to work with1
- Css1
Pros of Xamarin
- Power of c# on mobile devices121
- Native performance81
- Native apps with native ui controls79
- No javascript - truely compiled code73
- Sharing more than 90% of code over all platforms67
- Ability to leverage visual studio45
- Mvvm pattern44
- Many great c# libraries44
- Amazing support36
- Powerful platform for .net developers34
- GUI Native look and Feel19
- Nuget package manager16
- Free12
- Backed by Microsoft9
- Enables code reuse on server9
- Faster Development8
- Use of third-party .NET libraries7
- It's free since Apr 20167
- Best performance than other cross-platform7
- Easy Debug and Trace7
- Open Source7
- Mac IDE (Xamarin Studio)6
- Xamarin.forms is the best, it's amazing6
- That just work for every scenario5
- C# mult paradigm language5
- Power of C#, no javascript, visual studio5
- Great docs4
- Compatible to develop Hybrid apps4
- Microsoft stack4
- Microsoft backed4
- Well Designed3
- Small learning curve for Mobile developers3
- Ionic2
- Ability to leverage legacy C and C++2
Sign up to add or upvote prosMake informed product decisions
Cons of Material-UI
- Hard to learn. Bad documentation36
- Hard to customize29
- Hard to understand Docs22
- Bad performance9
- Extra library needed for date/time pickers7
- For editable table component need to use material-table7
- Typescript Support2
- # of components1
Cons of Xamarin
- Build times9
- Visual Studio5
- Price4
- Complexity3
- Scalability3
- Nuget2
- Maturity2
- Build Tools2
- Support2
- Maturidade0
- Performance0
