Pure CSS | Responsive Web Design

Pure CSS

Pure CSS Framework Logo
Pure CSS

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

Features

Pure is meant to be a starting point for every website or web app. We take care of all the CSS work that every site needs, without making it look cookie-cutter:

  • A responsive grid that can be customized to your needs.

  • A solid base built on Normalize.css to fix cross-browser compatibility issues.

  • Consistently styled buttons that work with <a> and <button> elements.

  • Styles for vertical and horizontal menus, including support for dropdown menus.

  • Useful form alignments that look great on all screen sizes.

  • Various common table styles.

  • An extremely minimalist look that is super-easy to customize.

  • Responsive by default, with a non-responsive option.

  • Easy one-click customization with the Skin Builder.

  • Extremely small file size: 4.8KB minified + gzip.

Get Started

To get started using Pure, go to the Pure CSS website. The website has extensive documentation and examples necessary to get you started using Pure.

You can include the Pure CSS file in your project by fetching it from Yahoo’s CDN:

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.1.0/pure-min.css">
  • Resource Name

    Pure CSS

  • Resource Creator

    Yahoo

Description

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

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.