Skip to content
Components

Layout

Space, rhythm and the surfaces a page is made of.

10 documented entries in this family.

ContainerGenerated from the public API

The page's measure: one max width and one gutter, applied consistently.

@luc/ui/layout
GridGenerated from the public API

A responsive grid where the column count is a decision, not a class soup.

@luc/ui/layout
InlineGenerated from the public API

A row that wraps and gaps predictably, and collapses to a column on narrow screens.

@luc/ui/layout
StackGenerated from the public API

Vertical rhythm between siblings, so spacing is owned in one place.

@luc/ui/layout
SectionGenerated from the public API

A titled band of content with the spacing and hierarchy a page needs.

@luc/ui/layout
CardReviewed page

A quiet surface for a group of related things, plus its denser sibling `Panel`.

@luc/ui/components/card
PanelGenerated from the public API

The dense surface for toolbars, sidebars and nested regions.

@luc/ui
SeparatorGenerated from the public API

A hairline that means structure, in either direction.

@luc/ui
ScrollAreaGenerated from the public API

A styled scroll container that keeps the platform's scrolling semantics.

@luc/ui
AspectRatioGenerated from the public API

Hold a ratio without layout shift, whatever loads inside it.

@luc/ui

Accessibility

Layout primitives add no roles and no keyboard behaviour: they are spacing and structure. What a page must still supply is its landmarks and its heading order, which come from the elements it chooses, not from these containers.

Luc UI v1.0Homedark theme