@stylify/stylify

Stylify generates CSS dynamically based on what you write. It can be used directly in the browser or in a Node.js environment.

Stylify is inspired by Tailwind and Tachynos with the focus on utility classes and pushes the idea even further. Unlike Bootstrap, Foundation or the Bulma it doesn't ship with pregenerated CSS. Stylify allow developers to define flexible macros, that matches selectors and according to the matches it generates CSS. With this approach, you can define one macro and use it for generating countless variants of selectors and therefore CSS properties without the repetative configuration of new selectors or dimensions.

Stylify core size is around 20 Kb. When a Native Preset is included, the size is around 28 Kb non Gzipped. Thanks to this size Stylify won't slow down build of your application.

Stylify is a core package for all other packages. It consist of Compiler, Runtime and a Native preset.

Learn how to get started with Stylify or checkout how to integrate Stylify into an existing project will help.

Installation

Stylify can be used through CDN or installed via CLI like Yarn or NPM.

CDN

<script src="https://unpkg.com/@stylify/stylify@0.0.2/dist/stylify.min.js"></script>

CLI

npm i -D @stylify/stylify
yarn add -D @stylify/stylify

Usage

Bellow is a list of guides on how to use Stylify along with multiple tools. If you haven't found adequate guide, you are more then welcome to extend Stylify docs.