SwiftUI Glow Text

51ab4e1225c7b2704b8e3fc929c7641d4be1f0998b12841a479ae186fbf3df58.swift

import SwiftUI

struct ContentView: View {
    @Environment(\.colorScheme) var scheme
    private let date = Date()
    private let colors = [Color.green, .pink, .blue, .orange, .purple]
    private let titles = ["NEON", "GLOW", "LIGHT", "SHINE", "BRIGHT"]

    var body: some View {
        TimelineView(.animation) { context in
            let index = (Int(context.date.timeIntervalSince(date)) + 1) % colors.count
            let color = colors[index]
            Text(titles[index])
                .contentTransition(.numericText(countsDown: true))
                .animation(.default, value: index)
                .font(.system(size: 70, weight: .thin))
                .frame(width: 250)
                .shadow(color: color, radius: 5)
                .shadow(color: color, radius: 50)
                .shadow(color: color, radius: 100)
                .shadow(color: color, radius: 150)
                .shadow(color: color, radius: 200)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .foregroundStyle(scheme == .light ? AnyShapeStyle(.background) : AnyShapeStyle(.foreground))
        .background(scheme == .light ? AnyShapeStyle(.foreground) : AnyShapeStyle(.background))
    }
}

#Preview {
    ContentView()
}