Blades is a minimal CSS framework designed for semantic HTML. It is a fully compatible successor to Pico CSS that adds modern layout, form and utility features while retaining a lightweight, classless approach.
The framework can replace Pico CSS directly or be used through standalone modules alongside frameworks such as Bootstrap and Tailwind CSS.
This is free and open source software.
Key Features
- Styles semantic HTML elements without requiring extensive CSS classes.
- Provides light and dark colour schemes.
- Includes responsive containers, grids and text columns.
- Offers breakout containers for full-width content within constrained layouts.
- Provides typography, heading, list, link and code-formatting helpers.
- Includes responsive tables and overflow handling.
- Styles forms, inputs, switches, checkboxes, radio buttons and range controls.
- Supports floating labels for form fields.
- Includes accordions, cards, dropdowns, modals, navigation, progress indicators and tooltips.
- Provides standalone modules for use with other CSS frameworks.
- Supports installation through npm, a CDN or a downloadable CSS archive.
- Offers CSS variables for customising the framework.
Website: github.com/anyblades/blades
Support:
Developer: Anton Staroverov
License: MIT License
Blades is written in CSS. Learn CSS with our recommended free books and free tutorials.
Related Software
| Lightweight CSS Frameworks & Boilerplates | |
|---|---|
| HTML5 Boilerplate | HTML5/CSS/JS front-end template |
| Pure | Small, responsive CSS modules |
| Pico | Minimal CSS framework for semantic HTML |
| sakura | Minimal, classless CSS framework / theme |
| MUI | CSS framework that follows Google's Material Design guidelines |
| Beer CSS | Lghtweight CSS framework for building Material Design 3 interfaces |
| Base | Super simple responsive framework |
| Tacit | Primitive CSS framework for dummies |
| chota | Micro (3kb) CSS framework |
| Skeleton | Dead simple, responsive boilerplate |
| Picnic | Lightweight CSS library |
| KNACSS | Simple and lightweight CSS framework |
| Blades | Minimal CSS framework designed for semantic HTML |
| Bullframe CSS | Lightweight framework to build responsive, accessible user interfaces |
Read our verdict in the software roundup.
 Explore our carefully curated directory of recommended free and open source software, covering every major software category.The directory forms part of our extensive collection of articles for Linux enthusiasts. It includes hundreds of detailed reviews, together with free and open source alternatives to proprietary software from companies such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk. LinuxLinks also covers interesting projects worth exploring, Linux-compatible hardware, free programming books and tutorials, and much more. Know a useful free and open source Linux application that we haven’t covered? Tell us about it using our submission form. |
Please read our Comment Policy before commenting.