UI를 더 가볍게
폼, 차트, 데이터, 에이전트 AI를 위한 무료로 제공되는 빛나는 웹 컴포넌트 308개.
AI로 만들고, AI를 위해 설계했습니다. 모든 프런트엔드 프레임워크에서 작동합니다.
11개의 패밀리, 하나의 별자리.
실시간 미리보기 및 코드를 살펴보세요.
- 대화 및 채팅 — 채팅 작성기, 메시지, 스트리밍 텍스트 및 대화 기록 스레드.
- 에이전트 도구 및 관측성 — 에이전트 실행, 도구 호출, 트레이스, 평가(evals), 및 승인 흐름.
- 검색 및 지식 그래프 — 지식 그래프, 인용, 출처, 및 검색 결과.
- 양식 및 입력 필드 — 입력 필드, 선택, 유효성 검사, 날짜, 및 네이티브 폼 동작.
- 데이터 표시 — 테이블, 데이터 그리드, 통계, 트리, 히트맵, 및 페이지네이션.
- 차트 — Chart.js 패밀리 및 종속성 없는 차트 기본 요소.
- 레이아웃 및 탐색 — 탭, 메뉴, 레일, 패널, 명령 팔레트, 및 구성.
- 오버레이 및 피드백 — 다이얼로그, 드로어, 팝오버, 배지, 진행률, 및 상태.
- 문서 및 파일 뷰어 — 비교 및 하이라이트 지원이 되는 PDF, 스프레드시트, 문서, 및 아카이브 뷰어.
- 미디어 및 파일 — 이미지, 아바타, 파일 입력, 지도, 및 QR 코드.
- 유틸리티 — 포맷터, 복사/내보내기, JSON 뷰어, 구분선, 및 도우미.
Lyra UI로 구축하기
- 조합 가능한 스타일 — 룩, 표면, 모드, 강조색을 고르세요.
- 71개 로케일 지원 — 71개 로케일. 필요한 것만 불러오세요.
- 에이전트 작업을 위한 인터페이스 — 실행, 도구, 승인. 상태는 앱이 관리합니다.
- 정확한 컴포넌트 계약 찾기 — 구성 요소를 찾고 정확한 API를 읽으세요.
- UI 생성에 필요한 토큰 절감 — Lyra UI를 사용하면 AI가 토큰을 26% 적게 작성합니다.
- 계약 기반 접근성 상호 작용 — 키보드, 포커스, 폼 동작이 내장되어 있습니다.