The Component Gallery: Referenzsammlung für Design-Systeme und UI-Komponenten

LinkSammlung

The Component Gallery bietet ein Verzeichnis von 60 Benutzeroberflächen-Komponenten, basierend auf 95 Design-Systemen und 2.671 Beispielen aus der Praxis.

Das Wichtigste

  1. Umfasst 60 standardisierte UI-Komponenten, darunter Karussells, Tree Views, Popovers, Accordions und Tabs, samt alternativer Namensgebungen.
  2. Katalogisiert 95 Design-Systeme bekannter Plattformen und Organisationen wie Shopify Polaris, Elastic UI, Ariakit, Red Hat und HeroUI.
  3. Dokumentiert genutzte Frontend-Technologien (unter anderem Web Components, React, Tailwind CSS, Sass, CSS-in-JS).
  4. Erfasst spezifische Merkmale der Systeme wie Code-Beispiele, Barrierefreiheit, Richtlinien zur Tonalität und Open-Source-Status.

Warum das relevant ist

Bei der Entwicklung eigener Design-Systeme spart ein standardisierter Quervergleich gängiger UI-Muster und Naming Conventions erhebliche Konzeptionszeit. Entwickler und UX-Designer können analysieren, wie etablierte Frameworks interaktive Komponenten strukturieren.

Einordnung

The Component Gallery dient als strukturierte Übersicht für UI-Patterns. Besonders nützlich ist die Erfassung alternativer Bezeichnungen für identische Komponenten (wie 'Collapse' oder 'Disclosure' für Accordions) sowie die Filterung nach Frameworks wie Web Components oder React.

Erwähnte Links

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.