Material Design Lite
Material Design Lite

158
5
114
Skeleton
Skeleton

42
0
21
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.

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.

Want advice about which of these to choose?Ask the StackShare community!

Why do developers choose Material Design Lite?
Why do developers choose Skeleton?
What are the cons of using Material Design Lite?
What are the cons of using Skeleton?
    Be the first to leave a con
    What companies use Material Design Lite?
    What companies use Skeleton?
    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
    React components for faster and easier web development. Build your own design system, or start with 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.
    Material Design for Angular
    Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
    See all alternatives
    What tools integrate with Material Design Lite?
    What tools integrate with Skeleton?
      No integrations found
        No integrations found
        Decisions about Material Design Lite and Skeleton
        No stack decisions found
        Interest over time
        Reviews of Material Design Lite and Skeleton
        Review ofMaterial Design LiteMaterial Design Lite

        많은 버그가 존재하는데, 각각의 css 정의가 서로 연결되어서 수정이 쉽지 않다.

        발견된 이슈조차 업데이트 하지 않으며, 사용자가 직접 수정해서 사용해야한다.

        How developers use Material Design Lite and Skeleton
        Avatar of Ujjwal Bhujel
        Ujjwal Bhujel uses SkeletonSkeleton

        Like Bootstrap, It offers the same CSS framework service (Which I prefer to say cheatsheet ;)) but less complex and cleaner look and to the point.

        Avatar of Markus Gebka
        Markus Gebka uses SkeletonSkeleton

        I used it for some private stuff lately where I only needed a grid and was looking for the leanest framework there is.

        Avatar of Ledger Note
        Ledger Note uses SkeletonSkeleton

        My favorite, no-frills, base responsive CSS grid.

        Avatar of Kevin van Guldenaar
        Kevin van Guldenaar uses Material Design LiteMaterial Design Lite

        Just enough design for non-designer types.

        How much does Material Design Lite cost?
        How much does Skeleton cost?
        Pricing unavailable
        Pricing unavailable
        News about Material Design Lite
        More news
        News about Skeleton
        More news