Want to take your software engineering career to the next level? Join the mailing list for career tips & advice Click here


Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402Star full 4f7b624809470f25b6493d5a7b30d9b9cb905931146e785d67c86ef0c205a402 (2 ratings)
Rated 5.0 out of 5
Subscribe to updates I use Skeleton

Statistics on Skeleton

Number of watchers on Github 17690
Number of open issues 138
Average time to close an issue about 1 month
Main language CSS
Average time to merge a PR 2 days
Open pull requests 74+
Closed pull requests 55+
Last commit almost 6 years ago
Repo Created over 9 years ago
Repo Last Updated 5 months ago
Size 6.25 MB
Homepage http://www.getske...
Organization / Authordhg
Latest Release2.0.4
Page Updated
Do you use Skeleton? Leave a review!
View open issues (138)
View Skeleton activity
View on github
Book a Mock Interview With Me (Silicon Valley Engineering Leader, 100s of interviews conducted)
Software engineers: It's time to get promoted. Starting NOW! Subscribe to my mailing list and I will equip you with tools, tips and actionable advice to grow in your career.
Evaluating Skeleton for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)


Skeleton is a simple, responsive boilerplate to kickstart any responsive project.

Check out http://getskeleton.com for documentation and details.

Getting started

There are a couple ways to download Skeleton:

  • Download the zip
  • Clone the repo: git clone https://github.com/dhg/Skeleton.git (Note: this is under active development, so if you're looking for stable and safe, use the zipped download)

What's in the download?

The download includes Skeleton's CSS, Normalize CSS as a reset, a sample favicon, and an index.html as a starting point.


Why it's awesome

Skeleton is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid. Nothing more.

  • Around 400 lines of CSS unminified and with comments
  • It's a starting point, not a UI framework
  • No compiling or installing...just vanilla CSS

Browser support

  • Chrome latest
  • Firefox latest
  • Opera latest
  • Safari latest
  • IE latest

The above list is non-exhaustive. Skeleton works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.


All parts of Skeleton are free to use and abuse under the open-source MIT license.


The following are extensions to Skeleton built by the community. They are not officially supported, but all have been tested and are compatible with v2.0 (exact release noted):

  • Skeleton on LESS: Skeleton built with LESS for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)
  • Skeleton on Sass: Skeleton built with Sass for easier replacement of grid, color, and media queries. (Last update was to match v2.0.1)

Have an extension you want to see here? Just shoot an email to hi@getskeleton.com with your extension!


Skeleton was built using Sublime Text 3 and designed with Sketch. The typeface Raleway was created by Matt McInerney and Pablo Impallari. Code highlighting by Google's Prettify library. Icons in the header of the documentation are all derivative work of icons from The Noun Project. Feather by Zach VanDeHey, Pen (with cap) by Ed Harrison, Pen (with clicker) by Matthew Hall, and Watch by Julien Deveaux.


Skeleton was created by Dave Gamache for a better web.

Skeleton open issues Ask a question     (View All Issues)
  • about 4 years Why doesnt Skeleton have a built-in navigation menu bar example?
  • about 4 years Sketch template for Skeleton
  • about 4 years Standard validate W3C
  • over 4 years Heading in example does not look like actual result
  • over 4 years Not enough specified, maybe?
  • over 4 years Legacy Framework
  • over 4 years The one issue with skelly: buttons dont line up with text
  • almost 5 years Site has 2 languages English - working perfectly. Arabic version is not - Please Help
  • almost 5 years Website has an error
  • almost 5 years Is this project abandoned ?
  • almost 5 years showing/hiding for mobiles
  • almost 5 years Ability to Input Data Into Tables
  • almost 5 years Skeleton for "toggle" menu
  • almost 5 years Possibility of Calc()?
  • about 5 years Minimum width 550px requirement
  • about 5 years Grid problematic for gallery
  • about 5 years Container-fluid
  • about 5 years Web Development Question - Should be redirect to Stack-Overflow
  • about 5 years New "Extension"
  • about 5 years code background not covering
  • over 5 years Gap After <img> tag
  • over 5 years Update license
  • over 5 years Button with social icon
  • over 5 years Development halted?
  • over 5 years Height overrides size attribute on select
  • over 5 years li word wrap indent
  • over 5 years How to make sure the font-size of root html element is 10px?
  • over 5 years offset not working right
  • over 5 years Add dropdown component
  • over 5 years why does not match font-family
