affinity-css

🏖 Minimal CSS Framework based on Vercel's Design System

Usage no npm install needed!

<script type="module">
  import affinityCss from 'https://cdn.skypack.dev/affinity-css';
</script>

README


Logo

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.

Installation

npm i affinity-css

or

yarn add affinity-css

via CDN

https://cdn.jsdelivr.net/npm/affinity-css@latest/css/index.css

Minified:

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!