https://github.com/bonsaicss/bonsai.css

A Utility Complete CSS Framework for less than 45kb (8kB Gzipped) -
https://github.com/bonsaicss/bonsai.css

css css-framework custom-properties responsive utility-classes

Last synced: about 1 month ago
JSON representation

A Utility Complete CSS Framework for less than 45kb (8kB Gzipped) -

• Host: GitHub
• URL: https://github.com/bonsaicss/bonsai.css
• Owner: bonsaicss
• License: mit
• Created: 2020-05-23T17:54:23.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T19:58:03.000Z (over 1 year ago)
• Last Synced: 2024-05-04T03:42:20.962Z (about 1 month ago)
• Topics: css, css-framework, custom-properties, responsive, utility-classes
• Language: CSS
• Homepage: https://www.bonsaicss.com/
• Size: 912 KB
• Stars: 368
• Watchers: 12
• Forks: 22
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• Awesome-CSS-Resources - bonsai.css:
• awesome-css-only - Bonsai.css - A Utility Complete CSS Framework for less than 45kb (8kB Gzipped). (Uncategorized / Uncategorized)
• awesome-stars - bonsai.css - | bonsaicss | 368 | (CSS)

README

        


# bonsai.css

**A complete Utility First CSS Framework for less than 45 KB (8 KB Gzipped)**

Bonsai CSS is a super lightweight, fully responsive, utility first framework. All you need to build beautifully crafted web interfaces with ease.

### Setup for development

Install the dependencies with npm first:

```bash

npm i

```

### Building

To build new Bonsai files (in the dist folder), run:

```bash

npm run build

```

### Developing

To automatically build new versions of Bonsai during development, run:

```

npm run watch

```

## Documentation

For full documentation, visit [https://www.bonsaicss.com](https://www.bonsaicss.com).