讓介面 輕盈起來
308 個免費、閃耀的 Web 元件,適用於表單、圖表、數據和智能體式 AI。
用 AI 打造,為 AI 而生。適用於任何前端框架。
十一大類,匯成 一片星海。
探索即時預覽和程式碼。
- 對話與聊天 — 聊天輸入、訊息、流式文字和對話記錄。
- AI 智能體工具與可觀察性 — AI 智能體執行、工具呼叫、追蹤、評估和核准流程。
- 檢索與知識圖譜 — 知識圖譜、引用、來源和檢索結果。
- 表單與輸入 — 輸入、選擇、驗證、日期和原生表單行為。
- 數據展示 — 表格、數據網格、統計、樹、熱力圖和分頁。
- 圖表 — 基於 Chart.js 的元件和無需依賴的基礎圖表。
- 佈局與導航 — 標籤頁、選單、導航欄、面板、命令面板和組合佈局。
- 浮層與回饋 — 對話框、抽屜、彈出層、徽章、進度和狀態提示。
- 文件與檔案檢視器 — PDF、電子表格、文件和壓縮包檢視器,以及比較與突出顯示功能。
- 媒體與檔案 — 圖片、頭像、檔案輸入、地圖和二維碼。
- 實用工具 — 格式化、複製與匯出、JSON 檢視、分隔線及輔助元件。
使用 Lyra UI 建構
- 自由組合的樣式 — 選擇外觀、表面、模式與強調色。
- 覆蓋 71 種語言的本地化 — 71 種語言設定,僅按需載入。
- 支援AI 智能體工作的介面 — 執行、工具、核准。控制權始終在應用程式。
- 找到準確的元件契約 — 找到元件,查看其精確 API。
- 生成 UI 所需的 token 更少 — 使用 Lyra UI,AI 編寫的 token 減少 26%。
- 以契約保障無障礙互動 — 鍵盤、焦點與表單行為開箱即用。