Need advice about which tool to choose?Ask the StackShare community!
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.
Pros of Material Design for Bootstrap
- Bootstrap16
- Light weight6
- Awesome and simple to use6
- Modern Looks4
- Google Material Design4
- Responsive4
- Open Source3
- Great angular compatibility3
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 for Bootstrap
- Not free for premo stuff2
Cons of Skeleton
- Have to make design decisions0