Skip to content

aortl design system

A small, opinionated design system. For building admin interfaces with React or vanilla HTML + CSS.

Built for admin tooling

Density-first defaults for screens an operator sits in all day. Predictable primitives, restrained chrome.

Modern web platform

Disclosure uses <details> and popover, modals use <dialog>, animation is CSS transitions, state is read with :has() and :user-valid. Less JavaScript to ship and maintain.

Two flavors, one source of truth

Vanilla CSS for any stack, React components for typed call sites. Both render the same class names.

Not for marketing surfaces

Reach for a different system if the goal is to feel polished rather than operate quickly.

On npm: @aortl/admin-css · @aortl/admin-react.