Skip to content

pr0gramista/aluminiumcss

Repository files navigation

Logo

Aluminum CSS

Minimal CSS boilerplate to make your next page shine.

Docs | Cute demo | npm

Features

  • CSS only
  • Selective styling - you can apply Aluminium CSS globally or selectively on just a few elements
  • Easy to customize - just a bunch of CSS variables
  • Utilities included - positioning, spacings in Tailwind CSS style
  • CSS grid system
  • Basic navbar and footer

Installation

Aluminium CSS works best as a single link tag in the <head> of your HTML document:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aluminiumcss/dist/aluminium.min.css">

You can also install Aluminium CSS via NPM:

npm install aluminiumcss

And then import it in your JS file, assuming you are using a bundler:

require('aluminiumcss/dist/aluminium.min.css')

Motivation

I have seen way too many bare HTML pages. While many other CSS styles exist there are't many that are minimal and easy to customize. I also kept missing some of the core Tailwind CSS utilities, so I included a variation of them in this project.

Contributing

Contributions are welcome, but please keep in mind that this project is meant to be a minimal CSS boilerplate. If you are unsure about the implementation of a feature, please open an issue first and I'll be happy to help 💛

License

MIT