Fully compatible and actively maintained successor to Pico CSS.
Includes [Float labels](https://blades.ninja/css/float-label/), [Breakout layout](https://blades.ninja/css/breakout/) and other modern helpers. Simply switch `pico.css` to `blades.css` or add `blades.standalone.css` to other frameworks.
---
## Quick start
There are 4 ways to get started:
### Install manually
[Download *Bl*ades](https://github.com/anyblades/pico/archive/refs/heads/main.zip) and link `assets/blades.css` in the `` of your website.
```html
```
### Usage from CDN
Alternatively, you can use [jsDelivr CDN](https://cdn.jsdelivr.net/npm/@anyblades/blades@0/) to link `blades.min.css`:
```html
```
Living examples: https://github.com/anyblades/subtle/blob/main/.subtle/package.json
### Install with NPM
```sh
npm install @anyblades/pico # optional
npm install @anyblades/blades
```
Then, import [Pico and] *Bl*ades into your CSS:
```css
@import "@anyblades/pico"; /* optional */
@import "@anyblades/blades"; /* can be used standalone */
```
Living example: https://github.com/anyblades/build-awesome-starter/blob/main/_styles/styles.css
### Starter HTML template
```html
Hello world!
NEW