WebsiteDesign Systems, Components
The Component Gallery
Every UI component, as implemented across dozens of real design systems.
What it is
The Component Gallery collects examples of common components (accordion, toast, data table, skeleton, and so on) from many public design systems, side by side, along with the different names each system uses. It's a way to see how the field has converged on a pattern.
Why it’s here
Wonderful for vocabulary. If you don't know whether the thing you want is called a popover, a tooltip or a hovercard, this settles it, and gives you ten reference implementations.
Best for
- learning component names
- comparing implementations
- design-system research
Can my agent use this?
Agent good agent friendlinessYes, as a reference page. Link the component page and ask your agent to implement the pattern following one of the linked systems.
Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.
Access methods
- Public website
Related resources
GitHub Primer 
GitHub Primer
The design system that makes GitHub feel like GitHub.
Design systemFreeOpen sourceexcellent agent friendlinessShopify Polaris 
Shopify Polaris
Shopify's design system for dense, practical admin interfaces.
Design systemFreeOpen sourceexcellent agent friendlinessIBM Carbon 
IBM Carbon
IBM's open-source enterprise design system, thorough to a fault.
Design systemFreeOpen sourceexcellent agent friendlinessGOV.UK Design System 
GOV.UK Design System
The gold standard for accessible, plain-language interfaces.
Design systemFreeOpen sourceexcellent agent friendlinessStaff pick