SwiftUI Dashboards & Analytics
Visual data displays and metric components for SwiftUI apps: circular progress rings, speedometer dials, selectable metric tiles, and activity badges. (56 production-ready components).
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.
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.
Favorite Button
Heart toggle button with spring animation and fill transition for bookmarking.
Text with Number Inflection Rules
Dynamic text demonstrating automatic localized pluralization syntax (^[(count) item](inflect: true)).
Monospace Expandable Text
Monospaced code/log snippet with tap-to-expand card layout.
Text Card with Link
Clean informational announcement card with embedded actionable links.
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.
Banner with Action – TipKit Style
Native TipKit-style contextual recommendation banner with action and dismiss triggers.
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.
Map with Circular Overlay
MapKit integration card displaying interactive map with circular radius boundary.
Map with Polygon Overlay
MapKit card displaying bounded area polygons (e.g. zones or delivery regions).
Map with Polyline Overlay
MapKit card rendering navigation paths and multi-point tracking routes.
Avatar Stack
Overlapping horizontal stack of user avatars with "+X more" counter for teams and social apps.
Profile Avatar Circle
Clean circular avatar with customizable image clipping and shadow.
Profile Avatar Rounded Rectangle
Modern squircle/rounded-rect avatar for contemporary dashboard designs.
Name Avatar with Random Color
Initials avatar with deterministic or randomized gradient backgrounds.
Basic Gauge Component
Horizontal linear gauge component visualizing current vs. target progress.
Gauge with Values
Linear gauge with minimum, maximum, and current numerical milestone labels.
Circular Progress Gauge
Circular ring gauge with percentage display in the center.
Labeled Speed Gauge Circular
Speedometer-style dial gauge with unit labels and custom tint ranges.
Labeled Gauge Accessory Circular
Compact circular gauge optimized for watchOS complications and widget accessories.
Icon with Stroke
SF Symbol enclosed in a colored border stroke container.
App Icon 60x60
Pixel-perfect 60x60 app icon showcase container.
Badge with Symbol & Palette Rendering
Notification badge utilizing SF Symbol multi-tone palette colors.
Badge with Symbol & Linear Gradient
Pill badge with symbol and gradient fill for Pro features and tags.
Link as Icon
Compact icon-only external URL link button.
Link as Markdown Text with Emoji
Inline text link styled with emojis and markdown parsing.
App Store ShareLink
Native iOS ShareLink configured to share the app's App Store download link.
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.
Image with Text Overlay
Media container with gradient scrim and overlaid caption typography.
Image with Scale Effect Animation
Hero image with interactive tap-to-zoom spring animation.
Label Bordered Gradient
Label framed with a gradient border.
Label with Text Icon
Label pairing a text badge/tag with main description copy.
Label with Person Initials
Label featuring user initials monogram in place of an image.
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.
Text Editor Simple
Clean multi-line TextEditor with standard border styling.
TextEditor with Placeholder & Custom Background
Enhanced TextEditor with floating placeholder support and custom background container.
Message Bubble Basic
Chat speech bubble with tail shape, dynamic color by sender, and timestamp.
Typing Indicator
Animated 3-dot pulsing typing indicator for chat and AI conversations.
Stats Navigation Tile
Dashboard metrics tile displaying key figure, percentage delta, and chevron.
Selectable Tile
Interactive card with active/selected border highlight for option grids.
Pill Follower Count Info
Compact follower/subscriber metric pill badge with icon and formatted count.
Custom Alert View
Beautifully styled custom modal alert overlay with title, message, and customizable action buttons.
Toast Message Large
Floating HUD square toast message with icon and subtitle for success/error feedback.
Explore Other Curated SwiftUI Collections
Onboarding & Welcome Screens
Crafted SwiftUI Onboarding Screens, Welcome Flows & Feature Walkthroughs
Paywalls & Subscriptions
High-Converting SwiftUI Paywall Views, Plan Selectors & Benefit Rows
Settings & Preferences
Apple-Standard iOS Settings Rows, Toggles & LabeledContent
Account & User Profiles
SwiftUI Profile Avatars, PhotosPicker & User Badges