Skip to main content
UI.S

User Interface
Systems

A comprehensive open directory of 187 design systems and 2,676 UI component references.

Design System Directory

187 real-world references

Component Catalogue

60 patterns with 2,676 real-world references

  • Illustration of the Accordion component pattern

    An accordion is a vertical stack of interactive headings used to toggle the display of further information; each item can be 'collapsed' with just a short label visible or 'expanded' to show the full content.

  • Illustration of the Alert component pattern

    A way of informing the user of important changes in a prominent way.

  • Illustration of the Avatar component pattern

    A graphical representation of a user: usually a photo, illustration, or initial.

  • Illustration of the Badge component pattern

    A small label, generally appearing inside or in close proximity to another larger interface component, representing a status, property, or some other metadata.

  • Illustration of the Breadcrumbs component pattern

    A list of links showing the location of the current page in the navigational hierarchy.

  • Illustration of the Button component pattern

    Buttons trigger an action such as submitting a form or showing/hiding an interface component.

  • Illustration of the Button group component pattern

    A wrapper for multiple, related buttons.

  • Illustration of the Card component pattern

    A container for content representing a single entity. e.g. a contact, article, or task.

UI Systems

An open directory tracking how design systems are built, what they ship, and how their components work.

Built with care for the design systems community