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

Image with Scale Effect Animation

Hero image with interactive tap-to-zoom spring animation.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
imageWScaleEffectAnimation.swift
import SwiftUI

// Download the image here: https://drive.google.com/file/d/1zxSawoJvXA333ihnknEB2wwuDiwv2d-u/view?usp=sharing

struct ImageWScaleEffectAnimation: View {
    
    @State private var isAnimating: Bool = false
    
    var body: some View {
            Image("oldmap")
                .resizable()
                .scaledToFill()
                .scaleEffect(isAnimating ? 5.0 : 1)
                .frame(width: 100, height: 100)
                .clipped()
                .clipShape(RoundedRectangle(cornerRadius: 25.0, style: .continuous))
                .onAppear() {
                withAnimation(.easeOut(duration: 0.5)) {
                    isAnimating = true
                }
            }
    }
}

#Preview {
    ImageWScaleEffectAnimation()
}

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

Recommended Use Cases

  • First-run onboarding flows and feature introductions
  • App settings, preferences, and account configuration screens
  • Dashboard overviews, stats tracking, and metric highlights

Component Details

iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Pro
Themes & Contexts
settingsonboardingaccountdashboard
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