Layout
Explore the live examples that also power your theme customizer.
12 components
Fellowship archive
A short description of the archive.
Letters and records from the journey
Read correspondence, maps and field notes collected throughout the journey. Longer descriptions leave the actions aligned.
Card Group
Align card headers, content and actions across each row.
@threadlabs/looma
Aligned card regions
Cluster
Cluster layout primitive for row-style content with wrapping support.
@threadlabs/looma
Default
Container
Container primitive for readable measure and horizontal gutters.
@threadlabs/looma
Default
Welcome back
Grid
Responsive auto-fit grid primitive, with explicit fixed columns for aligned matrices and optional neutral or accent shading for chosen columns using the theme palette.
@threadlabs/looma
Default
Reel
Contained, keyboard-focusable horizontal scrolling for cards and other repeated items.
@threadlabs/looma
Default
Below
Separator
Semantic separator primitive with horizontal and vertical orientations.
@threadlabs/looma
Default horizontal
Sidebar
A collapsible side panel that becomes a drawer on small screens.
@threadlabs/looma
Workspace navigation
Switcher
Intrinsic equal-column layout that stacks when its own container becomes too narrow.
@threadlabs/looma
Default