Need advice about which tool to choose?Ask the StackShare community!
Material-UI vs Quasar Framework: What are the differences?
Developers describe Material-UI as "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. On the other hand, Quasar Framework is detailed as "Full front-end framework powered by Vue". Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue.
Material-UI and Quasar Framework belong to "Front-End Frameworks" category of the tech stack.
"React" is the primary reason why developers consider Material-UI over the competitors, whereas "Excellent documentation" was stated as the key factor in picking Quasar Framework.
Material-UI and Quasar Framework are both open source tools. Material-UI with 49.4K GitHub stars and 11.4K forks on GitHub appears to be more popular than Quasar Framework with 11.4K GitHub stars and 1.12K GitHub forks.
Ratio, Chattermill, and Code Foundries are some of the popular companies that use Material-UI, whereas Quasar Framework is used by Decision6, Learnlink AS, and Whiteboard-it. Material-UI has a broader approval, being mentioned in 95 company stacks & 393 developers stacks; compared to Quasar Framework, which is listed in 11 company stacks and 47 developer stacks.
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
- React110
- Material Design72
- Ui components45
- CSS framework23
- Component17
- Looks great10
- LESS9
- Responsive9
- Good documentation6
- Open source6
- Code examples5
- Flexible5
- Ui component5
- JSS4
- Very accessible3
- Angular3
- Designed for Server Side Rendering2
- Interface2
- Supports old browsers out of the box2
- Fun2
- LADO2
- Easy to work with1
- Asdasd1
- 5550
Pros of Quasar Framework
- Excellent documentation48
- Deploy one codebase to web, desktop, mobile, and more37
- Extensive collection of components33
- Lots of UI components33
- Being able to bundle for almost all platform is awesome31
- Excelent performance23
- Quasar App Extensions23
- Great community20
- Open Source14
- Attention to Security13
- Material Design12
- Cross Platform Andriod, IOS and Desktop8
- 1 Cross Platform Android, IOS and Desktop7
- It is easy because of vue6
- Active and helpful community4
- SSR3
Sign up to add or upvote prosMake informed product decisions
Cons of Material-UI
- Hard to learn. Bad documentation25
- Hard to customize22
- Hard to understand Docs17
- Bad performance6
- Long Code5
- Extra library needed for date/time pickers4
- For editable table component need to use material-table4