pure

css-framework responsive layout

Pure is a ridiculously tiny CSS library you can use to start any web project. It is modular, allowing you to load only the CSS you need, facilitating a quick and efficient design process.

Latest Ver 3.0.0

Homepage

Github

23,711

📢 Pure is a CSS library designed for simplicity and speed in web development.

CDN Download

License: BSD

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-context.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/base.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-core.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/buttons.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms-nr.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/forms.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-core.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-responsive.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids-units.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/grids.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-core.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-dropdown.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-horizontal.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-scrollable.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus-skin.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/menus.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure-nr.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/pure.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables-min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables-min.min.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables.css

https://cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/tables.min.css

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div class="pure-g"><div class="pure-u-1-3"><p>This is a third of the width.</p></div><div class="pure-u-2-3"><p>This is two thirds of the width.</p></div></div>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/pure/2.0.3/pure-min.css" rel="stylesheet">