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
- React132
- Material Design82
- Ui components57
- CSS framework28
- Component23
- Looks great14
- Good documentation10
- Responsive10
- LESS9
- Ui component7
- Open source7
- Code examples6
- Flexible5
- JSS4
- Angular3
- Very accessible3
- Fun3
- Supports old browsers out of the box3
- Interface2
- Designed for Server Side Rendering2
- Easy to work with1
- Css1
Pros of Quasar Framework
- Excellent documentation54
- Deploy one codebase to web, desktop, mobile, and more40
- Lots of UI components36
- Extensive collection of components36
- Being able to bundle for almost all platform is awesome31
- Quasar App Extensions24
- Excelent performance24
- Great community21
- Open Source16
- Attention to Security14
- Material Design12
- Cross Platform Andriod, IOS and Desktop8
- 1 Cross Platform Android, IOS and Desktop8
- It is easy because of vue7
- Active and helpful community4
- Vue 3 Support3
- SSR3
- Treeshaking1
Sign up to add or upvote prosMake informed product decisions
Cons of Material-UI
- Hard to learn. Bad documentation31
- Hard to customize25
- Hard to understand Docs19
- Extra library needed for date/time pickers6
- Bad performance6
- For editable table component need to use material-table5
Cons of Quasar Framework
- Stackoverflow 1.5k Questions4