FreeComponents

Floating Labels

Animated floating capsule labels that fade in and out at specified positions around an image

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

Displays an image with animated floating capsule labels that fade in and out at specified positions around the image. Useful for showcasing feature callouts, AI analysis results, or point-of-interest annotations.

What you get

  • ✓98 lines of source code, ready to paste
  • ✓Source Code
  • ✓Usage
componentdisplayfloatinglabelsanimationSwiftUI

Usage

SWFloatingLabels(
    image: Image("myPhoto"),
    size: 360,
    cornerRadius: 24,
    cycleDuration: 3.0,
    labels: [
        .init(text: "Teeth mapping",    position: CGPoint(x: 0.3, y: 0.5)),
        .init(text: "Plaque detection", position: CGPoint(x: 0.9, y: 0.6)),
        .init(text: "Shape & balance",  position: CGPoint(x: 0.5, y: 0.8))
    ]
)

More in Components

All 21 skills in Components