Text Effects

Text Effects

Four text animations: per-glyph blur reveal, a word rotator that dissolves letter by letter (TextRenderer), a shiny sweeping highlight and a scramble/decrypt effect. iOS 18+.

Luiz Mello
  • text
  • animation
  • modern

snippet.swift228 lines

6 files • Scroll to see all →
/// A `TextRenderer` that animates every glyph individually: each one fades in,/// rises and un-blurs slightly after the previous one.@available(iOS 18.0, *)public struct GlyphBlurRenderer: TextRenderer, Animatable {    public var progress: Double    var spread: Double    var blur: CGFloat    var lift: CGFloat​    public init(progress: Double, spread: Double = 0.45, blur: CGFloat = 10, lift: CGFloat = 12) {        self.progress = progress        self.spread = spread        self.blur = blur        self.lift = lift    }​    public var animatableData: Double {        get { progress }        set { progress = newValue }    }​// ... (click "Show full code" to see more)
Viewing: GlyphBlurRendereriOS18.swift•1 of 6