New Project - Ketyap UI

Home Home Docs Components Design

Sections

Get Started Components Design Installation Theme Forms Dark Mode RTL

Get Started

Introduction Installation components.json テーマ設定

Input

Button Button Group Calendar Checkbox Color Picker Combobox Copy Button Date Picker Field Input Input Group Input OTP Radio Group Select Slider Switch Textarea Time Picker Toggle Toggle Group

Feedback

Alert Alert Dialog Sonner Toast

Navigation

Breadcrumb Context Menu Dropdown Menu Hover Card Menubar Navigation Menu Pagination

Overlay

Dialog Drawer Popover Sheet Tooltip

Layout

Accordion Aspect Ratio Card Carousel Collapsible Resizable Scroll Area Separator Sidebar Tabs

Display

Avatar Badge Chart Code Block Data Table Empty Item Kbd Label Progress QR Code Skeleton Spinner Table Timeline Tweet Card Typography

Other

Command Direction Filters Kanban MD Parser Phone Input Scroll Mask

基本デザイン

タイポグラフィアイコンレイアウトリンクテキスト余白角の形状エレベーションモーション

Forms

React Hook Form TanStack Form Formisch

Installation

Dark mode

ダークモード Next.js Vite Astro Remix TanStack Start

RTL

RTL Next.js Vite TanStack Start

i18n