Utility-first framework
for rapid UI design

Athena is an extremely robust, unopinionated CSS framework that gives you all of the building blocks you need to build unique one-of-a-kind designs in the blink of an eye.

phone-promo

Modular.

All utilities are modular by design, so you can take what you want and leave what you don't.

Modern.

All utilities come with responsive modifiers, so your designs can perform on all screen sizes.

# Get Started

Athena is built with SASS. You can install Athena's source files and compiled CSS via npm.

Athena is best used in combination with PostCSS plugins such as PurgeCSS & Autoprefixer. Learn how to setup the perfect Athena environment in the installation docs.

Installation Docs

npm install athena-css