css-components

Framework-agnostic CSS component implementations, driven entirely by component tokens and scoped to @layer components.

Overview

The 30 components and 1 utility, how to install them, the import order inside the package, and what it deliberately…

Cascade layers

The two layers this package owns, why panel.css follows modal and drawer, and how to override a component cleanly.

Buttons

The .btn base class with its colour, size and style variants, and the seven specialised buttons built on it.

Overlays

The shared panel skeleton behind .modal and .drawer, the two opening strategies, and the .dropdown contract.

Content

Alerts, badges, banners, cards, the items grid, labelled lists, media objects, pushes and surtitles.

Navigation

Navigation lists, navigation titles, skip links, breadcrumbs and pagination.

Embeds

Aspect-ratio wrappers for third-party embeds, native video and maps.

Forms

The .form grid, the .form-check row, and where the actual control styling lives.

Utilities

The one utility this package ships, and why it is a utility rather than a component rule.