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