axist logo

axist

Minimal (5kb) classless CSS library.

GitHub

Usage

Install via npm:

npm i axist

Or import in your HTML:

<link rel="stylesheet" href="https://unpkg.com/axist@latest/dist/axist.min.css" />

No classes needed — it styles plain HTML elements, like the ones on this page.

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Paragraph

A paragraph (from the Ancient Greek παράγραφος, parágraphos, "to write beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences, and sometimes an inline link too.

You can highlight what matters, write H2O with subscripts, or E=mc2 with superscripts.

Blockquotes

“Years ago my mother used to say to me, she’d say, ‘In this world, Elwood, you must be’ - she always called me Elwood - ‘In this world, Elwood, you must be oh so smart or oh so pleasant.’ Well, for years I was smart. I recommend pleasant. You may quote me.”

- Elwood P. Dowd, Harvey

Horizontal rules and small, muted text.

Forms

Lists

Ordered List
  1. 1984
  2. To Kill a Mockingbird
  3. The Catcher in the Rye
Unordered List
  • Apples
  • Eggs
  • Avocados
Description List
Classless
A CSS library that styles bare HTML elements directly.
Token
A CSS custom property that defines part of the design.

Tables

Title Rating Released
Harvey 4.0 1950
The Shining 4.2 1980
Metropolis 4.1 1927

Other

Keyboard

Cmd Shift C

Code

Run npm install axist to get started.

Preformatted text
.🎨 {
  color: deeppink;
  background-color: papayawhip;
}
Details
How big is axist?

About 2kb gzipped. It styles the HTML elements you already write — no classes, no JavaScript.

Figure
axist logo
The axist logo, captioned.