Spinning Loader

Spinning Loader

A dual-ring loading indicator with rotating arcs, alternating expansion phases, and a vibrant gradient stroke.

Luiz Mello
  • loading
  • spinner
  • animation

snippet.swift93 lines

//// Two concentric arcs that alternate expand/collapse phases while rotating.// Outer arc has a gradient stroke; inner arc is semi-transparent.// Inspired by the SpinningView pattern from SwiftUI-Animations.​struct SpinningLoader: View {    @State private var outerEnd: CGFloat = 0.7    @State private var innerEnd: CGFloat = 0.15    @State private var outerAngle: Double = 0    @State private var innerAngle: Double = 0​    private let outerSize: CGFloat = 68    private let innerSize: CGFloat = 44​    var body: some View {        ZStack {            Circle()                .stroke(.secondary.opacity(0.1), lineWidth: 4)                .frame(width: outerSize, height: outerSize)​​// ... (click "Show full code" to see more)