112 anchor components across 37 design systems, grouped by what they actually are — because Shopify's IndexTable, IBM's DataTable, and MUI's DataGrid are the same component wearing three names. Each page lists every system with a serious take, its own name for it, and why it's worth studying.
The hardest component every enterprise system ships. Sorting, bulk actions, virtualization, density — the naming varies (DataTable, IndexTable, DataGrid) but the problem is identical.
Ant Design · Audi UI · Canvas · …
Field grouping, validation, and layout. The systems that take forms seriously ship a dedicated layout primitive, not just inputs.
Ant Design · Canvas · Chakra UI · …
The universal container — and the component most likely to fork into domain variants (listing cards, fare cards, deployment cards).
Airbnb DLS · Backpack · BBC GEL · …
From native select to searchable, multi-token comboboxes. The component with the widest gap between a naive build and a production one.
Ant Design · Lightning Design System · MUI (Material UI) · …
Blocking decisions, confirmations, and share flows. The best systems constrain when a modal is allowed, not just how it looks.
Chakra UI · Dropbox Design · Fluent UI · …
Side navigation, top bars, and tab bars — the frame every product lives inside. Platform conventions differ more here than anywhere else.
Apple Human Interface Guidelines · Atlassian Design System · BBC GEL · …
Single dates, ranges, and the accessibility minefield in between. One of the few components teams still buy rather than build.
Airbnb DLS · Backpack · GOV.UK Design System · …
Inline status messaging: what went wrong, what needs attention, what changed. The reference implementations live in admin-heavy systems.
Backpack · GOV.UK Design System · Polaris · …
Stacks, shells, and page scaffolding — the invisible components that decide whether spacing stays consistent at scale.
Chakra UI · Cloudscape · Gestalt · …
The component everyone thinks is easy. Icon buttons, action links, and domain-specific triggers show where each system draws its API lines.
eBay Evo · Gestalt · NHS Design System · …
Side panels and bottom sheets — the modal's less disruptive sibling, and the default container for filters and detail views.
Apple Human Interface Guidelines · eBay Evo · PatternFly
Transient confirmation and system-pushed updates. Every system draws the toast-vs-banner line slightly differently — that line is the interesting part.
Carbon · Mantine · Spectrum
Keyboard-first navigation for power users. Rare in official systems — the two that ship one treat it as a flagship.
Geist · Linear · Pajamas
Multi-step flows with explicit progress. Enterprise systems ship these; consumer systems mostly avoid the pattern entirely.
Cloudscape · PatternFly · U.S. Web Design System
Players, stages, and photo grids — components that only appear in systems whose products are built around media.
Airbnb DLS · Audi UI · BBC GEL
Title, breadcrumbs, actions, and metadata — the component that sets a page's information scent. Underrated until it's inconsistent.
Canvas · Lightning Design System
Dropdown menus and action lists — small surface, huge accessibility burden. The systems built on primitives shine here.
Primer · Radix UI
What the product says when there's nothing to show. The systems with dedicated empty-state components treat first-run as a designed moment, not an edge case.
Atlassian Design System · Mailchimp Design System
Currency-aware input is a category of one problem: precision, locale, and formatting. Only payment-adjacent systems ship a real answer.
Market · Stripe Design System
The components only one system ships — domain-specific pieces (campaign builders, vehicle configurators, triage inboxes) that show what a design system looks like when it grows past the generic kit.
Apple Human Interface Guidelines · Atlassian Design System · Audi UI · …
Looking for how these compose into product surfaces? The cross-system patterns cover the layer above — tables-with-filters, form flows, empty states as designed moments.
