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 β†—