Bootstraps VS Material UI
.
Bootstrap
Matarial UI
CSS, HTML, JS framework for developing responsive websites
React UI framework that follows Material Design principles
Airbnb, Dropbox, Apple Music, Twitter, Coursera, Bloomberg
Nasa, Amazon, Unity, Google and all its products, JPMorgan
12-column grid system, that provides a fully responsive design
12-column grid system, that provides a fully responsive design
The grid system is both for mobile and desktop (mobile-first) with clear and readable UI for all platforms.
Mobile-first and very user-friendly, but UI can be overwhelming with animated interactions for desktop.
Bootstrap-based apps are quite heavy and may be slow if you do not devote time to get rid of unnecessary components and JS scripts
Material UI is only React based. Material design in pure CSS without any third-party libraries
High speed of development thanks to its' reusable code
The development speed is less than bootstrap offers, but can be increased by using templates
Provides consistency in user experience and interface everybody is familiar with, average opportunities to customization
Low consistency in user experience since designers create hundreds of different UI. Provides unique easy customizable design
요약 :
부트스트랩이랑 MUI는 12그리드 시스템을 사용하고, 비슷한 역할을 한다.
부트스트랩은 모바일 중심이다. 비교적 무거움.
MUI는 리액트로 개발이 가능하고, pure CSS, 더 animated한 interaction을 데스크탑에서 줄 수 있다.