38 / 42 Ready
Components
사이즈, 상태, 스타일까지 모두 설계 완료. 디자인 그대로 바로 사용할 수 있습니다.
0+
컴포넌트
0%
TypeScript
A11y
접근성
0
카테고리
Form
인터랙티브 입력 및 조작 컨트롤
Data Display
데이터 표시 및 정리 컴포넌트
Layout
콘텐츠를 구조화하는 레이아웃 요소
Overlay
페이지 위에 겹치는 UI 요소
Feedback
피드백과 상태 정보 제공
Navigation
화면 전환과 페이지 내 이동을 돕는 요소
AI Components
AI 탑재 앱과 챗봇용
Charts
데이터를 차트와 지표로 시각화
Quick Start
npm install @7onic-ui/react @7onic-ui/tokens 로 설치하고 컴포넌트를 import하면 바로 시작할 수 있습니다. TypeScript, Tailwind CSS, Radix UI 기반으로 접근성까지 갖춘 컴포넌트가 준비되어 있습니다.