UI, leicht wie Licht
308 kostenlose, glänzende Webkomponenten für Formulare, Diagramme, Daten und agentische KI.
Mit KI entwickelt, für KI. Funktioniert mit jedem Frontend-Framework.
Elf Familien, eine Konstellation.
Entdecken Sie Live-Vorschauen und Code.
- Konversation & Chat — Chat-Eingabefeld, Nachrichten, Streaming-Text und Gesprächsverläufe.
- Agent-Tools & Observability — Agent-Läufe, Tool Calls, Traces, Evals und Freigabeabläufe.
- Retrieval & Wissensgraphen — Wissensgraphen, Zitate, Quellen und Retrieval-Suchergebnisse.
- Formulare & Eingabefelder — Eingabefelder, Auswahl, Validierung, Datumsangaben und natives Formularverhalten.
- Datenanzeige — Tabellen, Data Grids, Statistiken, Bäume, Heatmaps und Pagination.
- Diagramme — Eine Chart.js-Familie plus abhängigkeitsfreie Diagramm-Primitiven.
- Layout & Navigation — Tabs, Menüs, Leisten, Panels, Befehlspalette und Komposition.
- Overlays & Feedback — Dialoge, Drawers, Popovers, Badges, Fortschritt und Status.
- Dokument- & Datei-Viewer — PDF-, Tabellen-, Dokumenten- und Archiv-Viewer mit Vergleichs- und Hervorhebungsfunktion.
- Medien & Dateien — Bilder, Avatare, Datei-Eingabefelder, Karten und QR-Codes.
- Utilities — Formatierer, Kopieren/Exportieren, JSON-Viewer, Trennlinien und Helfer.
Mit Lyra UI entwickeln
- Stile, die sich kombinieren lassen — Wählen Sie Look, Oberfläche, Modus und Akzent.
- Lokalisierung für 71 Sprach- und Regionseinstellungen — 71 Sprachvarianten. Nur Nötiges laden.
- Oberflächen für Agentenarbeit — Läufe, Tools, Freigaben. Ihre App steuert.
- Den genauen Komponentenvertrag finden — Komponente finden. Exakte API lesen.
- Weniger Tokens für die Erstellung einer Benutzeroberfläche — KI schreibt mit Lyra UI 26 % weniger Tokens.
- Zugängliche Interaktion als Vertrag — Tastatur, Fokus und Formulare integriert.