Skip to content
@teasim/aster documentation

@teasim/aster

Page-level blocks — documentation shells, headers, footers, navigation trees, and pagers.

@teasim/aster arranges pages from Astra elements. It owns grid, gap, measure, and responsive composition while leaving element surfaces and browser behaviour to the layer below.

It provides the furniture a content site repeats: documentation shells, sticky headers, footers, navigation trees, pagers, pricing sections, question lists, and the listing shapes used across a finished site.

Install

sh
bun add @teasim/aster @teasim/astra

Add Aster’s distributed source to the TeaCSS scan and keep both packages in the SSR build.

The block boundary

A block may render sibling parts and named slots because page composition needs regions. It should not introduce a second visual system, duplicate an element’s surface, or carry client JavaScript of its own.

Every block is ordinary Astro composed from Astra elements. Replacing one with site-local markup remains a local change rather than a framework migration.

Continue reading

See Project structure for how the content, element, and block layers compose into a complete site.