Introduction
cupertino-ui brings Apple's design language to the web: React components styled after SwiftUI on iOS and macOS, distributed the shadcn way — you install the source and own it.
Why
SwiftUI apps look and feel right because they inherit decades of refinement: the SF type scale, the system color palette with its label hierarchy, translucent materials, hairline separators, and controls with exact, familiar proportions. cupertino-ui reproduces those decisions as Tailwind CSS tokens and Radix-based components.
Like shadcn/ui, this is not a package you depend on. Each component is a file the CLI copies into your project. Change anything.
Components
- Accordion
- Action Sheet
- Album Grid
- Album Header
- Alert
- Audio Player
- Avatar
- Badge
- Breadcrumb
- Button
- Card
- Carousel
- Checkbox
- Color Picker
- Combobox
- Command
- Content Unavailable
- Context Menu
- Control Group
- Date Picker
- Dialog
- Disclosure Group
- Dropdown Menu
- Form
- Gauge
- Glass
- Glass Button
- Glass Tab Bar
- Hover Card
- Input
- Input OTP
- Label
- List
- Lyrics View
- Menubar
- Mini Player
- Navigation Stack
- Now Playing
- Page Control
- Popover
- Progress
- Queue List
- Radio Group
- Resizable
- Scroll Area
- Search Field
- Segmented Control
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Spinner
- Stepper
- Switch
- Tab Bar
- Table
- Textarea
- Toast
- Toggle Group
- Toolbar
- Tooltip
- Track List