macOS-style components for shadcn/ui with a free MIT-licensed core, CSS-variable theming, and light and dark appearance.
An app's Settings window: a tabs switches between General, Appearance and Notifications, each a grouped form of switches, pop-up buttons and a slider.
A determinate progress bar in the accent color.
Questions asked one at a time, with choices, text answers and progress.
A set of radio buttons where only one can be selected at a time.
A short reminder list you can search, check off and add to.
A split view: panels with dividers to drag, like Mail's message list and preview.
A save dialog with a file name, a folder pop-up, optional tags, and Cancel and Save.
A scrolling region with macOS overlay scrollers that appear while you scroll.
A capsule search field with a magnifying glass, in content, Liquid Glass toolbar and sidebar styles, and a filter field.
A hairline that divides content horizontally or vertically.
A panel that slides in from an edge of the window.
A sign-in window with email and password, a remember-me checkbox and a password-reset confirmation.
A grey placeholder that pulses while content loads.
A thin capsule track with the macOS 27 pill knob. Supports ranges and tick marks.
The macOS spinning progress indicator: twelve spokes that turn a step at a time.
A number field with the small up and down arrows beside it, stepped by clicks, held arrows and the keyboard.
The macOS 27 toggle with a pill-shaped knob, in mini, small, medium and large sizes.
A plain table styled as a macOS list: grey column titles, stripes and an accent selected row.
A tabs for switching between views, with a plain tab bar variant.
A multi-line text field that grows with its content.
A single-line text field with the macOS hairline border and accent focus ring.
macOS notifications: glass banners at the top right that slide in and stack.
A button that stays pressed, like Bold in a format bar.
Toggles in a row: one of several, or any number with multiple.
A small label that explains a control on hover.
The steps an assistant takes, with status and details that unfold.
An outline of rows that open and close with disclosure triangles, with arrow-key navigation and focused and unfocused selection.
The window frame: corner radius, shadow, traffic lights, the inactive state, dragging, resizing, and minimizing into the Dock.