Use Skeletonic CSS to

Accelerates cross browser development

Icon representing a lightning strike
Lightning fast

Start designing and customising responsive web interfaces.

Skeletonic CSS is packed with clean, simple, native CSS variables, predefined classes and IDs that covers the full range of semantic HTML elements .

All you have to do is drop Skeletonic CSS into your project, we will provide you with an intuitive 12-column grid system, base styles for typography, tables, buttons, forms, consistent user experience and efficient scaling for all viewports.

Improves page rendering speed and reduces load times

Icon representing a lightweight feather
Lightweight

Skeletonic CSS minimalist CSS framework is specially designed for better performance and higher productivity.

Its very small footprint means that your websites and web applications will load faster while containing essential elements for building responsive web designs.

It comes with a small footprint, all in just ~2kb (minified + gzipped).

Delivers highly responsive user experience

Icon representing a variety of device screen sizes and break points for responsive design
Responsive design

All components are crafted with both desktop and mobile in mind and work on different devices and screen size.

Devices and screen sizes are always changing, so it’s important that your site optimises the experience for everyone. With Skeletonic CSS, the layout changes based on the size and capabilities of any device.

We provide mobile-friendly, touch optimised CSS styles using the full range of semantic HTML Tags elements.

Builds a better accessible Web with the WCAG 2.2 standard

Icon representing CSS as a mean to support low vision, visual impairment
Accessibility

Skeletonic CSS aims to help you create robust high-quality accessible websites for better user experiences for everyone.

We specifically looked at techniques to improve text readability, make your site keyboard accessible, and focus on optimum colour contrast ratio.

Helps to create visual and functional consistency

Icon representing a component library
Component library

Skeletonic CSS library provides a collection of modular css components and mixins made with Stylus.

Dive in our open-source code base, and enjoy clean, modularised Stylus components ready to be integrated as part of your next project.

Free. Open source. Supported.

Icon representing a development robot
Open source

Skeletonic CSS is designed, built and maintained by Sebastien Rousseau. Source code licensed under the MIT License.

All aspects of Skeletonic CSS are open source on GitHub, there are no fees or licensing costs, including for commercial use.


The Anatomy of Skeletonic CSS - A lightweight, intuitive, accessible and ultra-responsive CSS Framework