UniKit

소개 Components Blocks Kitchen sink

기본

Button Badge Card Avatar Kbd Separator Skeleton Spinner

폼

Input Label Textarea Checkbox Radio Group Switch Toggle Toggle Group Slider Input OTP Input Group Field Form Calendar Native Select Select Combobox

피드백

Alert Progress Empty Sonner Tooltip

오버레이

Dialog Alert Dialog Sheet Drawer Popover Hover Card Dropdown Menu Context Menu

탐색

Breadcrumb Pagination Tabs Menubar Navigation Menu Command Sidebar

레이아웃

Accordion Collapsible Aspect Ratio Scroll Area Resizable Direction Item Button Group

데이터

Table Carousel Chart Marker

메시지·차트

Bubble Message Message Scroller Attachment

Blocks컴포넌트를 조립해 만든 페이지 단위 데모예요. 카드를 누르면 문서 없이 전체 화면으로 열려요 — 실제 제품 화면처럼 만져 보세요.

UniKit이 뭐야?

한 import로 웹·앱이 같은 UI!

질문을 입력하세요

AI 어시스턴트

스트리밍 대화·첨부 업로드·설정 시트를 갖춘 채팅 앱이에요. 답변은 미리 쓴 대본이에요.전체 화면에서 열기 →

흐린 배경 위 중앙 카드 로그인 폼이에요. shadcn login 블록 구성을 따라요.전체 화면에서 열기 →

월별 방문자

사이드바·지표 카드·차트·표를 한 화면에 담았어요. shadcn dashboard 블록 대응이에요.전체 화면에서 열기 →