Software Alternatives & Reviews

Skeleton CSS VS Material Design

Compare Skeleton CSS VS Material Design and see what are their differences

Skeleton CSS logo Skeleton CSS

A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Material Design logo Material Design

Google Material Design
  • Skeleton CSS Landing page
    Landing page //
    2018-09-30
  • Material Design Landing page
    Landing page //
    2022-04-03

Skeleton CSS videos

Skeleton Anatomy and Physiology Review Bones 01

More videos:

  • Review - skeleton anatomy easy review for practical exam bones and structures
  • Review - Unboxing and Review Head Unit Skeleton SKT 8197 Universal

Material Design videos

YouTube Material Design app review

More videos:

  • Review - Material design
  • Review - Breakdown UI/UX Part I (Google Material Design) | Code Review #3

Category Popularity

0-100% (relative to Skeleton CSS and Material Design)
CSS Framework
83 83%
17% 17
Design Tools
71 71%
29% 29
Development Tools
74 74%
26% 26
CSS Tools
100 100%
0% 0

User comments

Share your experience with using Skeleton CSS and Material Design. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare Skeleton CSS and Material Design

Skeleton CSS Reviews

Top 10 Best CSS Frameworks for Front-End Developers in 2022
As the name suggests, the Skeleton is a light framework. If your website is small and straightforward, Skeleton provides a necessary collection of CSS elements to speed up your development. It provides lightly styled forms, tabs, buttons, etc. You get a responsive grid, Vanilla CSS, and media queries for your project without the larger frameworks' complexities. It is a great...
Source: hackr.io
15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives
As a two-in-one solution, Skeleton quickly made it on our list. This is both a boilerplate and a comprehensive CSS framework. We enjoyed customizing its 12-column grid during our testing, and we found out that it has virtually no learning curve.
Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers
This boilerplate is made up of just about 400 lines and is specifically designed with mobile devices in mind. It is to be noted that the Skeleton is not a fully-featured framework, but a mere starting point to start website designing. You should only prefer the Skeleton if you are considering a small project. It is only capable of styling a handful of standard HTML elements....
Top 10 CSS Frameworks For Web Designer 2018
Skeleton is one of the lightest simple and responsive frameworks. It supports only raw HTML and provides responsive grid without any bells and whistle like other framework, it’s just pure CSS. Skeleton is style agnostic with organized file structure and super basic UI elements.
Source: onaircode.com
20 Best Front-End Frameworks For Bootstrap Alternative
Skeleton is a lightweight CSS framework that uses a 12-column grid system. Unlike Bootstrap or Foundation, Skeleton provides you with some fundamentals components only like button, lists, table, forms which aimed to kick-start your development process.
Source: beebom.com

Material Design Reviews

We have no reviews of Material Design yet.
Be the first one to post

Social recommendations and mentions

Skeleton CSS might be a bit more popular than Material Design. We know about 17 links to it since March 2021 and only 15 links to Material Design. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Skeleton CSS mentions (17)

  • Concrete.css
    I had been using similar projects such as skeleton[0] and milligram[1] for small experiments such as repfl[2], and wanted to create something similar that I would find aesthetically pleasing and that would fit in as little space as possible. The current version of concrete.css is less than 1kb minzipped! [0] http://getskeleton.com/ [1] https://milligram.io/ [2] https://repfl.ch/. - Source: Hacker News / 3 months ago
  • Ask HN: How to build online calculator website?
    Here's my personal goto: Find some minimal CSS framework. My preference is Skeleton [0] or Bootstrap [1]. The key is just finding something minimal that works without too much fuss. Personally, I rather have a minimal framework provide 'responsiveness' so I don't have to worry about it but I also want it to get out of the way of anything I do. Use JQuery [2]. Don't rely on CSS for animations or interactivity. In... - Source: Hacker News / over 1 year ago
  • Suggest minimal CSS framework
    I've used http://getskeleton.com/ in the past. I think it's probably just what you're looking for. Source: over 1 year ago
  • Pdf generated from form
    I use an older css library called skeleton. It’s a utility framework that came out before css grid. It has a really nice and easy to use grid system built without css-grid. I had to get rid of the media queries to get it work but it’s been great otherwise! Source: over 1 year ago
  • what do you do when coding for responsive?
    I use a minified and customised simple boilerplate / grid system based in skeleton (http://getskeleton.com/). It has no mediaqueries predefined, but the rules for each screen resolution are stated. I start making the website for computer screen formats (large resolutions) and end adapting up the design to phone screens. Source: over 1 year ago
View more

Material Design mentions (15)

  • Building a design system with Radix
    Some examples of popular design systems include Google’s Material Design, the Atlassian Design System, and Carbon Design System by IBM. - Source: dev.to / over 1 year ago
  • How we built a themeable multi-brand design system with Vue.js
    The main reasons organizations decide to build a design system are myriad and well documented. For the team at Monisnap our top priorities were:. - Source: dev.to / almost 2 years ago
  • ELI5 Why are programs so different between Windows and Mac?
    Why are they consistently different across their products? Companies have brand guidelines to make sure that you have a uniform experience with all of their apps. Here's Google's, for example. Source: almost 2 years ago
  • Roboto but Make It Flex
    Compare this to the Human Interface Guidelines which have stayed far more stable and neutral. [1]: https://material.io/design/introduction#theming. - Source: Hacker News / almost 2 years ago
  • A Googler stumbles through CSS
    - there is too much I would change so here are two resources that should help guide you Https://www.youtube.com/watch?v=FmSjtWTIx1o Https://material.io/design/introduction. Source: about 2 years ago
View more

What are some alternatives?

When comparing Skeleton CSS and Material Design, you can also consider the following products

Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions

Materialize CSS - A modern responsive front-end framework based on Material Design

Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design

Foundation - The most advanced responsive front-end framework in the world

Angular Material - Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Specification.

Semantic UI - A UI Component library implemented using a set of specifications designed around natural language