UIを 軽やかに。
フォーム、チャート、データ、エージェント型AIのための、無料で輝くウェブコンポーネント308個。
AIとともに、AIのために構築。あらゆるフロントエンドフレームワークで使えます。
11のファミリーが、ひとつの 星座に。
ライブ プレビューとコードを調べてください。
- 会話 & チャット — チャット入力欄、メッセージ、ストリーミングテキスト、会話スレッド。
- エージェントツール & オブザーバビリティ — エージェントの実行、ツール呼び出し、トレース、評価、承認フロー。
- 検索 & ナレッジグラフ — ナレッジグラフ、引用、情報源、検索結果。
- フォーム & 入力 — 入力、選択、バリデーション、日付、ネイティブなフォーム動作。
- データ表示 — テーブル、データグリッド、統計、ツリー、ヒートマップ、ページネーション。
- チャート — Chart.jsファミリーに加え、依存関係のないチャートプリミティブ。
- レイアウト & ナビゲーション — タブ、メニュー、レール、パネル、コマンドパレット、コンポジション。
- オーバーレイ & フィードバック — ダイアログ、ドロワー、ポップオーバー、バッジ、プログレス、ステータス。
- ドキュメント & ファイルビューア — PDF、スプレッドシート、ドキュメント、アーカイブのビューアに、比較・ハイライト機能を搭載。
- メディア & ファイル — 画像、アバター、ファイル入力、地図、QRコード。
- ユーティリティ — フォーマッタ、コピー / エクスポート、JSONビューア、ディバイダー、ヘルパー。
Lyra UI で構築
- 組み合わせられるスタイル — 外観、サーフェス、モード、アクセントを選べます。
- 71言語・地域への対応 — 71ロケール。必要なものだけ読み込みます。
- エージェント業務のための画面 — 実行、ツール、承認。状態はアプリが管理します。
- 必要なコンポーネントの仕様を探す — コンポーネントを探し、正確なAPIを確認。
- UI生成に必要なトークンを削減 — Lyra UIならAIの出力トークンが26%減。
- 仕様に組み込まれたアクセシビリティ — キーボード、フォーカス、フォーム動作を内蔵。