Pico CSS is a minimalist and lightweight starter kit that prioritizes semantic HTML, making every HTML tag 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.”
“I don’t want to use meaningless wrappers and huge classes stacking to add a simple
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>
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 maxi-minimalist sadness when looking at our HTML DOM.