any.digital
build.blades.ninja
blades.ninja
bladeswitch.com
minform.hostfurl.com
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 | ✅ | ❌ | ✅ | ✅ |
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
Showcase
Tricks & more ↗
/11ty plugin & more
/ai/ide trends 2026-2040
/antigravity tricks
/css/frameworks trends 2026-2040
/css/pico community fork
/git tricks
/html templates
/jsdelivr tricks
/md tricks
/mobile-dev tricks
/node tricks
/random tricks
/ssg trends 2026-2040
/symbols cheatsheet