any.digital
build.blades.ninja
blades.ninja
bladeswitch.com
minform.hostfurl.com
Why Blades?
Blades does not replace other frameworks, but empowers them instead:
| Tailwind | 🥷 Blades | Tailwind + 🥷 Blades |
Pico ✨ | Pico ✨ + 🥷 Blades |
Bootstrap | |
|---|---|---|---|---|---|---|
| Demo | ||||||
| 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
Featured by:
/@pauleveritt
/@gabrielizalo/awesome-css
/@uhub/awesome-css
/awesome-11ty-build-awesome
/classless-css Float Label by Blades
/docs/start with Blades
Credits:
picocss.com for inspiration
11ty.dev for build power
Tricks behind Blades
/11ty plugin
/11ty/awesome list
/11ty/starters
/ai/ide trends 2026-2040
/antigravity tricks
/css/frameworks trends 2026-2040
/git tricks
/jsdelivr tricks
/md tricks
/mobile-dev tricks
/node tricks
/random tricks
/ssg trends 2026-2040
/symbols cheatsheet