SwiftUI Activity Indicator Sine Dots

DotIndicator.swift

import SwiftUI

struct DotIndicator: View {
    @State private var isLoading = false

    var body: some View {
        HStack(spacing: 10) {
            ForEach(0...4, id: \.self) { index in
                Circle()
                    .frame(width: 20, height: 20)
                    .foregroundColor(Color(.systemGreen))
                    .scaleEffect(isLoading ? 0.2 : 1)
                    .offset(x: 0, y: isLoading ? -10 : 10)
                    .opacity(isLoading ? 0.2 : 1)
                    .animation(Animation.easeInOut(duration: 0.6).repeatForever().delay(0.2 * Double(index)))
            }
        }
        .onAppear {
            isLoading = true
        }
    }
}

struct DotIndicator_Previews: PreviewProvider {
    static var previews: some View {
        DotIndicator().preferredColorScheme(.dark)
    }
}

Animation preview