> [!NOTE] > This is a community-driven successor to the [Pico CSS framework](https://github.com/picocss/pico) with a few simple goals: > > 1. **Maintain** `pico` minimally until its creator returns. > 2. **Focus** exclusively on the `pico.css` version, similar to how [simple.css](https://github.com/kevquirk/simple.css) is maintained (for Sass version check [@Yohn's fork](https://github.com/Yohn/PicoCSS) instead). > 3. **Keep** all net new features in https://github.com/anyblades/blades, shipped as `pico.blades.css` — a drop-in compatible replacement for `pico.css`.

Minimal CSS Framework for Semantic HTML A minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default. Write HTML, Add Pico CSS, and Voilà!  [](https://github.com/anyblades/pico) [](https://github.com/anyblades/pico) ## Table of contents - [Quick start](#quick-start) - [Documentation](#documentation) - [Limitations](#limitations) - [Browser support](#browser-support) - [Contributing](#contributing) - [Copyright and license](#copyright-and-license) ## What’s new in v2.2? Now including all features from [*Bl*ades CSS](https://github.com/anyblades/blades), shipped as `pico.blades.css` — a drop-in compatible replacement for `pico.css`. Also, it includes [various fixes](https://codepen.io/anydigital/full/YPGOXWV) for [original @picocss/pico issues](https://codepen.io/anydigital/full/WbGgbJd): - [#734 🐞 RTL breadcrumbs add weird backslashes](https://github.com/picocss/pico/issues/734) - [#733 🐞 Fix for datetime input width within groups within grids on medium breakpoint](https://github.com/picocss/pico/issues/733) - [#731 🛠️ Allow to selectively unreduce motion like `[aria-busy="true"]` does](https://github.com/picocss/pico/issues/731) - [#727 🐞 Fix dropdown summary ul offscreen](https://github.com/picocss/pico/pull/727) (Safari) - [#721 🛠️ Possible duplicate of text-align property inside the same element selector](https://github.com/picocss/pico/issues/721) - [#701 🐞 Nav dropdowns display error with Firefox](https://github.com/picocss/pico/issues/701) - [#670 🐞 Slow website picocss.com](https://github.com/picocss/pico/issues/670) + [#718](https://github.com/picocss/pico/pull/718) (`box-shadow` performance issues) ## A Superpowered HTML Reset With just the right amount of everything, Pico is great starting point for a clean and lightweight design system. - Class-light and Semantic - Great Styles with Just CSS - Responsive Everything - Light or Dark Mode - Easy Customization - Optimized Performance --- ## [Quick start](https://blades.ninja/css/pico/#quick-start) --- ## Documentation

• Get started
  • Quick start
  • Color schemes
  • CSS variables
  • Standalone version NEW
  • Pico fork NEW
  • Examples
  • Frameworks
• Layout
  • Container
  • Breakout container NEW
  • Landmarks & section
  • Grid
  • Text columns NEW
  • Overflow auto
• Content
  • Typography
  • Heading helpers NEW
  • Link
  • Link icon NEW
  • Button
  • Table NEW
  • Responsive table NEW
  • List helpers NEW
  • Code formatting NEW
• Forms
  • Input
  • Textarea
  • Select
  • Checkboxes
  • Radios
  • Switch
  • Range
  • Float labels NEW
• Components
  • Accordion
  • Card
  • Dropdown
  • Group
  • Loading
  • Modal
  • Navigation
  • Progress
  • Tooltip
  • Jump to... NEW
  • Utilities NEW
• Templates NEW
  • Overview
  • HTML starter NEW
  • Links NEW
  • Sitemap NEW

--- ## Limitations Pico CSS can be used without custom CSS for quick or small projects. However, it’s designed as a starting point, like a “reset CSS on steroids”. As Pico does not integrate many helpers or utility `.classes`, it requires CSS knowledge to build large projects. [Read more](https://picocss.com/docs/usage-scenarios) ## Browser support Pico CSS is designed and tested for the latest stable Chrome, Firefox, Edge, and Safari releases. It does not support any version of IE, including IE 11. ## Contributing - https://github.com/anyblades/pico for the original Pico CSS framework fixes. - https://github.com/anyblades/blades for net new features and ideas. ## Copyright and license Licensed under the [MIT License](https://github.com/anyblades/pico/blob/master/LICENSE.md).