What is this?
Pico is a minimal CSS framework for semantic HTML: one stylesheet that makes plain HTML elements responsive and elegant by default. MIT-licensed and built around writing HTML, not classes.
Pico is a minimal CSS framework for semantic HTML: one stylesheet that makes plain HTML elements responsive and elegant by default. MIT-licensed and built around writing HTML, not classes.So is it just another CSS reset?More than a reset — the README calls it a starting point for a clean, lightweight design system. It styles semantic elements directly, so you write almost class-free HTML.
More than a reset — the README calls it a starting point for a clean, lightweight design system. It styles semantic elements directly, so you write almost class-free HTML.How do I add it to my site?Four ways: download and link css/pico.min.css, load it from the jsDelivr CDN, install via npm and import into SCSS with @use, or install with Composer.
Four ways: download and link css/pico.min.css, load it from the jsDelivr CDN, install via npm and import into SCSS with @use, or install with Composer.Does it need JavaScript or a build step to work?No — it is just CSS: no JavaScript, no dependencies, and no build for the CDN or manual route. SCSS only enters if you take the npm path for customization.
No — it is just CSS: no JavaScript, no dependencies, and no build for the CDN or manual route. SCSS only enters if you take the npm path for customization.Can I use it for a large project without writing custom CSS?Not really — Pico ships no helpers or utility classes, so larger projects need your own SCSS or CSS knowledge. Treat it as a foundation, like a 'reset CSS on steroids'.
Not really — Pico ships no helpers or utility classes, so larger projects need your own SCSS or CSS knowledge. Treat it as a foundation, like a 'reset CSS on steroids'.Is Pico still actively maintained?No — the GitHub repository is archived and read-only, so it will not receive further updates. Version 2 remains fully usable via CDN or npm, but treat the project as frozen.
No — the GitHub repository is archived and read-only, so it will not receive further updates. Version 2 remains fully usable via CDN or npm, but treat the project as frozen.Why pick Pico over a blank stylesheet?You get clean, responsive styling for every semantic element out of the box, so you start from a lightweight design-system base instead of an empty CSS file — and it stays small enough to customize with SASS.
You get clean, responsive styling for every semantic element out of the box, so you start from a lightweight design-system base instead of an empty CSS file — and it stays small enough to customize with SASS.Is there a starter template to try it quickly?Yes — the quick start links a starter HTML template: copy it, add Pico, and you immediately see semantic HTML rendered with the framework's default styling.
Yes — the quick start links a starter HTML template: copy it, add Pico, and you immediately see semantic HTML rendered with the framework's default styling.What are similar projects?milligram, oat, bootstrap, mdb-ui-kit, bootstrap-table, impress.js, hyperapp, riot
milligram, oat, bootstrap, mdb-ui-kit, bootstrap-table, impress.js, hyperapp, riotWhich topics is it in?minimalist, dark-theme, minimal, starter-kit, css-framework, forms, scss, components, no-dependencies, frontend-framework, typography, dark-mode
minimalist, dark-theme, minimal, starter-kit, css-framework, forms, scss, components, no-dependencies, frontend-framework, typography, dark-mode