Framework-agnostic,
class-light CSS blade kit.

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


Why Blades?

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

Tailwind 🥷 Blades Tailwind
+ 🥷 Blades
Pico ✨ Pico ✨
+ 🥷 Blades
Bootstrap
Demo /typography /css build.blades.ninja picocss.com /css/pico getbootstrap.com
Type Utility-first Class-light Utility-first Class-light Class-light Component-based
Sources 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

Documentation


Showcase

Credits:

Tricks behind Blades