The Component Gallery
Extracto
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.
Resumen
Resumen Principal
"The Component Gallery" se erige como un repositorio de vanguardia y constantemente actualizado de componentes de interfaz, concebido como la referencia definitiva para cualquier profesional dedicado a la construcción de interfaces de usuario. Su valor reside en una vasta colección que agrupa ejemplos extraídos de 95 sistemas de diseño globales, lo que garantiza una perspectiva rica y pragmática sobre las metodologías y mejores prácticas del sector. Con un impresionante inventario de 60 componentes y un total de 2,676 ejemplos concretos, la galería ofrece una visión extraordinariamente detallada y exhaustiva de cómo los elementos interactivos se diseñan e implementan en escenarios reales. Este recurso no solo define cada componente, sino que también profundiza en su contexto de uso y funcionalidad, posicionándose como una herramienta invaluable para fomentar la estandarización, impulsar la innovación y optimizar la eficiencia en el diseño y desarrollo de experiencias de usuario que sean consistentes y de alta calidad. La existencia de un compendio tan minucioso y contemporáneo es un claro indicador de la creciente madurez y profesionalización en el ámbito del diseño de interfaces digitales.
Elementos Clave
- **Carousel (Control deslizante
Contenido
60 components,
95 design systems,
2,676 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.
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.