🎨 YACSS

:star: Star us on GitHub — it helps!

YetAnotherCSS 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

npm install yacss

Yarn

yarn add yacss

CDN

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

<link rel="stylesheet" href="./yacss.min.css" />
...
<script src="./yacss.min.js"></script>
<script>
  initTheme({
    primaryColor: 'blue',
    accentColor: 'purple',
    classes: ['all'],
  });
</script>

Configure the theme

With the following lines of code, you can initialize the theme of YACSS.

<script>
  initTheme({
    primaryColor: 'blue',
    accentColor: 'purple',
    classes: ['all'],
  });
</script>

Classes will be the imported utility classes. You can find all utility classes here.

You can select the primary and accent color of the predefined colors.

💡 Contributing

Coming Soon

🎨 Versioning

Coming Soon

😎 Authors

• Florian Woelki - Initial work - FlorianWoelki

📕 License

This project is licensed under MIT