SwiftUI Onboarding & Welcome Screens
Production-ready SwiftUI components for iOS onboarding experiences: multi-step carousels, permission prompts, feature highlight cards, and high-converting CTA buttons. (73 production-ready components).
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.
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 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.
Done Button
Toggleable completion button with smooth checkmark state transition.
Favorite Button
Heart toggle button with spring animation and fill transition for bookmarking.
Sign in with Apple Button
Native Apple Authentication button following Apple Human Interface Guidelines.
Text with Uneven Background & Gradient
Stylized display text with asymmetrical corner radiuses and mesh gradient background.
Text with Markdown Links
Rich text demonstrating inline markdown links, bolding, italics, and custom link styling.
Text with Dashed Stroke
Decorative heading enclosed in a dashed border stroke.
Text with Gradient
Headline text masked with a multi-stop linear gradient fill.
Text Sequence with Timer
Dynamic text that cycles through a sequence of strings automatically using a timer.
Text Typing & Retracting Animation
Typewriter effect that types out and deletes sentences with a blinking cursor.
Text Dissolve Animation
Smooth cross-fade transition cycling through different phrases.
Monospace Expandable Text
Monospaced code/log snippet with tap-to-expand card layout.
Banner with Laurels
Social-proof accolade banner framed with celebratory laurel branch icons.
Banner with Laurels & Long Text
Expanded award/feature banner with multi-line testimonial copy.
Banner with Laurels & Expandable Text
Compact laurel banner with collapsible review text and "Read more" toggle.
Review Banner Basic
Star-rating and customer feedback highlight card for paywalls and home screens.
User Rating Banner
Engaging rating prompt banner encouraging user App Store reviews.
What's New Banner with Button
Release highlight card with feature icon, release notes, and action button.
Product Banner with Overlay
Hero media banner with gradient overlay, title, and quick-favorite heart button.
Promo Banner with Custom Gradient
Eye-catching promotional container with vibrant multi-color gradient fills.
Feature Card Basic
Clean card displaying an icon, title, and descriptive feature paragraph.
Feature Card in Rounded Rectangle
Elevated feature card with subtle background container for grid layouts.
Quote Card Fancy
Testimonial blockquote card with quotation marks, author attribution, and rating.
Product Card Basic Rectangle
Modern e-commerce product card with image thumbnail, price tag, and buy button.
Rating View (Half-Star Capable)
Dynamic 5-star rating view supporting full, half, and empty star states.
List Row Compact with Title, Subtitle & Detail
3-tier information row with leading icon, title, subtitle, and trailing value.
Disclosure Group as FAQ
Accordion-style expandable/collapsible FAQ item with chevron animation.
FAQ List with Disclosure Groups
Complete multi-item expandable FAQ section for help screens.
Contact Avatar 62x62
Contact avatar with initials badge and status indicator.
Avatar Stack
Overlapping horizontal stack of user avatars with "+X more" counter for teams and social apps.
Profile Picture with PhotoPicker
Interactive avatar with PhotosUI PhotosPicker integration for instant photo changes.
Icon with Gradient Background
SF Symbol on top of a smooth linear gradient background.
App Icon 60x60
Pixel-perfect 60x60 app icon showcase container.
App Icon 75x75 using AppIcon
Dynamically loaded main application icon container with standard iOS corner radius.
Link as Button
Fully styled SwiftUI button that triggers web URL opening.
Promo Banner as NavigationLink (Narrow)
Slim promotional navigation banner directing users to feature deep-dives.
Banner NavigationLink with Symbol
Interactive banner row with prominent leading SF Symbol and disclosure arrow.
Banner NavigationLink with Person Image
Navigation banner featuring profile artwork and call-to-action text.
Basic Welcome Screen
Classic Apple-style welcome screen with hero icon, 3 feature bullet rows, and bottom CTA button.
Onboarding TabView Basic
Multi-page swipeable onboarding carousel with page dots and persistent "Continue" button.
Sports Car App Welcome Screen
Immersive dark-mode onboarding screen with background media and bold typographic accents.
Benefit Row Basic
Single paywall feature row with colored checkmark and benefit description.
Pro Benefits VStack with Bounce
Complete paywall feature list with cascading spring-in bounce animations.
Subscription Plan Choice with Checkmark
Selectable pricing tier card (Monthly vs. Annual) with radio checkmark and "Save 50%" tag.
Image with Scale Effect Animation
Hero image with interactive tap-to-zoom spring animation.
Multicolor Symbol Basic
SF Symbol configured with native multicolor rendering mode.
Multicolor Symbol Variable
SF Symbol with variable value rendering (e.g. Wi-Fi or speaker signal levels).
Multicolor Symbol Variable Iterative
Animated SF Symbol using .variableColor.iterative animation phases.
Multicolor Symbol Variable Reversing
Reversing cyclic animation on variable SF Symbols.
Explore Other Curated SwiftUI Collections
Paywalls & Subscriptions
High-Converting SwiftUI Paywall Views, Plan Selectors & Benefit Rows
Settings & Preferences
Apple-Standard iOS Settings Rows, Toggles & LabeledContent
Dashboards & Analytics
SwiftUI KPI Stat Tiles, Circular Progress Gauges & Data Displays
Account & User Profiles
SwiftUI Profile Avatars, PhotosPicker & User Badges