Get Advice Icon

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

Material Design for Bootstrap
Material Design for Bootstrap

50
77
+ 1
44
Skeleton
Skeleton

42
38
+ 1
21
Add tool

Material Design for Bootstrap vs Skeleton: What are the differences?

Developers describe Material Design for Bootstrap as "Material Design for Bootstrap". This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style. 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 for Bootstrap and Skeleton can be categorized as "Front-End Frameworks" tools.

Some of the features offered by Material Design for Bootstrap are:

  • Input fields (text, numeric, email, etc)
  • Textarea
  • Buttons (ripple effect working)

On the other hand, Skeleton provides the following key features:

  • Responsive Grid Down To Mobile
  • Fast to Start
  • Style Agnostic

"Bootstrap" is the top reason why over 14 developers like Material Design for Bootstrap, while over 7 developers mention "Minimalist" as the leading cause for choosing Skeleton.

Material Design for Bootstrap and Skeleton are both open source tools. It seems that Material Design for Bootstrap with 19.9K GitHub stars and 3.31K forks on GitHub has more adoption than Skeleton with 16.8K GitHub stars and 2.93K GitHub forks.

Ledger Note, Spirit Pixels™, and emotion.me are some of the popular companies that use Skeleton, whereas Material Design for Bootstrap is used by MXD3D, Itbid, and TypeLead. Skeleton has a broader approval, being mentioned in 8 company stacks & 3 developers stacks; compared to Material Design for Bootstrap, which is listed in 5 company stacks and 5 developer stacks.

What is Material Design for Bootstrap?

This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.

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.
Get Advice Icon

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

Why do developers choose Material Design for Bootstrap?
Why do developers choose Skeleton?

Sign up to add, upvote and see more prosMake informed product decisions

What are the cons of using Material Design for Bootstrap?
What are the cons of using Skeleton?
    Be the first to leave a con
    What companies use Material Design for Bootstrap?
    What companies use Skeleton?

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

    What tools integrate with Material Design for Bootstrap?
    What tools integrate with Skeleton?
      No integrations found
        No integrations found
        What are some alternatives to Material Design for Bootstrap and Skeleton?
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        Animate.css
        It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
        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.
        Foundation
        Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
        UIkIt
        UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.
        See all alternatives
        Decisions about Material Design for Bootstrap and Skeleton
        No stack decisions found
        Interest over time
        Reviews of Material Design for Bootstrap and Skeleton
        No reviews found
        How developers use Material Design for Bootstrap 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 Itbid
        Itbid uses Material Design for BootstrapMaterial Design for Bootstrap

        UX intuitiva pensada para usuarios de Android

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