A set of small, responsive CSS modules that you can use in every, web project.

Pure is ridiculously tiny. The entire set of modules clocks in at 4.4KB* minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you’ll save even more bytes.

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
CSS with a minimal footprint.

Your CSS foundation.

Pure builds on Normalize.css and provides layout and styling for native HTML elements, plus the most common UI components. It’s what you need, without the cruft.

Made with mobile in mind.

Pure is responsive out of the box, so elements look great on all screen sizes. Customize your styles with the Skin Builder to make your style your own.

Stays out of your way.

Pure has minimal styles and encourages you to write your application styles on top of it. It’s designed to get out of your way and makes it easy to override styles.

Create responsive layouts.

By using Grids, Menus, and more, it’s easy to create beautiful responsive layouts for all screen sizes. We’ve made it easy for you to get started. Take a look at a few different layouts and start your next web project with a rock-solid foundation.

Create your own look and feel.

Unlike other frameworks, Pure’s design is unopinionated, minimal and flat. We believe that it’s much easier to add new CSS rules than to overwrite existing rules. By adding a few lines of CSS, you can customize Pure’s appearance to work with your web project.

Contribute on GitHub

Pure is an open-source project under the BSD License. We welcome issues, pull requests, and feedback. Check out their repo on GitHub.

Love this post?