Framework-agnostic,
class-light CSS utilities

Use with Tailwind, Bootstrap, Pico, Simple, or any other reset/framework.


Documentation

Why Blades?

Blades does not replace other frameworks, but empowers them instead:

Tailwind Blades 🥷 Tailwind+Blades 🥷 Pico Pico+Blades 🥷 Bootstrap
Type: Utility-first Class-light Hybrid Class-light Class-light Component-based
Written in: JavaScript Modern CSS Hybrid SCSS Modern CSS SCSS
CSS base: modern-normalize
preflight
⇢ Inherited modern-normalize
preflight
normalize
sanitize
normalize
sanitize
normalize
reboot
Layout: ☑️ CSS primitives ⇢ Inherited ☑️ CSS primitives ☑️ Basic grid ☑️ Basic grid
Text columns: ☑️ CSS primitives Docs
Breakout layout: Docs
Typography: Plugin ⇢ Inherited ✅ Plugin
Responsive tables without wrapper: Docs
Forms: Plugin ⇢ Inherited ✅ Plugin
Float labels: Docs

Credits

Showcase

Tricks & more