홈 대표 시스템 소개 컬러 타이포그래피 아이콘 레이아웃 · 스페이싱 글래스 · 블러 카탈로그 · 53 폼 · 입력 액션 · 버튼 내비게이션 오버레이 데이터 표시 피드백 · 상태 레이아웃 디자인 원칙

Components

컴포넌트 카탈로그

브랜드에 맞춰 직접 구축한 53개 컴포넌트. 전부 라이브로 동작합니다. 아래에서 검색하거나 카테고리별로 살펴보세요.

폼 · 입력

13 전체 →

01 Input 02 Input Group 03 Input OTP 04 Textarea 05 Label 06 Field 07 Native Select 08 Select 09 Combobox 10 Checkbox 11 Radio Group 12 Switch 13 Slider

액션 · 버튼

5 전체 →

14 Button 15 Button Group 16 Toggle 17 Toggle Group 18 Kbd

내비게이션

7 전체 →

19 Breadcrumb 20 Pagination 21 Tabs 22 Navigation Menu 23 Menubar 24 Sidebar 25 Command

오버레이

9 전체 →

26 Dialog 27 Alert Dialog 28 Sheet 29 Drawer 30 Popover 31 Dropdown Menu 32 Context Menu 33 Hover Card 34 Tooltip

데이터 표시

9 전체 →

35 Table 36 Card 37 Avatar 38 Badge 39 Accordion 40 Collapsible 41 Carousel 42 Calendar 43 Item

피드백 · 상태

6 전체 →

44 Alert 45 Progress 46 Skeleton 47 Spinner 48 Sonner 49 Empty

레이아웃

4 전체 →

50 Aspect Ratio 51 Separator 52 Scroll Area 53 Resizable