Websites herunterladen, die Headless UI nutzen

Über Headless UI

Komponentenbibliotheken geben sich meist optisch zu erkennen, über Klassennamen und einen Hausstil, die überall auftauchen, wo die Bibliothek eingesetzt wurde. Headless UI macht das Gegenteil, denn die Bibliothek liefert Interaktionsverhalten und Barrierefreiheitssemantik ganz ohne Styling aus.

Die Bibliothek bietet Dropdowns, Dialoge, Tabs, Listboxen und Aufklapp-Panels, die Tastaturbedienung und ARIA-Rollen sauber umsetzen, und überlässt jede visuelle Entscheidung dem Entwickler. Der Anbieter Tailwind Labs entwickelt sie als Ergänzung zu seinem Utility-First-CSS-Framework, veröffentlicht sie unter der Lizenz MIT und hat sie 2020 herausgebracht. Ein Team, das zu Headless UI greift, hat bereits eine Reihe zusammenhängender Entscheidungen getroffen: ein komponentenbasiertes Frontend in JavaScript, einen Build-Schritt, ein Designsystem in Form von Utility-Klassen und genug Sinn für Barrierefreiheit, um eine Bibliothek mit korrektem Fokus-Management einer vorzuziehen, die sofort fertig aussieht.

Ein Treffer auf einer Website sagt daher etwas über das Team aus und nicht über das Unternehmen, zu dem die Website gehört. Die Website wurde von Entwicklern mit einer modernen Toolchain gebaut und nicht in einem Page-Builder zusammengestellt, und jemand im Projekt liest Richtlinien zur Barrierefreiheit. Anbieter, die an solche Teams verkaufen, also Tools für Designsysteme, Komponententests, Continuous Integration, Fehlermonitoring, Frontend-Hosting und Dienste für Barrierefreiheits-Audits, erhalten hier ein Qualifizierungssignal, das ihnen die bloße Erkennung eines Frameworks nicht liefert.

Stand Oktober 2026 sehen wir die Bibliothek auf 22.093 Websites. 16.909 davon werden in den USA gehostet, und die Endung .com kommt häufiger vor als jede andere. Eine so starke Konzentration ist typisch für Bibliotheken, die über Entwicklerkanäle übernommen werden und nicht über den Einkauf oder regionale Webagenturen. Ein Teil des Musters sagt etwas über die Technologie aus, ein anderer darüber, wo die Unternehmen, die sie einsetzen, registriert sind und hosten, und die Länderspalte sollte man mit beidem im Hinterkopf lesen.

Das ungestylte Design, das die Bibliothek nützlich macht, macht sie auch schwer erkennbar. Es gibt keine markanten visuellen Klassen, nach denen man suchen könnte, denn das Styling ist das, was der Entwickler geschrieben hat. Wir erkennen Headless UI anhand von Bundle-Inhalten, generierten Komponentenattributen und den Markup-Strukturen, die die Bibliothek erzeugt, und ein Build, der diese umbenennt oder entfernt, kann unerkannt bleiben. Die Zahl liegt eher unter dem tatsächlichen Wert, und sie erfasst mit größerer Wahrscheinlichkeit clientseitig gerenderte Anwendungen als Seiten, die zu statischem Markup vorgerendert wurden.

Eine Prüfung pro Domain zeigt, ob eine Website die Bibliothek nutzt. Der Wert der vollständigen Liste liegt in den Schnittmengen: Hosts, auf denen diese Bibliothek zusammen mit einem bestimmten Framework läuft, Hosts, auf denen sie neben einem kommerziellen Komponentenanbieter läuft, den Sie ablösen möchten, oder die Teilmenge in einem Markt, die zusätzlich eine bestimmte E-Commerce-Plattform betreibt. Solche Schnittmengen gibt es erst, wenn der gesamte erkannte Bestand in einer einzigen Datei liegt, in der Sie filtern können.