Layout & app shells

Stacks, shells, and page scaffolding — the invisible components that decide whether spacing stays consistent at scale.

Also appears as: AppLayout · Application Shell · Stack · HStack · VStack · Masonry

5 systems with a documented take

Chakra UI
Chakra Systems
Stack / HStack / VStack
Spacing utilities that turned into a community-wide convention.
Read the Chakra UI breakdown
Cloudscape
Amazon Web Services
AppLayout
Multi-region console layout with collapsible side panels and tools panel.
Read the Cloudscape breakdown
Gestalt
Pinterest
Masonry
Performance-tuned virtualized masonry grid — the reference implementation for image-led feeds.
Read the Gestalt breakdown
Market
Square (Block)
Print Layout
Receipt and report print layouts with explicit page sizing, margins, and font handling for thermal printers and PDF export.
Read the Market breakdown
Tailwind UI / Tailwind Plus
Tailwind Labs
Application Shell
Sidebar + header + content layouts with a complete responsive story.
Read the Tailwind UI / Tailwind Plus breakdown