UniKit
ComponentsUniKit 61종 — 웹과 React Native에서 같은 소스로 렌더링해요. 카드 미리보기는 전부 실제 컴포넌트예요. 컴포넌트를 골라 Preview와 사용 코드를 확인하세요.
61종
8개 카테고리
웹 · React Native 동일 소스
기본8종
Button
변형·크기·비활성 상태를 갖춘 버튼.
Badge
상태·카테고리를 표시하는 배지.
Card
제목·설명·내용·푸터를 담는 카드.
Avatar
프로필 이미지와 폴백 이니셜.
Kbd
키보드 단축키 표시.
Separator
가로·세로 구분선.
Skeleton
로딩 자리 표시.
Spinner
진행 중 표시용 스피너.
폼17종
Input
한 줄 텍스트 입력.
Label
입력과 연결되는 라벨.
Textarea
여러 줄 텍스트 입력.
Checkbox
체크·중간 상태 지원.
Radio Group
단일 선택 라디오 그룹.
Switch
켜고 끄는 스위치.
Toggle
눌림 상태를 유지하는 토글.
Toggle Group
토글 묶음(단일·다중).
Slider
범위 값 슬라이더.
Input OTP
인증 코드 입력 칸.
Input Group
입력과 부가 요소 묶음.
Field
라벨·설명·오류를 묶은 필드.
Form
react-hook-form 연동 폼.
Calendar
날짜 선택 달력.
Native Select
네이티브 select 래퍼.
Select
커스텀 셀렉트 메뉴.
Combobox
검색 가능한 선택 상자.
피드백5종
Alert
상황 알림 박스.
Progress
진행률 표시 바.
Empty
빈 상태 안내.
Sonner
토스트 알림.
Tooltip
짧은 힌트 팝업.
오버레이8종
Dialog
모달 대화 상자.
Alert Dialog
확인·취소 경고 대화.
Sheet
가장자리에서 열리는 패널.
Drawer
하단·측면 드로어.
Popover
앵커 기준 팝오버.
Hover Card
호버 미리보기(웹).
Dropdown Menu
드롭다운 메뉴.
Context Menu
우클릭·길게 누르기 메뉴.
레이아웃8종
Accordion
접고 펴는 패널.
Collapsible
단일 접기/펼치기.
Aspect Ratio
고정 비율 컨테이너.
Scroll Area
스크롤 영역.
Resizable
크기 조절 패널.
Direction
LTR/RTL 방향 컨텍스트.
Item
리스트 아이템 행.
Button Group
연접 버튼 무리.
데이터4종
Table
표 레이아웃.
Carousel
슬라이드 캐러셀.
Chart
막대·선·영역 차트.
Marker
하이라이트 마커.
메시지·차트4종
Bubble
말풍선 UI.
Message
채팅 메시지 블록.
Message Scroller
메시지 스크롤 컨테이너.
Attachment
첨부 파일 칩.