Eine React-Komponentenbibliothek, die dir gehört. 104 barrierefreie Komponenten auf Basis von react-aria-components und Tailwind CSS v4 – Quellcode kopieren, keine Installation nötig. Für Menschen und für KI-Agenten gebaut.
Was es kann
quebi ui-lib bietet React-Teams produktionsreife, barrierefreie UI-Komponenten, ohne sie an eine paketierte Abhängigkeit zu binden. Jede Komponente kommt als reiner Quellcode, den du direkt in dein Projekt übernimmst: lesen, anpassen, behalten. Es gibt keine Blackbox-Bibliothek, gegen die du ankämpfen musst, wenn du ein Verhalten oder ein Styling ändern willst – der Code gehört dir, sobald du ihn hinzufügst.
Komponenten werden über die shadcn-CLI verteilt oder direkt von statischen API-Endpunkten geladen, wobei Abhängigkeiten automatisch aufgelöst werden. Dieselben Endpunkte, die Menschen bedienen, sind auch für KI-Agenten ausgelegt, sodass Coding-Assistenten Komponenten programmatisch entdecken und abrufen können.
Die Bibliothek deckt die gesamte Oberfläche einer Anwendung ab – Diagramme, Formulare, Overlays, Navigation und Datendarstellung – und enthält Formularvarianten, die für die Remix- und React-Router-Umgebung an Conform gebunden sind.
Funktionen
- 104 Komponenten – Diagramme, Formulare, Overlays, Navigation und Datendarstellung in einem konsistenten Set
- Der Quellcode gehört dir – jede Komponente kommt als reiner, anpassbarer Code in dein Projekt, nicht als versionierte Abhängigkeit
- Barrierefrei als Standard – auf Basis von react-aria-components mit Tastatur- und Screenreader-Unterstützung von Haus aus
- Tailwind CSS v4 – gestaltet mit dem quebi-Designsystem auf dem aktuellen Tailwind
- Für KI-Agenten gebaut –
/llms.txt, ein vollständiger JSON-Katalog und Endpunkte pro Komponente lassen Coding-Assistenten Komponenten programmatisch entdecken und abrufen - Conform-gebundene Formulare – Formularvarianten für Conform, bereit für Remix und React Router
- MIT-Lizenz – Open Source auf GitHub, frei nutzbar und anpassbar
Technologie
quebi ui-lib basiert auf react-aria-components für Barrierefreiheit und Verhalten, mit Styling über Tailwind CSS v4 und das quebi-Designsystem. Komponenten werden über die shadcn-CLI installiert – npx shadcn@latest add https://ui-lib.quebi.de/r/<name>.json – oder kommen von statischen Endpunkten: /api/index.json für den vollständigen Katalog, /api/components/<name>.json für Metadaten und Quellcode einer einzelnen Komponente und /r/<name>.json für shadcn-kompatible Registry-Einträge.
Für KI-gestützte Workflows dient /llms.txt als Einstiegspunkt für Agenten, und ein herunterladbares Claude-Skill lässt Claude Komponenten direkt in eine Coding-Session laden.
Status
quebi ui-lib ist produktionsreif und Open Source unter der MIT-Lizenz. Entdecke das vollständige Komponenten-Set auf ui-lib.quebi.de.