Pure

Overview

Pure is a set of small, responsive CSS modules built by Yahoo that you can drop into any web project via a single stylesheet link. It targets developers who want a lightweight CSS foundation without the size and opinion overhead of larger frameworks like Bootstrap or Tailwind.

The entire module collection weighs just 3.5KB minified and gzipped. Pure builds on Normalize.css and covers the most common UI needs — layout, grids, forms, buttons, tables, and menus — without locking you into a specific visual style.

Key Benefits

• The full module set totals just 3.5KB minified and gzipped, making it one of the smallest complete CSS frameworks available.
• All modules are responsive out of the box, so elements adapt to any screen size without additional configuration.
• Pure uses minimal, flat, unopinionated styles so you can add your own CSS rules without fighting existing overrides.
• Individual modules — base (0.9KB), grids (0.5KB), forms (1.4KB), buttons (0.7KB), tables (0.5KB), menus (0.7KB) — can be used independently to save further bytes.
• Pure builds on Normalize.css, giving you consistent cross-browser styling for native HTML elements as a starting point.

How It Works

You add a single link tag referencing the Pure stylesheet from jsDelivr CDN to your HTML file. From there, you apply Pure's class names to your HTML elements to activate modules like Grids, Menus, Forms, Buttons, and Tables. To customize the look, you write your own CSS rules on top of Pure's minimal base — no need to overwrite existing styles.

Use Cases

• Front-end developers starting a new web project who need a responsive CSS base without pulling in a heavy framework.
• Mobile-first web designers who need guaranteed responsive behavior across all screen sizes from day one.
• Developers building lightweight microsites or landing pages where page weight and load speed are a priority.
• Web students and beginners who want a small, readable CSS foundation to learn from and build on top of.
• Teams with strict performance budgets who need to pick and choose only the CSS modules their project actually uses.

Why Choose This Product

Pure suits developers who want full visual control and prefer writing their own styles rather than overriding a heavily styled framework. It is best for projects where file size and performance matter, and where a minimal, flat starting point is preferred over a pre-designed component library.