Component.gallery

Component.gallery is an up-to-date repository of interface components drawn from examples in the world of design systems. It’s built to serve as a reference for anyone building user interfaces, helping you find patterns and implementations for common UI elements.

Browse components like Carousel/Content slider, Tree view, Popover, Accordion, Tabs, Pagination, and more—each described in terms of what the pattern is used for and how it typically behaves. You can also explore design systems (e.g., Polaris, Shopify, Elastic, and others) to see how multiple components come together.

With thousands of examples available across dozens of components and design systems, Component.gallery supports code-and-UX research for building consistent component-based interfaces.

What is Component.gallery used for?

It’s a reference directory for interface components, using design-system examples to help you understand and build common UI patterns.

What kinds of UI components can I browse?

You can explore components such as Carousels/content sliders, Tree views, Popovers, Ratings, Accordions, Quotes, Pagination, and Tabs.

Can I look up components by design system?

Yes—Component.gallery includes a section for design systems, so you can browse examples tied to specific systems.

How does a Popover differ from a Tooltip?

A Popover usually opens via click and can contain interactive elements, while a Tooltip is typically triggered on hover and is meant for brief information.

What’s the difference between an Accordion and Tabs?

An Accordion uses vertically stacked interactive headings to toggle sections on or off, while Tabs switch between multiple panels within the same area to reduce clutter.

Is there search on Component.gallery?

Yes. You can use the site’s search to quickly find components and related examples.