<p align="center"><img src="https://getbasket.co/assets/imgs/logo-hero.png" style="color: pink;" width="500"/></p>

[![](https://flat.badgen.net/github/tag/Basket-CSS/basket)](https://github.com/Basket-CSS/basket/releases)
[![](https://flat.badgen.net/bundlephobia/minzip/getbasket)](https://bundlephobia.com/result?p=getbasket)
[![](https://flat.badgen.net/npm/dm/getbasket)]()
[![](https://data.jsdelivr.com/v1/package/npm/getbasket/badge)](https://www.jsdelivr.com/package/npm/getbasket)
[![Rate on Openbase](https://badges.openbase.com/js/rating/getbasket.svg)](https://openbase.com/js/getbasket?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)

> Yes, another CSS framework. <br />
> Super minimalistic. <br />
> Oh, and it comes with built-in dark mode.

## Usage

- [Documentation](https://getbasket.co/docs/)
- [Installation](https://getbasket.co/docs/getting-started/install/)
- [Usage / Starter](https://getbasket.co/docs/getting-started/usage/)

## Implementation

Things that are implemented fully so far:

- [x] Typography
- [ ] Badge - ?
- [x] Blockquotes
- [x] Buttons
- [x] Cards
- [ ] Dropdowns - ?
- [ ] Lists
- [x] Forms
- [x] Tables
- [x] Grids
- [x] Code
- [x] Utilities
- [ ] Tooltips
- [ ] Alert
- [x] Navbar
   - [ ] Have a "banner" feature
- [x] Hero