Getting started

Version picker

Easily select the ideal Pico CSS version variant to match your project's needs.

Theme color

Configuration#

The default version of Pico CSS, with all components and classes.
The default version applies Pico styles to every HTML element.

Usage from CDN#

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

Usage with Sass#

@use "pico";

Starter HTML template#

<!doctype html> <html lang="en">  <head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1">  <meta name="color-scheme" content="light dark">  <link rel="stylesheet" href="css/pico.min.css">  <title>Hello world!</title>  </head>  <body>  <main class="container">  <h1>Hello world!</h1>  </main>  </body> </html>

Edit this page on GitHub