picocss/pico

Minimal CSS Framework for semantic HTML

Summary

Pico is a minimal CSS framework that styles native HTML elements without requiring utility classes, so a plain <h1> or <form> looks reasonable on load. The project shipped its final release as v2.1.1 and the repository is now archived, meaning no new issues, PRs, or releases, though the npm package, jsDelivr CDN, and picocss.com will remain available. Engineers can still use it for small, semantic-first sites, but the maintainers note that a full rewrite would be needed to keep it current with modern CSS features.

What it is useful for

Pico is built around the idea of a "superpowered HTML reset." It targets common elements like headings, paragraphs, tables, forms, and landmarks, applying sensible typography, spacing, and responsive behavior. A <header>, <main>, and <footer> inside <body> automatically get container styling in the class-less build. The README also lists built-in components such as accordion, card, dropdown, modal, nav, progress, and tooltip, plus form controls including switch and range.

It is a reasonable fit for prototypes, internal tools, documentation sites, or any project where writing semantic HTML is preferred over managing class names. The README is explicit that it does not include helper or utility classes, so larger projects will need SCSS or custom CSS work on top.

How engineers can use it

The README documents four installation paths. For a quick prototype, the CDN link is the shortest route:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">

For a class-less build that styles plain HTML, swap in pico.classless.min.css (centered) or pico.fluid.classless.min.css (fluid). The HTML template in the README only requires a <meta name="color-scheme" content="light dark"> tag to enable light and dark mode.

For build pipelines, install with npm install @picocss/pico or yarn add @picocss/pico, then import it in an SCSS file with @use "pico";. Composer is also supported via composer require picocss/pico.

Caveats

Because the repo is archived, plan for forking if you need changes. The README states IE, including IE 11, is not supported, and that large projects will require SCSS knowledge to extend. The MIT license covers the code only; the Pico name and logo are excluded, so forks should rebrand.