Introduction

Affinity-CSS is an Under Developing , very Opiniated CSS Library which uses most of the design principles and tokens from Vercel's Design System and Some of Utility Classes from Tailwind CSS.

Inspired from Geist Style

Installation

npm i affinity-css

or

yarn add affinity-css

via CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/affinity-css@latest/css/index.css">

Minified:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/affinity-css@latest/css/index.min.css">

Working on CI for Github Package and Npm (Help Needed) 😭

Docs : https://deep-codes.github.io/affinity-css-dev/

Scripts

• build-dev : compiles sass for docs
• build : compiles sass for production
• build-sass : sass -> autoprefixing
• build-autoprefix : css autoprefixing
• build-cleancss : minify css
• server : start snowpack server
• dev : compiles sass and run docs
• build-docs : build docs
• publish-docs : publish the docs to gh-pages

Note

Not all Components are Completed and This isn't stable.

Future

1. Migrate to Vite
2. React Library on this Soon!