@swiftui-flx
SwiftUI components for iPhone, iPad and Mac, the shadcn/ui way. Native controls, design tokens, themes and dark mode. Install with the shadcn CLI and own the Swift code.
Install this registry
npx shadcn@latest add https://swiftui.flexnative.com/r/registry.json pnpm dlx shadcn@latest add https://swiftui.flexnative.com/r/registry.json bunx shadcn@latest add https://swiftui.flexnative.com/r/registry.json curl -s https://swiftui.flexnative.com/r/registry.json Components
36 totalTokens and the default theme every component reads from.
npx shadcn@latest add https://swiftui.flexnative.com/r/foundation.json Cream paper, burnt-earth ink, and a larger base radius.
npx shadcn@latest add https://swiftui.flexnative.com/r/preset-sienna.json Triggers an action or event, such as submitting a form.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-button.json Triggers an action or event, such as submitting a form.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-button.json A card is a container that can be used to display content in a styled way.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-card.json A card is a container that can be used to display content in a styled way.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-card.json Displays a user's profile picture, with initials as a fallback.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-avatar.json Displays a user's profile picture, with initials as a fallback.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-avatar.json Displays a small label for status, category, or count.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-badge.json Displays a small label for status, category, or count.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-badge.json Displays a row of content, such as a list entry, notification, or settings row.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-item.json Displays a row of content, such as a list entry, notification, or settings row.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-item.json Displays an empty state, with an optional icon, title, description, and actions.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-empty.json Displays an empty state, with an optional icon, title, description, and actions.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-empty.json Displays a list of actions or options revealed from a button or custom trigger.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-menu.json Displays a dropdown for selecting one value from a set of options.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-picker.json Displays progress toward completion of a task, as a bar or a spinner.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-progress-view.json Displays progress toward completion of a task, as a bar or a spinner.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-progress-view.json Displays a control for selecting a value from a bounded range.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-slider.json Displays a control for selecting a value from a bounded range.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-slider.json Displays a switch for an on/off value.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-toggle.json Displays a checkbox for an on/off value.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-toggle.json Displays content that can be expanded and collapsed.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-collapsible.json Displays content that can be expanded and collapsed.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-collapsible.json Displays an obscured text input for passwords and other sensitive text.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-secure-field.json Displays an obscured text input for passwords and other sensitive text.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-secure-field.json Displays a multi-line text input for long-form content.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-text-editor.json Displays a multi-line text input for long-form content.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-text-editor.json Displays a single-line text input.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-text-field.json Displays a single-line text input.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-text-field.json Wraps a text field in a shared box with optional leading and trailing addons.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-text-field-group.json Wraps a text field in a shared box with optional leading and trailing addons.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-text-field-group.json Pairs a caption with a form control.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-field-label.json Pairs a caption with a form control.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-field-label.json Groups a label, control, description, and error message for a form field.
npx shadcn@latest add https://swiftui.flexnative.com/r/ios-form-field.json Groups a label, control, description, and error message for a form field.
npx shadcn@latest add https://swiftui.flexnative.com/r/mac-form-field.json