Fully compatible and actively maintained successor to Pico CSS.
Includes [Float labels](//blades.ninja/css/float-label/), [Breakout layout](//blades.ninja/css/breakout/) and other modern helpers. Simply switch `pico.css` to `blades.css`, or use `blades.standalone.css` with other frameworks.
---
## Quick start
There are 4 ways to get started:
### A. Install manually
[Download *Bl*ades](https://github.com/anyblades/blades/archive/refs/heads/main.zip) and link `css/blades.css` in the `` of your website.
```html
```
### B. Usage from CDN
Alternatively, you can use [jsDelivr CDN](https://cdn.jsdelivr.net/npm/@anyblades/blades@2/):
```html
```
### C. Install with NPM
```sh
npm install @anyblades/pico # or other CSS framework
npm install @anyblades/blades
```
Then, import [Pico] and *Bl*ades into your CSS:
```css
@import "@anyblades/pico"; /* or other CSS framework */
@import "@anyblades/blades";
```
Live example using Tailwind: https://github.com/anyblades/buildawesome-starters/blob/main/site-tailwind/styles.css
### D. Starter projects
- https://subtle.blades.ninja/ 11ty micro-starter
- https://github.com/anyblades/buildawesome-starters 11ty Tailwind CLI starter(s)
- https://github.com/getgrav/grav-theme-quark2 for Grav CMS v2
- https://jekyll.blades.ninja/ starter
### Standalone version
https://blades.ninja/css/standalone/
### Starter HTML template
```html
Hello world!
NEW