Alpha
Docs / Introduction
Search documentation...
⌘K

Introduction to AdorableCSS

AdorableCSS is an intent-based styling framework designed for human developers. It generates CSS on-demand based on your semantic intent, keeping your HTML clean and your bundle size tiny.


Philosophy

Traditional atomic CSS forces you to memorize thousands of class names. Semantic CSS forces you to switch context between HTML and CSS files. AdorableCSS combines the best of both worlds with a logical, functional syntax.

Why "Intent-Based"?

Instead of describing the implementation (e.g., `margin-left-4`), you describe the intent. AdorableCSS parses this intent and generates the optimal CSS.

Installation

Get started by installing the package via your favorite package manager.

Terminal
# Project Archived

Features Comparison

FeatureTailwindAdorableCSS
Syntaxtext-lg font-bold p-4text(lg) font(bold) p(xs)
ValuesPres-set UtilitiesAny Value (Arbitrary)
GroupingNoYes (Groups)
Class Inspector: + hover