macOS UI components for React

$npx shadcn-macos@latest init
Finder — Documents
Brightness75%
Wi-Fi
Interactive PreviewAll components
Wi-Fi ConnectedmacOS Sequoia

Components

Inputs & Controls

Button

macOS push button with tactile active state, rounded corners, pill badges, and accent variants.

shadcn-macos add button
Inputs & Controls

Input

macOS recessed text input field featuring blue halo focus ring.

shadcn-macos add input
Inputs & Controls

Textarea

macOS multi-line text field with subtle inset shadow.

shadcn-macos add textarea
Inputs & Controls

Switch

macOS toggle switch with smooth pill sliding animation.

shadcn-macos add switch
Inputs & Controls

Checkbox

macOS square checkmark box with baseline stability.

shadcn-macos add checkbox
Inputs & Controls

Radio Group

macOS round radio button selection group.

shadcn-macos add radio-group
Inputs & Controls

Select

macOS translucent dropdown select with checkmarks.

shadcn-macos add select
Inputs & Controls

Slider

macOS track slider with circular thumb control.

shadcn-macos add slider
Data Display

Card

macOS container card with header, title, description, content, and footer.

shadcn-macos add card
Data Display

Badge

macOS status pills (default, secondary, success, warning, destructive, outline).

shadcn-macos add badge
Data Display

Avatar

macOS circular user avatar badges with image fallback.

shadcn-macos add avatar
Data Display

Table

macOS Finder list view table with row striping and header columns.

shadcn-macos add table
Data Display

Accordion

macOS disclosure group collapsible tree items.

shadcn-macos add accordion
Data Display

Progress

macOS gradient progress indicator bar.

shadcn-macos add progress
Overlays & Feedback

Confirmation

macOS system alert modal asking the user to confirm destructive or critical actions.

shadcn-macos add confirmation
Overlays & Feedback

Alert

macOS notification panel banner callout.

shadcn-macos add alert
Overlays & Feedback

Dialog

macOS system modal alert dialog with translucent backdrop blur.

shadcn-macos add dialog
Overlays & Feedback

Dropdown Menu

macOS context popup menu with icons and keyboard shortcuts.

shadcn-macos add dropdown
Overlays & Feedback

Command

macOS Spotlight search command palette modal.

shadcn-macos add command
Overlays & Feedback

Toast

macOS Notification Center style HUD alert toasts.

shadcn-macos add toast
Overlays & Feedback

Sheet

macOS slide-over Inspector side panel.

shadcn-macos add sheet
Overlays & Feedback

Tooltip

macOS translucent hover popup tooltip.

shadcn-macos add tooltip
Overlays & Feedback

Window

Authentic macOS window container with traffic lights, titlebar, sidebar, content area, and status bar.

shadcn-macos add window
Navigation

Tabs

macOS Segmented Control toolbar tabs with sliding active pill.

shadcn-macos add tabs
Navigation

Sidebar

macOS native translucent sidebar with collapsible state, section headers, search input, nested sub-menus, active highlights, and custom footers.

shadcn-macos add sidebar