Foundations

Install Brand Typography Design.md↗

Network Product

Company Analysis Company Call Input Company Comments Company Header Company Milestones Company Social Item Spoiler Comments Network Progress

Layout

Aspect Ratio Card Resizable Scroll Area Separator Sidebar

Primitives

Avatar Badge Button Button Group Empty Item Kbd Skeleton Spoiler Spinner

Forms

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

Overlays

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

Navigation

Accordion Breadcrumb Collapsible Command Navigation Menu Pagination Tabs Toggle Toggle Group

Data & Feedback

Alert Calendar Carousel Chart Progress Sonner Table

Calendar

A date picker calendar built on React DayPicker.

Preview

July 2026

Su	Mo	Tu	We	Th	Fr	Sa

Installation

pnpm dlx shadcn@latest add @scui/calendar