Autumn Sale50% offCOMPOT
Images & EffectsFree ComponentiOS 16.0+Xcode 15+

Image with Text Overlay

Media container with gradient scrim and overlaid caption typography.

Download in Compot AppBrowse all Images & Effects

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
imageWTextOverlay.swift
Image(systemName: "circle")
    .font(.system(size: 50, weight: .thin))
    .foregroundStyle(.secondary)
    .overlay(Text("❤️"), alignment: .center)

Ready to copy and paste directly into any Xcode project running iOS 16.0+.

Recommended Use Cases

  • Dashboard overviews, stats tracking, and metric highlights

Component Details

Category
Images & Effects
iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Free
Themes & Contexts
dashboard
Keywords
emoji
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store

Related SwiftUI Components

More components in Images & Effects and related app architectures.

View all Images & Effects
ButtonsiOS 16.0+

Bouncy Button Icon

Interactive button featuring fluid spring animations and smooth scale feedback upon tap.

View Component & Code
ButtonsiOS 16.0+

Button with Repeat Behavior

Stepper-like button with continuous press-and-hold repeating action for counters and volume adjustment.

View Component & Code
ButtonsiOS 16.0+

Button for Copying

Smart copy button that temporarily switches icon and text to "Copied!" with tactile haptic feedback.

View Component & Code