v0.0.1 — Beta

The first tagged release of Lumos For Astro, a component and styling framework for building Astro sites.

This is a beta. The component API is still settling — expect prop names to move before v0.1.0.

What's in it

Styling — four cascade layers (base, patterns, components, utilities), fluid type and space scales, and four theme classes (theme-light, theme-dark, theme-brand, theme-invert) that anything can be dropped inside.

Layout — Section, ContentWrapper, Grid, ButtonWrapper.

Content — Heading, Paragraph, RichText, Eyebrow, Card, Button.

Media — Img, Video, Icon, Overlay.

Chrome — Nav, Footer, SkipLink, BaseHead, FormattedDate.

Every component takes a render prop to skip itself and its children, and components that would render nothing skip themselves.

Getting started

npm install
npm run dev

Node 22.12 or newer. See the README for how the cascade and theming fit together.