Need advice about which tool to choose?Ask the StackShare community!
Material Design Lite vs Onsen UI: What are the differences?
Material Design Lite: Material Design Lite Components in HTML/CSS/JS. Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go; Onsen UI: HTML5 Hybrid Mobile App UI Framework - work with Angular, React, Vue, Meteor & pure JavaScript. Material & Flat design. Onsen UI helps you develop both hybrid and web apps. If developing hybrid apps, you can use it with the Cordova / PhoneGap command line, or with Monaca tools (CLI, Monaca IDE - cloud-based IDE for Cordova, Localkit - desktop GUI).
Material Design Lite belongs to "Front-End Frameworks" category of the tech stack, while Onsen UI can be primarily classified under "Cross-Platform Mobile Development".
Some of the features offered by Material Design Lite are:
- Blog Template
- Dashboard Template
- Text Heavy Webpage Template
On the other hand, Onsen UI provides the following key features:
- Open source HTML5 hybrid app framework for PhoneGap & Cordova
- JavaScript framework agnostic
- Mobile-optimized HTML5, CSS and JavaScript with Web components
Material Design Lite and Onsen UI are both open source tools. It seems that Material Design Lite with 31.3K GitHub stars and 5.31K forks on GitHub has more adoption than Onsen UI with 7.49K GitHub stars and 869 GitHub forks.
Pros of Material Design Lite
- Material Design straight from the original creators23
- Based on bem philosophy11
- Nice animations9
- SCSS7
- Simple Material Design5
- Doesn't depend on JavaScript5
- Custom color palette generates CDN2
Pros of Onsen UI
- Hybrid mobile3
- Works with any JavaScript framework3
- Allows for rapid prototyping3
- Free2