# 🎨 YACSS
[](https://forthebadge.com/)
[](https://forthebadge.com/)
[](https://forthebadge.com/)
:star: Star us on GitHub — it helps!
[](https://www.jsdelivr.com/package/npm/yacss)
**Y**et**A**nother**CSS** Framework is a new utility and component based modern framework. This simple to use framework is inspired by the Tailwind framework with some extra predefined components you can use.
There are a lot of beautiful prestyled components you can use and customize easily with the help of the utility based classes and colors.
## 💥 Getting Started
These instructions will help you getting started with YACSS.
### 🔨 Quick install
**NPM**
```sh
npm install yacss
```
**Yarn**
```sh
yarn add yacss
```
**CDN**
```sh
https://cdn.jsdelivr.net/npm/yacss@0.1.5/dist/yacss.min.css
https://cdn.jsdelivr.net/npm/yacss@0.1.5/dist/yacss.min.js
```
Import YACSS by importing the css and js file
```html
...
```
### Configure the theme
With the following lines of code, you can initialize the theme of YACSS.
```html
```
Classes will be the imported utility classes. You can find all utility classes [here](https://github.com/FlorianWoelki/YACSS/blob/master/src/script/main.ts).
You can select the primary and accent color of the [predefined colors](https://github.com/FlorianWoelki/YACSS/blob/master/src/colors.js).
## 💡 Contributing
_Coming Soon_
## 🎨 Versioning
_Coming Soon_
## 😎 Authors
- **Florian Woelki** - _Initial work_ - [FlorianWoelki](https://github.com/FlorianWoelki/)
## 📕 License
This project is licensed under [MIT](https://opensource.org/licenses/MIT)
[](https://www.jsdelivr.com/package/npm/yacss)
**Y**et**A**nother**CSS** Framework is a new utility and component based modern framework. This simple to use framework is inspired by the Tailwind framework with some extra predefined components you can use.
There are a lot of beautiful prestyled components you can use and customize easily with the help of the utility based classes and colors.
## 💥 Getting Started
These instructions will help you getting started with YACSS.
### 🔨 Quick install
**NPM**
```sh
npm install yacss
```
**Yarn**
```sh
yarn add yacss
```
**CDN**
```sh
https://cdn.jsdelivr.net/npm/yacss@0.1.5/dist/yacss.min.css
https://cdn.jsdelivr.net/npm/yacss@0.1.5/dist/yacss.min.js
```
Import YACSS by importing the css and js file
```html
...
```
### Configure the theme
With the following lines of code, you can initialize the theme of YACSS.
```html
```
Classes will be the imported utility classes. You can find all utility classes [here](https://github.com/FlorianWoelki/YACSS/blob/master/src/script/main.ts).
You can select the primary and accent color of the [predefined colors](https://github.com/FlorianWoelki/YACSS/blob/master/src/colors.js).
## 💡 Contributing
_Coming Soon_
## 🎨 Versioning
_Coming Soon_
## 😎 Authors
- **Florian Woelki** - _Initial work_ - [FlorianWoelki](https://github.com/FlorianWoelki/)
## 📕 License
This project is licensed under [MIT](https://opensource.org/licenses/MIT)