Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Material Design Lite

690
394
+ 1
62
Onsen UI

40
136
+ 1
11
Add tool

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.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Material Design Lite
Pros of Onsen UI
  • 23
    Material Design straight from the original creators
  • 11
    Based on bem philosophy
  • 9
    Nice animations
  • 7
    SCSS
  • 5
    Simple Material Design
  • 5
    Doesn't depend on JavaScript
  • 2
    Custom color palette generates CDN
  • 3
    Hybrid mobile
  • 3
    Works with any JavaScript framework
  • 3
    Allows for rapid prototyping
  • 2
    Free

Sign up to add or upvote prosMake informed product decisions

197
640
43
333
1.2K

What is Material Design Lite?

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.

What is Onsen UI?

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).

Need advice about which tool to choose?Ask the StackShare community!

What companies use Material Design Lite?
What companies use Onsen UI?
Manage your open source components, licenses, and vulnerabilities
Learn More

Sign up to get full access to all the companiesMake informed product decisions

What are some alternatives to Material Design Lite and Onsen UI?
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Material-UI
Material UI is a library of React UI components that implements Google's Material Design.
Material Design
Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
Materialize
A CSS Framework based on material design.
Angular Material
Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.
See all alternatives