Skip to content

Getting started

Version picker

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

Theme color


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

Usage from CDN#


Usage with Sass#

@use "pico";

Starter HTML template#

<!doctype html>
<html lang="en">
    <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>
    <main class="container">
      <h1>Hello world!</h1>

Edit this page on GitHub