Need advice about which tool to choose?Ask the StackShare community!
Material-UI vs DevExtreme: What are the differences?
Developers describe Material-UI as "React components for faster and easier web development". It is a comprehensive guide for visual, motion, and interaction design across platforms and devices. On the other hand, DevExtreme is detailed as "HTML5 JavaScript Component Suite for Responsive Web Development". From Angular and React, to ASP.NET Core or Vue, it includes a comprehensive collection of high-performance and responsive UI widgets for use in traditional web and next-gen mobile applications. The suite ships with a feature-complete data grid, interactive charts widgets, data editors, and much more.
Material-UI and DevExtreme can be categorized as "UI Components" tools.
Some of the features offered by Material-UI are:
- Tables
- Forms
- Snackbars
On the other hand, DevExtreme provides the following key features:
- A Feature-Complete HTML5 JavaScript Data Grid Widget
- Client-Side Widget Optimized for Multi-Dimensional Data Analysis
- Collection of High-Performance Data Visualization Widgets
Material-UI and DevExtreme are both open source tools. Material-UI with 50.7K GitHub stars and 12.1K forks on GitHub appears to be more popular than DevExtreme with 1.09K GitHub stars and 285 GitHub forks.
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 DevExtreme
Pros of Material-UI
- React138
- Material Design82
- Ui components60
- CSS framework29
- Component24
- Looks great14
- Responsive12
- Good documentation12
- LESS9
- Open source7
- Ui component7
- Flexible6
- Code examples6
- JSS5
- Angular3
- Supports old browsers out of the box3
- Fun3
- Very accessible3
- Designed for Server Side Rendering2
- # of components2
- Interface2
- Easy to work with1
- Support for multiple styling systems1
- Typescript support1
- Css1
- Accessibility1
Sign up to add or upvote prosMake informed product decisions
Cons of DevExtreme
- Large transfer size4
Cons of Material-UI
- Hard to learn. Bad documentation34
- Hard to customize27
- Hard to understand Docs20
- Bad performance7
- Extra library needed for date/time pickers6
- For editable table component need to use material-table6
- Typescript Support1
- # of components0