LinkTool
Command-Paletten gehören zum Standard moderner Web-Apps. cmdk liefert dafür das zustandsbehaftete, barrierefreie Grundgerüst ohne Design-Vorgaben und reduziert so den Entwicklungsaufwand erheblich.
cmdk stellt eine modulare Komponentenstruktur bereit (Command.Input, Command.List, Command.Item, Command.Group, Command.Empty). Elemente werden automatisch anhand ihres Textinhalts oder expliziter Werte (value) gefiltert und sortiert. Entwickler können dieses Verhalten anpassen, indem sie eine benutzerdefinierte Filterfunktion übergeben, Aliase mittels keywords definieren oder shouldFilter={false} setzen, um die Listenverwaltung manuell zu steuern.
Da die Bibliothek komplett ungestylt ausgeliefert wird, erfolgt das Aussehen ausschließlich über eigene Stylesheets. Jedes Unterelement rendert entsprechende Data-Attribute wie cmdk-root, cmdk-item oder Zustände wie data-selected. Die dynamische Höhe der Liste lässt sich über die bereitgestellte CSS-Variable --cmdk-list-height flüssig animieren.
Für modale Paletten integriert cmdk die Dialog-Primitive von Radix UI. Dadurch lassen sich Tastatur-Shortcuts (wie das typische ⌘K bzw. Strg+K) und Portale in spezifische DOM-Container unkompliziert umsetzen. Wer Popovers benötigt, kann Command direkt in ein Popover-Element von Radix UI einbetten, was Synergien bei den geteilten Abhängigkeiten nutzt.
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 8. November 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Inhaltlich ähnlich, ermittelt über die KI-Suche.
Link:base-ui.com
Base UI ist eine quelloffene, ungestylte React-Komponentenbibliothek für barrierefreie Design-Systeme. Entwickelt von den Machern von Radix, Floating UI und Material UI, liefert sie vollkommen stilunabhängige, hochgradig anpassbare UI-Elemente nach WCAG 2.2. Sie richtet sich an Web-Entwicklungsteams mit Fokus auf Barrierefreiheit und flexible Styling-Lösungen.
Link:WorkOS
Radix UI von WorkOS ist eine quelloffene Komponentenbibliothek, die auf zügige Entwicklung, einfache Wartbarkeit und Barrierefreiheit ausgelegt ist. Entwickler können vorkonfigurierte Bausteine wie Radix Themes direkt ohne aufwendige Konfiguration einbinden.
Link:@Alok619308
Cue Kit bietet über 50 kostenlose UI-Komponenten für React unter MIT-Lizenz. Viele Elemente enthalten neben dem Code auch den ursprünglichen Prompt zur Weiterverarbeitung in KI-Tools. Entwickler können die Bausteine direkt via shadcn-CLI in Webprojekte einbinden.
Link:rareui.in
RareUI ist eine kostenlose React-UI-Bibliothek, die Entwicklern fertige Komponenten für Webanwendungen bereitstellt. Mit dem Leitsatz „Design Less, Ship Better“ verspricht das Projekt wöchentlich neue UI-Elemente.
Link:base-ui.com
Die Dokumentation zu @base-ui/react stellt die Autocomplete-Komponente vor. Sie bietet Eingabevorschläge während der Texteingabe, unterstützt asynchrone Suchen und grenzt sich gezielt von klassischen Combobox-Elementen ab.
Repository:shadcn-labs/pdfcn
pdfcn ist eine quelloffene Komponentenbibliothek zur Erstellung von PDFs mit React. Sie basiert auf Takumi sowie Forme und übernimmt das Copy-Paste-Prinzip und CLI-Workflow-Modell von shadcn/ui.
1045SterneTypeScript
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
