# Compot — SwiftUI Component Library & AI Assistant

> Pure, copy-pasteable vanilla SwiftUI components and AI-assisted Swift code generation for iOS and macOS developers. No external package dependencies.

## Overview
- **Product**: Compot (iOS app + Web catalog)
- **Publisher**: LukyLab s.r.o. (Prague, Czech Republic)
- **App Store**: https://apps.apple.com/app/id6471916279
- **Website**: https://www.compotui.com
- **Platforms Supported**: iOS 16.0+, macOS 13.0+, visionOS 1.0+, Xcode 15+ / Xcode 16+

## Categories & Components (135 Total Components)
### Buttons (34)
Prominent CTA buttons, spring-animated controls, increment steppers, bordered buttons, and Apple Sign-in.

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

### Texts & Typography (18)
Gradient typography, markdown links, localized inflection rules, typewriter animations, and SF font variants.

- **Text with Uneven Background & Gradient** (`textWUnevenGradientBackground`): Stylized display text with asymmetrical corner radiuses and mesh gradient background. [App Store](https://apps.apple.com/app/id6471916279)
- **Text with Number Inflection Rules** (`textWNumberInflectionRule`): Dynamic text demonstrating automatic localized pluralization syntax (^[(count) item](inflect: true)). [App Store](https://apps.apple.com/app/id6471916279)
- **Text with Markdown Links** (`textLinksBasic`): Rich text demonstrating inline markdown links, bolding, italics, and custom link styling. [App Store](https://apps.apple.com/app/id6471916279)
- **Text with Dashed Stroke** (`textDashedStroke`): Decorative heading enclosed in a dashed border stroke. [App Store](https://apps.apple.com/app/id6471916279)
- **Text System Default Variants** (`textSystemDefaultVariant`): Showcase of standard San Francisco system font weights and designs. [App Store](https://apps.apple.com/app/id6471916279)
- **Text System Monospace Variants** (`textSystemMonoVariant`): Showcase of SF Mono typography for code, data, and numeric readouts. [App Store](https://apps.apple.com/app/id6471916279)
- **Text System Rounded Variants** (`textSystemRoundedVariant`): Showcase of SF Pro Rounded typography for friendly, consumer-facing interfaces. [App Store](https://apps.apple.com/app/id6471916279)
- **Text System Serif Variants** (`textSystemSerifVariant`): Showcase of New York serif typography for editorial and reading experiences. [App Store](https://apps.apple.com/app/id6471916279)
- **Text Style Default Variants** (`textStyleDefaultVariants`): Comprehensive typography hierarchy showcase (Large Title down to Caption 2). [App Store](https://apps.apple.com/app/id6471916279)
- **Text Date Styling Options** (`textDateStylingDefaultOptions`): Built-in date/time text formatting variants (relative, timer, date, offset). [App Store](https://apps.apple.com/app/id6471916279)
- **Text Styling Default Options** (`textStylingDefaultOptions`): Text transformation samples (strikethrough, underline, kerning, baseline offset). [App Store](https://apps.apple.com/app/id6471916279)
- **Text Truncation Modes** (`textTruncationModes`): Comparison of .head, .middle, and .tail text truncation behaviors. [App Store](https://apps.apple.com/app/id6471916279)
- **Text with Gradient** (`textWGradient`): Headline text masked with a multi-stop linear gradient fill. [App Store](https://apps.apple.com/app/id6471916279)
- **Relative Date Text** (`textWDateFormatRelative`): Automatically updating relative time formatting (e.g. "2 hours ago", "in 3 days"). [App Store](https://apps.apple.com/app/id6471916279)
- **Text Sequence with Timer** (`textSequenceWTimer`): Dynamic text that cycles through a sequence of strings automatically using a timer. [App Store](https://apps.apple.com/app/id6471916279)
- **Text Typing & Retracting Animation** (`textTypingRetractingAnimation`): Typewriter effect that types out and deletes sentences with a blinking cursor. [App Store](https://apps.apple.com/app/id6471916279)
- **Text Dissolve Animation** (`textDissolveAnimation`): Smooth cross-fade transition cycling through different phrases. [App Store](https://apps.apple.com/app/id6471916279)
- **Monospace Expandable Text** (`textMonospaceExpandableWBackground`): Monospaced code/log snippet with tap-to-expand card layout. [App Store](https://apps.apple.com/app/id6471916279)

### Banners & Promos (10)
Accolade laurel cards, promotional gradient containers, TipKit-style banners, and store rating prompts.

- **Text Card with Link** (`textBannerWLink`): Clean informational announcement card with embedded actionable links. [App Store](https://apps.apple.com/app/id6471916279)
- **Banner with Laurels** (`bannerWLaurels`): Social-proof accolade banner framed with celebratory laurel branch icons. [App Store](https://apps.apple.com/app/id6471916279)
- **Banner with Laurels & Long Text** (`bannerWLaurelsLongText`): Expanded award/feature banner with multi-line testimonial copy. [App Store](https://apps.apple.com/app/id6471916279)
- **Banner with Laurels & Expandable Text** (`bannerWLaurelsExpandableText`): Compact laurel banner with collapsible review text and "Read more" toggle. [App Store](https://apps.apple.com/app/id6471916279)
- **Review Banner Basic** (`reviewBannerBasic`): Star-rating and customer feedback highlight card for paywalls and home screens. [App Store](https://apps.apple.com/app/id6471916279)
- **User Rating Banner** (`ratingBannerBasic`): Engaging rating prompt banner encouraging user App Store reviews. [App Store](https://apps.apple.com/app/id6471916279)
- **What's New Banner with Button** (`whatsNewBannerWButton`): Release highlight card with feature icon, release notes, and action button. [App Store](https://apps.apple.com/app/id6471916279)
- **Product Banner with Overlay** (`productBannerWOverlayTitleFavorite`): Hero media banner with gradient overlay, title, and quick-favorite heart button. [App Store](https://apps.apple.com/app/id6471916279)
- **Promo Banner with Custom Gradient** (`bannerPromoWCustomColorGradient`): Eye-catching promotional container with vibrant multi-color gradient fills. [App Store](https://apps.apple.com/app/id6471916279)
- **Banner with Action – TipKit Style** (`bannerWActionTipKitStyle`): Native TipKit-style contextual recommendation banner with action and dismiss triggers. [App Store](https://apps.apple.com/app/id6471916279)

### Cards & Content Displays (8)
Feature cards, testimonial blockquotes, interactive product cards, and MapKit circle/polygon overlays.

- **Feature Card Basic** (`featureCardBasic`): Clean card displaying an icon, title, and descriptive feature paragraph. [App Store](https://apps.apple.com/app/id6471916279)
- **Feature Card in Rounded Rectangle** (`featureCardInRoundedRectangle`): Elevated feature card with subtle background container for grid layouts. [App Store](https://apps.apple.com/app/id6471916279)
- **Quote Card Fancy** (`quoteCardFancy`): Testimonial blockquote card with quotation marks, author attribution, and rating. [App Store](https://apps.apple.com/app/id6471916279)
- **Product Card Basic Rectangle** (`productCardBasicRect`): Modern e-commerce product card with image thumbnail, price tag, and buy button. [App Store](https://apps.apple.com/app/id6471916279)
- **Rating View (Half-Star Capable)** (`ratingView`): Dynamic 5-star rating view supporting full, half, and empty star states. [App Store](https://apps.apple.com/app/id6471916279)
- **Map with Circular Overlay** (`mapWMapCircle`): MapKit integration card displaying interactive map with circular radius boundary. [App Store](https://apps.apple.com/app/id6471916279)
- **Map with Polygon Overlay** (`mapWMapPolygon`): MapKit card displaying bounded area polygons (e.g. zones or delivery regions). [App Store](https://apps.apple.com/app/id6471916279)
- **Map with Polyline Overlay** (`mapWMapPolylines`): MapKit card rendering navigation paths and multi-point tracking routes. [App Store](https://apps.apple.com/app/id6471916279)

### Settings, Lists & Rows (9)
Apple-standard settings rows, LabeledContent formatters, accordion FAQ disclosure groups, and footers.

- **Settings List Row Label Basic** (`settingsListRowLabelBasic`): Standard iOS settings navigation row with SF symbol and title. [App Store](https://apps.apple.com/app/id6471916279)
- **Settings LabeledContent List Row** (`settingsLabeledContentListRow`): Settings row with title and right-aligned detail text using LabeledContent. [App Store](https://apps.apple.com/app/id6471916279)
- **Settings Row with Custom LabeledContent** (`settingsRowWLabeledContent`): Rich settings item with custom badge and secondary status text. [App Store](https://apps.apple.com/app/id6471916279)
- **LabeledContent with Formatters** (`labeledContentWFormat`): Row displaying formatted values (currency, bytes, percentages, measurements). [App Store](https://apps.apple.com/app/id6471916279)
- **List Row Compact with Title, Subtitle & Detail** (`listRowCompactTitleSubtitleDetail`): 3-tier information row with leading icon, title, subtitle, and trailing value. [App Store](https://apps.apple.com/app/id6471916279)
- **Disclosure Group as FAQ** (`disclosureGroupAsFAQ`): Accordion-style expandable/collapsible FAQ item with chevron animation. [App Store](https://apps.apple.com/app/id6471916279)
- **FAQ List with Disclosure Groups** (`faqListWDisclosureList`): Complete multi-item expandable FAQ section for help screens. [App Store](https://apps.apple.com/app/id6471916279)
- **Footer Basic** (`footerBasic`): Minimal app version and copyright text footer for settings lists. [App Store](https://apps.apple.com/app/id6471916279)
- **Footer Fancy** (`footerFancy`): Polished footer with "Developed with ❤️ in Prague", company branding, and live app version. [App Store](https://apps.apple.com/app/id6471916279)

### Avatars & User Profiles (7)
Circular avatars with status badges, overlapping team stacks, and PhotosPicker integration.

- **Avatar Basic 62x62** (`avatarBasic62`): Standard circular profile picture placeholder. [App Store](https://apps.apple.com/app/id6471916279)
- **Contact Avatar 62x62** (`contactAvatar62`): Contact avatar with initials badge and status indicator. [App Store](https://apps.apple.com/app/id6471916279)
- **Avatar Stack** (`avatarStack`): Overlapping horizontal stack of user avatars with "+X more" counter for teams and social apps. [App Store](https://apps.apple.com/app/id6471916279)
- **Profile Picture with PhotoPicker** (`profilePictureWPhotoPicker`): Interactive avatar with PhotosUI PhotosPicker integration for instant photo changes. [App Store](https://apps.apple.com/app/id6471916279)
- **Profile Avatar Circle** (`profileAvatarCircle`): Clean circular avatar with customizable image clipping and shadow. [App Store](https://apps.apple.com/app/id6471916279)
- **Profile Avatar Rounded Rectangle** (`modernProfileAvatar`): Modern squircle/rounded-rect avatar for contemporary dashboard designs. [App Store](https://apps.apple.com/app/id6471916279)
- **Name Avatar with Random Color** (`nameAvatarRandomColor`): Initials avatar with deterministic or randomized gradient backgrounds. [App Store](https://apps.apple.com/app/id6471916279)

### Charts & Gauges (5)
Linear milestone gauges, circular progress meters, speedometer dials, and watchOS accessory gauges.

- **Basic Gauge Component** (`gaugeBasic`): Horizontal linear gauge component visualizing current vs. target progress. [App Store](https://apps.apple.com/app/id6471916279)
- **Gauge with Values** (`gaugeBasicWValues`): Linear gauge with minimum, maximum, and current numerical milestone labels. [App Store](https://apps.apple.com/app/id6471916279)
- **Circular Progress Gauge** (`gaugeCircularProgressPercent`): Circular ring gauge with percentage display in the center. [App Store](https://apps.apple.com/app/id6471916279)
- **Labeled Speed Gauge Circular** (`labeledSpeedGaugeCircular`): Speedometer-style dial gauge with unit labels and custom tint ranges. [App Store](https://apps.apple.com/app/id6471916279)
- **Labeled Gauge Accessory Circular** (`labeledGaugeAccessoryCircular`): Compact circular gauge optimized for watchOS complications and widget accessories. [App Store](https://apps.apple.com/app/id6471916279)

### Icons & Badges (7)
Settings icon containers, gradient badges, stroke containers, and pixel-perfect App Icon frames.

- **Icon with Background** (`iconSettingsRow`): Square rounded icon with solid background color for settings menus. [App Store](https://apps.apple.com/app/id6471916279)
- **Icon with Gradient Background** (`labelIconWBackgroundGradient`): SF Symbol on top of a smooth linear gradient background. [App Store](https://apps.apple.com/app/id6471916279)
- **Icon with Stroke** (`labelIconWStroke`): SF Symbol enclosed in a colored border stroke container. [App Store](https://apps.apple.com/app/id6471916279)
- **App Icon 60x60** (`appIcon60`): Pixel-perfect 60x60 app icon showcase container. [App Store](https://apps.apple.com/app/id6471916279)
- **App Icon 75x75 using AppIcon** (`appIcon75UsingAppIcon`): Dynamically loaded main application icon container with standard iOS corner radius. [App Store](https://apps.apple.com/app/id6471916279)
- **Badge with Symbol & Palette Rendering** (`badgeWSymbolPaletteRendering`): Notification badge utilizing SF Symbol multi-tone palette colors. [App Store](https://apps.apple.com/app/id6471916279)
- **Badge with Symbol & Linear Gradient** (`badgeWSymbolLinearGradient`): Pill badge with symbol and gradient fill for Pro features and tags. [App Store](https://apps.apple.com/app/id6471916279)

### Links & Sharing (5)
External Safari link rows, icon triggers, markdown links, and native iOS App Store ShareLink views.

- **Link Row Settings** (`linkRowSettings`): Settings row that opens external Safari URLs with an external link indicator. [App Store](https://apps.apple.com/app/id6471916279)
- **Link as Icon** (`linkWView`): Compact icon-only external URL link button. [App Store](https://apps.apple.com/app/id6471916279)
- **Link as Button** (`linkAsButton`): Fully styled SwiftUI button that triggers web URL opening. [App Store](https://apps.apple.com/app/id6471916279)
- **Link as Markdown Text with Emoji** (`linkAsMarkdownTextWEmoji`): Inline text link styled with emojis and markdown parsing. [App Store](https://apps.apple.com/app/id6471916279)
- **App Store ShareLink** (`shareLinkShareAppStoreLink`): Native iOS ShareLink configured to share the app's App Store download link. [App Store](https://apps.apple.com/app/id6471916279)

### Navigation Links & Banners (3)
Promotional NavigationLinks with leading SF Symbols, slim banners, and profile cards.

- **Promo Banner as NavigationLink (Narrow)** (`promoBannerNavLinkNarrow`): Slim promotional navigation banner directing users to feature deep-dives. [App Store](https://apps.apple.com/app/id6471916279)
- **Banner NavigationLink with Symbol** (`bannerNavLinkWSymbol`): Interactive banner row with prominent leading SF Symbol and disclosure arrow. [App Store](https://apps.apple.com/app/id6471916279)
- **Banner NavigationLink with Person Image** (`bannerNavLinkWImage`): Navigation banner featuring profile artwork and call-to-action text. [App Store](https://apps.apple.com/app/id6471916279)

### Onboarding & Welcome Screens (3)
Apple-style welcome flows, swipeable TabView carousels, and dark-mode immersive welcome screens.

- **Basic Welcome Screen** (`basicWelcomeScreen`): Classic Apple-style welcome screen with hero icon, 3 feature bullet rows, and bottom CTA button. [App Store](https://apps.apple.com/app/id6471916279)
- **Onboarding TabView Basic** (`onboardingTabViewBasic`): Multi-page swipeable onboarding carousel with page dots and persistent "Continue" button. [App Store](https://apps.apple.com/app/id6471916279)
- **Sports Car App Welcome Screen** (`sportCarAppWelcomeScreen`): Immersive dark-mode onboarding screen with background media and bold typographic accents. [App Store](https://apps.apple.com/app/id6471916279)

### Paywalls & Subscriptions (3)
Benefit rows with checkmarks, cascading bounce animations, and selectable subscription plan choices.

- **Benefit Row Basic** (`proBenefitRowBasic`): Single paywall feature row with colored checkmark and benefit description. [App Store](https://apps.apple.com/app/id6471916279)
- **Pro Benefits VStack with Bounce** (`proBenefitsVStackWBounce`): Complete paywall feature list with cascading spring-in bounce animations. [App Store](https://apps.apple.com/app/id6471916279)
- **Subscription Plan Choice with Checkmark** (`subscriptionPlanChoiceCheckmarkSimple`): Selectable pricing tier card (Monthly vs. Annual) with radio checkmark and "Save 50%" tag. [App Store](https://apps.apple.com/app/id6471916279)

### Images & Effects (3)
Hero parallax image headers, custom shape masking, and tap-to-zoom spring animations.

- **Image with Text Overlay** (`imageWTextOverlay`): Media container with gradient scrim and overlaid caption typography. [App Store](https://apps.apple.com/app/id6471916279)
- **Image with Custom Mask** (`imageWMask`): Image clipped with custom shape masks (stars, shields, rounded shapes). [App Store](https://apps.apple.com/app/id6471916279)
- **Image with Scale Effect Animation** (`imageWScaleEffectAnimation`): Hero image with interactive tap-to-zoom spring animation. [App Store](https://apps.apple.com/app/id6471916279)

### Labels (4)
System icon labels, gradient bordered badges, custom text icon pills, and initials monograms.

- **Label Basic with Icon** (`labelBasicWIcon`): Standard Label component with system symbol and title. [App Store](https://apps.apple.com/app/id6471916279)
- **Label Bordered Gradient** (`labelBorderedGradient`): Label framed with a gradient border. [App Store](https://apps.apple.com/app/id6471916279)
- **Label with Text Icon** (`labelWCustomTextIcon`): Label pairing a text badge/tag with main description copy. [App Store](https://apps.apple.com/app/id6471916279)
- **Label with Person Initials** (`labelWPersonInitials`): Label featuring user initials monogram in place of an image. [App Store](https://apps.apple.com/app/id6471916279)

### SF Symbols & Animations (4)
Multicolor symbols, variable signal levels, iterative animations, and reversing cyclic effects.

- **Multicolor Symbol Basic** (`multicolorSymbolBasic`): SF Symbol configured with native multicolor rendering mode. [App Store](https://apps.apple.com/app/id6471916279)
- **Multicolor Symbol Variable** (`multicolorSymbolVariable`): SF Symbol with variable value rendering (e.g. Wi-Fi or speaker signal levels). [App Store](https://apps.apple.com/app/id6471916279)
- **Multicolor Symbol Variable Iterative** (`multicolorSymbolVariableIterative`): Animated SF Symbol using .variableColor.iterative animation phases. [App Store](https://apps.apple.com/app/id6471916279)
- **Multicolor Symbol Variable Reversing** (`multicolorSymbolVariableReversing`): Reversing cyclic animation on variable SF Symbols. [App Store](https://apps.apple.com/app/id6471916279)

### Inputs & Text Editors (2)
Clean multi-line TextEditors and floating placeholder text containers.

- **Text Editor Simple** (`textEditorSimple`): Clean multi-line TextEditor with standard border styling. [App Store](https://apps.apple.com/app/id6471916279)
- **TextEditor with Placeholder & Custom Background** (`textEditorWPlaceholderCustomBackground`): Enhanced TextEditor with floating placeholder support and custom background container. [App Store](https://apps.apple.com/app/id6471916279)

### Shapes, Chat & Real-Time (2)
Dynamic chat message speech bubbles and pulsing 3-dot typing indicators.

- **Message Bubble Basic** (`messageBubbleBasic`): Chat speech bubble with tail shape, dynamic color by sender, and timestamp. [App Store](https://apps.apple.com/app/id6471916279)
- **Typing Indicator** (`typingIndicator`): Animated 3-dot pulsing typing indicator for chat and AI conversations. [App Store](https://apps.apple.com/app/id6471916279)

### Tiles & Selectables (2)
Dashboard KPI navigation tiles and interactive selectable option cards.

- **Stats Navigation Tile** (`navigationTile`): Dashboard metrics tile displaying key figure, percentage delta, and chevron. [App Store](https://apps.apple.com/app/id6471916279)
- **Selectable Tile** (`selectableTile`): Interactive card with active/selected border highlight for option grids. [App Store](https://apps.apple.com/app/id6471916279)

### Badges & Pills (1)
Follower/subscriber metric pills with formatted counts and leading icons.

- **Pill Follower Count Info** (`pillFollowerCountInfo`): Compact follower/subscriber metric pill badge with icon and formatted count. [App Store](https://apps.apple.com/app/id6471916279)

### Alerts & Modals (1)
Custom modal alert overlay views with actions and modern rounded containers.

- **Custom Alert View** (`alertBasicCustom`): Beautifully styled custom modal alert overlay with title, message, and customizable action buttons. [App Store](https://apps.apple.com/app/id6471916279)

### Toasts & Feedback (1)
Floating square HUD toast messages for success, error, and status feedback.

- **Toast Message Large** (`toastMessageLargeSquare`): Floating HUD square toast message with icon and subtitle for success/error feedback. [App Store](https://apps.apple.com/app/id6471916279)

### Developer Templates & Architecture (3)
ContentUnavailableView empty states, centralized app styling constants, and microcopy architectures.

- **Content Unavailable View Template** (`contentUnavailableBasic`): Standard empty state template with icon, title, description, and action button. [App Store](https://apps.apple.com/app/id6471916279)
- **App Styles Template** (`appStylesTemplate`): Architecture guide and code structure for centralized color palettes, padding constants, and corner radiuses. [App Store](https://apps.apple.com/app/id6471916279)
- **App Microcopy Template** (`appMicrocopyTemplate`): Structured template for organizing all user-facing copy into strongly-typed constants. [App Store](https://apps.apple.com/app/id6471916279)