Customize

Choose the modules that you need.

Rollups

Rollups consist of all the modules in Pure. There are two rollups available - a regular (responsive) one, and a non-responsive one. Choose that one that's right for your project.

Name URL Size (gzip)
Responsive Rollup http://yui.yahooapis.com/pure/0.4.2/pure-min.css 4.5KB
Non-Responsive Rollup http://yui.yahooapis.com/pure/0.4.2/pure-nr-min.css 4.2KB

Alternate CDNs

The main host for Pure is the Yahoo! CDN where Pure is available over HTTP and individual modules can be combined together in a single combo request. The following table lists alternate CDNs where Pure is hosted.

CDN URL HTTPS Combo
cdnjs //cdnjs.cloudflare.com/ajax/libs/pure/0.4.2/pure-min.css Yes No
OSS MaxCDN //oss.maxcdn.com/libs/pure/0.4.2/pure-min.css Yes No
Staticfile http://cdn.staticfile.org/pure/0.4.2/pure-min.css No No

Note: If the latest version of Pure is not yet on one of the alternate CDNs, please contact them to update to the latest version of Pure: 0.4.2.

Individual Modules

You can also pull in the modules individually. The Yahoo! CDN supports combo handling, so you can combo your requests and get a single CSS file back. Here's an example of a combo URL that only includes CSS for Base, Grids, and Forms:

<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.4.2/base-min.css&pure/0.4.2/grids-min.css&pure/0.4.2/forms-min.css">
Name URL
Base http://yui.yahooapis.com/pure/0.4.2/base-min.css
Buttons http://yui.yahooapis.com/pure/0.4.2/buttons-min.css
Forms (Responsive) http://yui.yahooapis.com/pure/0.4.2/forms-min.css
Forms (Non-Responsive) http://yui.yahooapis.com/pure/0.4.2/forms-nr-min.css
Grids (Responsive) http://yui.yahooapis.com/pure/0.4.2/grids-min.css
Grids (Non-Responsive) http://yui.yahooapis.com/pure/0.4.2/grids-nr-min.css
Menus (Responsive) http://yui.yahooapis.com/pure/0.4.2/menus-min.css
Menus (Non-Responsive) http://yui.yahooapis.com/pure/0.4.2/menus-nr-min.css
Tables http://yui.yahooapis.com/pure/0.4.2/tables-min.css

Skinning

Pure comes with a minimalistic style that allows you to customize it with your own CSS. The YUI Skin Builder is a great tool to use if you need help developing a theme. With a single click, the Skin Builder is able to generate all the CSS necessary to theme Pure.

Launch Skin Builder

Contribute on GitHub

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