Components

Native macOS desktop UI components with glassmorphism, SF Pro typography, and traffic light frames.

Inputs & Controls

Button

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

npx shadcn-macos@latest add button
Inputs & Controls

Input

macOS recessed text input field featuring blue halo focus ring.

npx shadcn-macos@latest add input
Inputs & Controls

Textarea

macOS multi-line text field with subtle inset shadow.

npx shadcn-macos@latest add textarea
Inputs & Controls

Switch

macOS toggle switch with smooth pill sliding animation.

npx shadcn-macos@latest add switch
Inputs & Controls

Checkbox

macOS square checkmark box with baseline stability.

npx shadcn-macos@latest add checkbox
Inputs & Controls

Radio Group

macOS round radio button selection group.

npx shadcn-macos@latest add radio-group
Inputs & Controls

Select

macOS translucent dropdown select with checkmarks.

npx shadcn-macos@latest add select
Inputs & Controls

Slider

macOS track slider with circular thumb control.

npx shadcn-macos@latest add slider
Data Display

Card

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

npx shadcn-macos@latest add card
Data Display

Badge

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

npx shadcn-macos@latest add badge
Data Display

Avatar

macOS circular user avatar badges with image fallback.

npx shadcn-macos@latest add avatar
Data Display

Table

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

npx shadcn-macos@latest add table
Data Display

Accordion

macOS disclosure group collapsible tree items.

npx shadcn-macos@latest add accordion
Data Display

Progress

macOS gradient progress indicator bar.

npx shadcn-macos@latest add progress
Overlays & Feedback

Confirmation

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

npx shadcn-macos@latest add confirmation
Overlays & Feedback

Alert

macOS notification panel banner callout.

npx shadcn-macos@latest add alert
Overlays & Feedback

Dialog

macOS system modal alert dialog with translucent backdrop blur.

npx shadcn-macos@latest add dialog
Overlays & Feedback

Dropdown Menu

macOS context popup menu with icons and keyboard shortcuts.

npx shadcn-macos@latest add dropdown
Overlays & Feedback

Command

macOS Spotlight search command palette modal.

npx shadcn-macos@latest add command
Overlays & Feedback

Toast

macOS Notification Center style HUD alert toasts.

npx shadcn-macos@latest add toast
Overlays & Feedback

Sheet

macOS slide-over Inspector side panel.

npx shadcn-macos@latest add sheet
Overlays & Feedback

Tooltip

macOS translucent hover popup tooltip.

npx shadcn-macos@latest add tooltip
Overlays & Feedback

Window

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

npx shadcn-macos@latest add window
Navigation

Tabs

macOS Segmented Control toolbar tabs with sliding active pill.

npx shadcn-macos@latest add tabs
Navigation

Sidebar

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

npx shadcn-macos@latest add sidebar