Paper coverage · Runtime 2.1
The original 19-board foundation remains unchanged. The separate runtime-extension page adds nine editable boards, for 28 current reference boards across two pages. Exact extension exports include their named states and local PNG/JSX files.
All 34 coded families now have a static visual reference. This is family-level coverage, not 95 matching static specimens. The browser explorer owns working interaction, all 95 selectable specimens, hover/focus, keyboard behavior and asynchronous outcomes. Paper contains representative states and contracts. Motion boards are static stories; animation playback is in the Motion Lab.
| Browser family | Paper reference | Drawn coverage | Page |
|---|---|---|---|
| Button | Actions + Runtime controls | Default, secondary, loading and interaction geometry | Open |
| Text field | Fields + Runtime controls | Field anatomy and validation | Open |
| Textarea | Fields + Runtime controls | Multiline field geometry | Open |
| Checkbox | Choice & selection + Runtime controls | Choice and mixed selection reference | Open |
| Radio group | Choice & selection + Runtime controls | Native choice geometry | Open |
| Switch | Runtime controls | Off/on/focus geometry | Open |
| Slider | Runtime controls | Range anatomy and focus | Open |
| Single select | Custom select / implementation states | Custom popup and states | Open |
| Searchable combobox | Searchable combobox | Committed, searching, no matches, required error | Open |
| Multiselect | Multiselect | Empty, selected chips, open choices | Open |
| Date picker | Calendar / Date picker | Value, validation, calendar, today/selected | Open |
| File upload | File upload | Idle, selected, validation, disabled | Open |
| Tabs | Navigation | Navigation pattern | Open |
| Segmented control | Navigation | Grouped navigation choices | Open |
| Accordion | Accordion | Collapsed, expanded, focus | Open |
| Breadcrumbs | Navigation | Path navigation | Open |
| Pagination | Navigation | Collection navigation | Open |
| Sidebar | Navigation + desktop/mobile templates | Expanded and responsive navigation | Open |
| Action menu | Navigation / Overlays & feedback | Anchored actions | Open |
| Dialog | Overlays & feedback | Modal surface | Open |
| Drawer | Overlays & feedback | Contextual side surface | Open |
| Popover | Overlays & feedback | Anchored surface | Open |
| Tooltip | Overlays & feedback | Explanatory label | Open |
| Alert | Overlays & feedback | Inline feedback | Open |
| Toast & undo | Overlays & feedback | Transient feedback | Open |
| Progress & spinner | Runtime controls / Overlays & feedback | Progress anatomy | Open |
| Skeleton | Content surfaces / Loading | Decorative loading and stable layout | Open |
| Card | Content surfaces / Loading | Standard and featured surfaces | Open |
| Badge | Content surfaces / Loading | Status and category label | Open |
| Avatar | Content surfaces / Loading | Initials fallback | Open |
| Table | Tables & collections + Container-responsive collection | Desktop, stacked and compact rows | Open |
| Empty state | Task patterns | Recovery and task context | Open |
| Stepper | Workflow stepper | Current, completed, attention required | Open |
| Chart & data alternative | Data visualization | Data marks and figures | Open |
The nine extension boards are numbered 15–23. The foundation also has 6B/6C implementation boards and several template variants; board numbers are chapter labels, not a count. Badge imagery, every avatar image/error variant, every validation message and all runtime transitions are not separately drawn. Consult the actual specimen before using a state not represented in Paper.
The 12 playable studies include four workflows and eight component studies. Their illustrative scenes explain motion roles and link to working semantic components. They do not imply identical animation has been added to every runtime primitive.