Explorer
KNOW-REF-022

Component Gallery — Catalogue de composants et design systems

Domaine
web-uiux
Type
reference
Priorité
P2

Parent : [[INDEX-WEB-UIUX]]

The Component Gallery

Source

Résumé

The Component Gallery indexe ~60 composants UI et ~95 design systems avec plus de 2 600 exemples. C'est un outil d'inspiration et de benchmarking pour trouver comment d'autres systèmes ont résolu un composant donné.

Contenu

Composants

Accordion, Breadcrumb, Button, Card, Carousel, Checkbox, Date Picker, Dialog, Dropdown, Empty State, Form, Loading, Modal, Navigation, Pagination, Popover, Progress, Radio, Rating, Select, Skeleton, Slider, Snackbar, Stepper, Switch, Table, Tabs, Toast, Tooltip, Tree view, etc.

Design systems référencés

  • Shopify Polaris
  • Elastic UI framework
  • Sainsbury's Design System
  • Ariakit
  • SubZero
  • Web Awesome
  • Red Hat design system
  • HeroUI

Utilisation

  • Rechercher des exemples d'un composant spécifique avant de le concevoir.
  • Comparer les approches entre plusieurs design systems.
  • Trouver un design system similaire à ton secteur.

Quand consulter

  • Phase de design d'un composant nouveau.
  • Benchmark d'un design system existant.
  • Recherche de patterns d'interface établis.

Références connexes

  • [[KNOW-REF-017]] — shadcn/ui
  • [[KNOW-REF-016]] — Fluent 2 Design System
  • [[KNOW-PAT-194]] — 21st.dev — Catalogue des composants par catégorie