Need advice about which tool to choose?Ask the StackShare community!
Material Design Lite vs Skeleton: What are the differences?
Developers describe Material Design Lite as "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. On the other hand, Skeleton is detailed as "A Beautiful Boilerplate for Responsive, Mobile-Friendly Development". Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
Material Design Lite and Skeleton can be primarily classified as "Front-End Frameworks" tools.
Some of the features offered by Material Design Lite are:
- Blog Template
- Dashboard Template
- Text Heavy Webpage Template
On the other hand, Skeleton provides the following key features:
- Responsive Grid Down To Mobile
- Fast to Start
- Style Agnostic
"Material Design straight from the original creators" is the top reason why over 23 developers like Material Design Lite, while over 7 developers mention "Minimalist" as the leading cause for choosing Skeleton.
Material Design Lite and Skeleton are both open source tools. Material Design Lite with 31.3K GitHub stars and 5.32K forks on GitHub appears to be more popular than Skeleton with 16.8K GitHub stars and 2.93K GitHub forks.
Google, Troopers, and Boxme are some of the popular companies that use Material Design Lite, whereas Skeleton is used by Ledger Note, Spirit Pixels™, and emotion.me. Material Design Lite has a broader approval, being mentioned in 9 company stacks & 26 developers stacks; compared to Skeleton, which is listed in 8 company stacks and 3 developer stacks.
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 Skeleton
- Minimalist9
- Responsive6
- Simple4
- Fantastically straight forward2
- Lightweight, clean syntax1
- More than an Alternative1
- Lightweight1
Sign up to add or upvote prosMake informed product decisions
Cons of Material Design Lite
Cons of Skeleton
- Have to make design decisions0