Skeleton open pull requests (View All Pulls)
  • fix version of sass and less versions
  • Create skeleton-rtl.css
  • Add a foreground color for text inputs.
  • Fixes offset classes
  • .phone max-width changed to 50% on mobile
  • Update normalize, add Edge browser reference
  • Consistent percentage values
  • skeleton-landing-page
  • Fix url for google fonts
  • added button type to list of inputs which need ios default styles removed
  • Button disabled style
  • Added extra 4% to offset columns
  • Fixes container overflow on pre>code blocks
  • Remove moot `version` property from bower.json
  • Added text utilities for quick text alignment
  • Add date and month input styling
  • Apply fixed height to select only if `size` attribute is not present
  • Fixed inconsistent offsets
  • Set clearfix styles for helper class .u-cf onto the pseudo element :afte...
  • Updated Versions: Skeleton-less and Skeleton-Sass
  • adds non-responsive-column class for creating grids that must maintain s...
  • Added input[type="submit"] selector
  • Apply a natural box layout model to all elements
  • Match version number for Skeleton on Sass
  • add rtl file
  • Update grid with bootstrap like classes for small and medium devices
  • Added :active state for buttons (default & primary)
  • Rows attribute being ignored on textarea
  • Convert hex color value to uppercase letters
  • Add formatting for date inputs
  • Added missing protocol to font googleapis
  • Ignore non-framework files when using bower
  • Add missing html5 elements and disabled style
  • add delimiter to rem units on site index page
  • Added hosted libraries into README.md
  • Added 'color' to input[type] rules
  • Update index.html
  • Update the version numbers of unofficial projects
  • Removes default date input styles.
  • fixed url for run_prettify.js
  • makes readme more exciting
  • npm init / Add package.json
  • Blockquote and img styles
  • last input elements should not have margin
  • Added properties for ".bordered". And added prefix
  • Update skeleton.css
  • update README.md for the structure of Skeleton
  • package.json is added for npm
  • Rename .u-* to .util-*
  • Stylus added and LESS/Sass versions updated
  • This is my first Pull
  • Fix Issue #339 Code CSS Overflow
  • Fix offset margins
  • Tamara
  • Project setup with webpack and PostCSS
  • Set theme jekyll-theme-minimal
  • Set theme jekyll-theme-minimal
  • Set theme jekyll-theme-minimal
  • Updated Google Prettify library URL
  • Update skeleton.css
  • add scss files
  • fixed-raleway-link
  • css2.css
  • css2.html
  • Help please, to download a copy of the demo file.
  • bump version normalize to 8.0.1
  • Template, layout design. An example with Skeleton CSS
  • Update skeleton.css
  • added consistency to grids and offset
  • Allow responsive Iframes and make sure, Images won't break the layout
  • Fix Raleway link
  • Fixed typo in comment
  • Add yarn and bower installation to README
  • Master
Skeleton questions on Stackoverflow (View All Questions)
  • Add an image instead of an Ellipse when draw skeleton using Kinect SDK
  • Kinect, Matlab and picture saving with Skeleton
  • PHPUnit's Skeleton Generator scripts doesn't exist
  • How to Use Node Cluster module within Express Generator App Skeleton
  • Is it possible to save a user's skeleton and facial data for recognition purposes?
  • How to get correspondence information between the meso-skeleton and boundary mesh in CGAL:mcfskel
  • The type or namespace name 'Skeleton' could not be found
  • Java RMI : What is the role of the stub-skeleton that are generated by the rmic compiler
  • How do I accommodate a sub sub menu in Skeleton?
  • WordPress Skeleton, VVV, Multisite, and the right Nginx rules
  • OpenCV build skeleton to find parking spaces
  • Skeleton image and text in adjacent columns
  • 7 column responsive layout using Skeleton V2.0.4
  • Vertically center navigation within row - Skeleton Framework
  • Interface is just skeleton in Java then how does CrudRepository provides all CRUD operations?
  • Zend Skeleton App configuration " doctrine-module: command not found"
  • Integrating Mecanim Skeleton
  • Method that has user skeleton in python
  • How to use PHPUnit Skeleton Generator on classless php files?
  • 3d skeleton from segmentation
  • Why is there a space before first column in skeleton?
  • Facing issue while generating web service skeleton
  • How to get zend framework skeleton old versions like 2.3
  • how to change the path of stylesheets that skeleton automatically load
  • View's skeleton is rendered and afterwards styles are applied
  • How can I input a depth image to let kinect output a skeleton?
  • Cinema 4d - Cannot rig mesh to skeleton
  • Aurelia Skeleton-Navigation Will Not Load After Bundling
  • Skeleton calculation
  • What is the proper style for implementing a skeleton class?
Skeleton list of languages used
Skeleton latest release notes
2.0.4 2.0.4

Version bump for Bower package reasons, no core code changes.

2.0.3 2.0.3

Really small point release just cleaning up a few odds and ends:

  • https://github.com/dhg/Skeleton/pull/224: Removing a duplicated rule
  • https://github.com/dhg/Skeleton/pull/215: Removing a redundant selector
  • https://github.com/dhg/Skeleton/pull/212: Cleaning up favicon tag
  • https://github.com/dhg/Skeleton/pull/209: Fixing a minor typo in a comment
  • https://github.com/dhg/Skeleton/commit/08b0f50159a51de5b1c456988f227ea10cce6a7c: Removing trailing whitespaces
v2.0.2 v2.0.2

The following issues were addressed in this release:

  • #173: Remove maximum scale for accessibility
  • #184: Changed Google Fonts link
  • #205: Added input types for tel and url. Also cleaned a few other small form styles
  • #196: Cleaned up property order to match the general principles outlined here: http://markdotto.com/2011/11/29/css-property-order/
  • #186: Addressed smaller viewports being limited to 80%. Now .container uses 20px padding for any viewport sub-400px, 85% width for 400-550px viewport, and 80% for 550px and larger viewports (with the same default max-width of 960px)
  • Made small grid improvements in decreasing specificities drastically and removing default bottom margin on .row
Other projects in CSS
Powered by Autocode - Instant Webhooks, Scripts and APIs
Autocode logo wordmark