Skip to content

About

Mission

Pico CSS is a minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

With a focus on simplicity, Pico provides a clean starting point for building websites without the need for excessive CSS classes and wrappers.

Here’s our maxi-minimalist story.

Pico started as a solution to two minor frustrations:

“I don’t want to import a huge CSS framework only to build a landing page with a title, a description, and a small signup form.”
— Frustrated frontend developer
“I don’t want to use meaningless wrappers and huge classes stacking to add a simple <input />.”
— Same frustrated frontend developer

This was the starting idea. Let’s call it “The epic quest for minimalism”:

<main>
  <h1>Join the pursuit of HTML simplicity</h1>
  <p>Let’s avoid meaningless div and classes and make it beautiful!</p>
  <form>
    <input type="email" placeholder="Your email" />
    <input type="submit">Let’s start!</input>
  </form>
</main>

<footer>
  This page should be fast enough to please Google's algorithm.
</footer>

That’s all! We believe that CSS classes are essential when building complex websites, but why use classes for the default style? And above all, why block page rendering with JavaScript for such a simple structure?

From there, we added all form elements, HTML landmarks, typographic elements, and every relevant tag we could find. We made every single element responsive and elegant by default, for both light and dark mode.

As we continued to build, our community grew 🧡, and with it, the responsibility to provide a reliable CSS reset that would prevent sadness when looking at our HTML DOM.