60 components, 95 design systems, 2,671 examples. The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces. COMPONENTS View all Carousel Content slider A means of displaying multiple slides of content, one or more at a time. Navigation between slides can be controlled via swiping, scrolling, or buttons. Tree view A component for displaying nested hierarchical information, such as a table of contents or directory structure. Popover An element that pops up from another element over other content; it differs from a tooltip in that it is usually triggered via click instead of hover and can contain interactive elements. Rating Ratings let users see and/or set a star rating for a product or other item. Accordion Arrow toggle, Collapse, Collapsible sections, Collapsible, Details, Disclosure, Expandable, Expander, ShowyHideyThing 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. Quote Pull quote, Block quote Quotes are used to display a quotation: either from a person or another outside source or to highlight a passage of the current document (a pull quote). Pagination Pagination is the process of splitting information over multiple pages instead of showing it all on a single page; also the name for the interface component used for navigating between these pages. Tabs Tabbed interface Tabbed interfaces are a way of navigating between multiple panels, reducing clutter and fitting more into a smaller space. DESIGN SYSTEMS View all Polaris Polaris on Figma Shopify TECH Web Components FEATURES Code examples Usage guidelines Accessibility Tone of voice Elastic UI framework Elastic UI framework on GitHub Elastic UI framework on Figma Elastic TECH React CSS-in-JS FEATURES Code examples Open source Sainsbury's Design System Sainsbury's Design System on Storybook TECH React Sass FEATURES Usage guidelines Code examples Tone of voice Ariakit Ariakit on GitHub TECH React FEATURES Code examples Open source Accessibility SubZero SubZero on Storybook SubZero on Figma Axis Bank FEATURES Accessibility issues Web Awesome Web Awesome on GitHub TECH Web Components FEATURES Open source Code examples Red Hat design system Red Hat design system on GitHub TECH Web Components FEATURES Code examples Usage guidelines HeroUI HeroUI on GitHub TECH React Tailwind CSS FEATURES Code examples Open source