SwiftUI components
Alerts, loading states, steppers, search bars and the other building blocks every screen needs.
21 skills, all free
- Add SheetFreeBottom sheet with text input field, Cancel and Continue buttons, presented as a medium detent sheet
- Alert Toast NotificationFreeGlobal toast-style alert overlay with preset styles (info, success, warning, error) and auto-dismiss
- Bullet Point TextFreeText label with a colored capsule bullet point indicator that accepts any View content via @ViewBuilder
- Cached ImageFreeAsyncImage drop-in with a memory + disk cache, so re-created views show remote images on the first frame instead of flashing the placeholder
- Floating LabelsFreeAnimated floating capsule labels that fade in and out at specified positions around an image
- Gradient DividerFreeHorizontal divider with a center-fade gradient effect (clear to color to clear)
- Image ThumbnailFreeReusable rounded image thumbnail with same-named ColorSet fallback — perfect for product cards, avatars, and cover images
- KPI CardFreeDashboard metric card with icon, title, value (numericText animation), tint color, and customizable trailing slot. Includes SWKPIDeltaTag for period-over-period comparison
- Label with Icon and ImageFreeReusable label components pairing a leading visual (SF Symbol or image resource) with localized text
- Page Loading OverlayFreeFullscreen loading overlay with blur background, customizable message, optional icon with pulse animation, and progress indicator
- Markdown TextFreeLightweight Markdown renderer for LLM output — supports headings, fenced code blocks, lists, dividers, and inline formatting (bold, italic, inline code)
- Order Customization ViewFreeAnimated drink customization demo with flavor selection, cup sizing, matchedGeometryEffect, and quantity control
- Root Tab ViewFreeRoot TabView template using iOS 18+ Tab API with selected/unselected icon switching and haptic feedback
- Rotating QuoteFreeAuto-rotating quote display that cycles through quotes with animated transitions and stable layout height
- Scrolling FAQ CarouselFreeAuto-scrolling horizontal FAQ carousel with infinite looping rows scrolling in alternating directions (iOS only)
- Search BarFreeCapsule-shaped search bar with magnifying glass, clear button, and ultra-thin material background
- Status BadgeFreeCapsule-shaped colored status badge with preset styles (info, success, warning, error, neutral) for workflow states like orders, tickets, contracts, and tasks
- Compact StepperFreeCompact numeric stepper with chevron buttons, animated numeric text transitions, and haptic feedback
- Tab ButtonFreeCapsule-shaped tab button toggling between selected and unselected states for segmented controls
- Thinking IndicatorFreeAnimated three-dot bouncing indicator for chat typing/thinking states
- Video PlayerFreeShowcase video player with first-frame thumbnail, tap-to-fullscreen AVKit playback, and orientation callbacks