Blades • Minimal CSS Framework for Semantic HTML | Blades CSS
Minimal CSS Framework for Semantic HTML
Fully compatible and actively maintained successor to Pico CSS.
Introduces float labels, breakout container and other modern, opt-out helpers.<br>Simply switch pico.css to blades.css OR use blades.standalone.css with other frameworks.
Story From Pico to Blades CSS #
Jun 5<br>Flask & Jinja<br>community website switched to Blades<br>Jun 4<br>11ty (Build Awesome) micro-starters for Blades released
Sveltia CMS support included<br>Jun 1<br>Grav CMS<br>migrated its default theme to Blades<br>May 11, 2026
Blades CSS v2.2.0 emerged #
...<br>from original Pico CSS fork ...<br>Apr 2026<br>Pico CSS v2.2.0 fork released<br>...
Mar 2025<br>Last v2.1.1 update of Pico CSS
Dec 2019<br>Pico CSS v1 released
...<br>... and Blades CSS helpers<br>Apr 2026<br>Blades CSS v0 released<br>Dec 2025<br>Blades CSS helpers consolidation started<br>Breakout CSS v1 prereleased
Mar 2018<br>Atomic Gallery v0<br>and Carousel v0 created<br>Oct 2016<br>Float Label CSS v1 released
Documentation #
If you know Pico — you already know Blades:
Get started<br>Quick start
Color schemes
CSS variables
Standalone versions NEW
Pico fork NEW
Ninja add-ons NEW
CSS Frameworks 2026–2040
Layout<br>Container
Breakout container NEW
Landmarks & section
Grid
Text columns NEW
Overflow auto
Content<br>Typography
Heading helpers NEW
Link
Link icon NEW
Button
Table UPD
Responsive table NEW
List helpers NEW
Code formatting NEW
Forms<br>Overview
Input
Textarea
Select
Checkboxes
Radios
Switch
Range
Float labels NEW
Components<br>Accordion
Card
Dropdown
Group
Loading
Modal
Navigation
Progress
Tooltip
Timeline NEW
Jump to... NEW
Utilities NEW
Templates NEW<br>Overview
HTML starter NEW
Links NEW
Sitemap NEW
Featured by #
sveltiacms.app
getgrav.org ↗
dummy.my/frameworks
awesome-css-frameworks @gabrielizalo
awesome-css @uhub
11ty.dev ↗ ↗
@pauleveritt
@johnheenan
@githubsignals ↗
Credits #
picocss.com for inspiration
11ty.dev for site generation