Pico CSS – Minimal CSS Framework for Semantic HTML

Summary

Class-light and SemanticThriving on simplicity, Pico directly styles your HTML tags, using fewer than 10 .classes overall. It also comes with a class-less version for wild HTML purists.Discover the class-less versionGreat Styles with Just CSSNo extra baggage needed. Pico works seamlessly without dependencies, package managers, external files, or JavaScript, achieving elegant and straightforward styles with pure HTML markup.Get startedResponsive EverythingEffortless elegance on every device. Pico natively scales font sizes and spacings with screen widths, resulting in a consistent and elegant look across devices. No extra classes or configuration needed.Discover the responsive font sizesLight or Dark ModePico comes with two accessible, neutral color schemes out of the box: light and dark. The best part? It automatically adapts to users' prefers-color-scheme, all without the use of JavaScript.Learn about the color schemesEasy CustomizationCustomize Pico with over 130 CSS variables, or dive deeper by using SASS. Switch between 20 handcrafted color themes and compose with 30+ modular components to tailor the UI to your brand's look and feel.Learn about the CSS variablesOptimized PerformanceSpeed meets elegance. Unlike bulky and overcomplicated frameworks that demand extensive class overrides and JavaScript, Pico keeps your HTML lean, decreases memory usage by avoiding excessive CSS specificity, and reduces loaded files.Quick start