FreeComponents
Gradient Divider
Horizontal divider with a center-fade gradient effect (clear to color to clear)
Free
Free with a ShipSwift account.
Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.
Works with
+70
What it does
Horizontal divider with a center-fade gradient (clear -> color -> clear).
What you get
- ✓22 lines of source code, ready to paste
- ✓Source Code
- ✓Usage
componentdisplaydividergradientSwiftUI
Usage
SWGradientDivider() // cyan, 0.3 opacity, 1pt
SWGradientDivider(color: .purple, opacity: 0.5) // purple variant
SWGradientDivider(color: .mint, height: 2) // thicker mint lineMore in Components
- 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
- Image ThumbnailFreeReusable rounded image thumbnail with same-named ColorSet fallback — perfect for product cards, avatars, and cover images