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

Material Design Lite

690
394
+ 1
62
Skeleton

53
100
+ 1
24
Add tool

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.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Material Design Lite
Pros of Skeleton
  • 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
  • 9
    Minimalist
  • 6
    Responsive
  • 4
    Simple
  • 2
    Fantastically straight forward
  • 1
    Lightweight, clean syntax
  • 1
    More than an Alternative
  • 1
    Lightweight

Sign up to add or upvote prosMake informed product decisions

Cons of Material Design Lite
Cons of Skeleton
    Be the first to leave a con
    • 0
      Have to make design decisions

    Sign up to add or upvote consMake informed product decisions

    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 Skeleton?

    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.

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

    What companies use Material Design Lite?
    What companies use Skeleton?
    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 Skeleton?
    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