SwiftUI Buttons
Prominent CTA buttons, spring-animated controls, increment steppers, bordered buttons, and Apple Sign-in. (34 components available in Compot).
Primary Button Basic
High-emphasis prominent action button with standard SwiftUI prominence styling and haptic feedback.
CTA Button Large Basic
Full-width, high-impact call-to-action button designed for onboarding screens, welcome flows, and paywalls.
Secondary Button Basic
Medium-emphasis secondary action button styled for alternative user workflows and dismissal actions.
Tertiary Button Basic
Low-emphasis borderless button for subtle inline actions, footnotes, and modal dismissal.
Icon Button Tertiary Basic
Compact circular tertiary icon button for header navigation bars and utility menus.
Bouncy Button Icon
Interactive button featuring fluid spring animations and smooth scale feedback upon tap.
Button with Repeat Behavior
Stepper-like button with continuous press-and-hold repeating action for counters and volume adjustment.
Button for Copying
Smart copy button that temporarily switches icon and text to "Copied!" with tactile haptic feedback.
Bordered Green Rounded Button (Regular)
Standard-sized bordered button with custom green tint and continuous rounded corners.
Bordered Green Rounded Button (Mini)
Compact mini bordered button for tight layouts, list items, and secondary badges.
Bordered Green Rounded Button (Small)
Small bordered action button with green rounded rectangle styling.
Bordered Green Rounded Button (Large)
Large prominent bordered button with custom green styling.
Bordered Green Rounded Button (Extra Large)
Extra-large full-width bordered action button with rounded rectangle styling.
Icon Button (Small)
Small circular icon-only button for compact toolbars and cards.
Icon Button (Regular)
Standard-sized icon-only button with circular background padding.
Icon Button (Large)
Large circular icon button for floating actions and primary media controls.
Icon Button (Extra Large)
Extra-large hero icon button for prominent media playback or recording.
Prominent Button (Small)
Small filled capsule button for quick inline actions.
Prominent Button (Regular)
Standard-sized filled prominent button with smooth corner radius.
Prominent Button (Large)
Large filled prominent button for main user interactions.
Prominent Button (Extra Large)
Extra-large filled prominent button for hero headers.
Prominent Destructive Button (Large)
Prominent destructive action button in system red for critical deletion confirmations.
Prominent Destructive Icon Button (Large)
Large icon-only destructive button for deletion triggers in toolbars.
Stat Tile Button with Inflection
Dashboard metric card button featuring dynamic English pluralization and inflection rules.
Secondary Button Large (Custom Style)
Large customized secondary button with custom padding and background fill.
Secondary Button Medium (Custom Style)
Medium customized secondary button with modern rounded styling.
Subscription Button Simple
Dedicated recurring billing / subscription purchase button with StoreKit pricing labels.
Update Button
App update trigger button with version badge and leading icon.
Record Button with State
Audio/video recording toggle button with morphing record/stop states and pulse animation.
Tertiary Icon Button Large
Large borderless icon button for minimalist toolbars and bottom sheets.
Done Button
Toggleable completion button with smooth checkmark state transition.
Favorite Button
Heart toggle button with spring animation and fill transition for bookmarking.
Open Settings Button
One-tap navigation trigger that opens the app’s system settings directly in iOS Settings.
Sign in with Apple Button
Native Apple Authentication button following Apple Human Interface Guidelines.