Material Design for Bootstrap vs Material Design Lite vs Skeleton

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

Material Design for Bootstrap

80
206
+ 1
46
Material Design Lite

689
393
+ 1
62
Skeleton

52
100
+ 1
24
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Material Design for Bootstrap
Pros of Material Design Lite
Pros of Skeleton
  • 16
    Bootstrap
  • 6
    Light weight
  • 6
    Awesome and simple to use
  • 4
    Modern Looks
  • 4
    Google Material Design
  • 4
    Responsive
  • 3
    Open Source
  • 3
    Great angular compatibility
  • 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 for Bootstrap
Cons of Material Design Lite
Cons of Skeleton
  • 2
    Not free for premo stuff
    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 for Bootstrap?

    It is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

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

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

    What are some alternatives to Material Design for Bootstrap, 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.
    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.
    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.
    See all alternatives