Agent skill · software engineering · aradotso
progressive-blur-header-swiftui
Drop-in SwiftUI sticky header component with progressive blur effect matching Apple Music, Photos, and App Store styles.
Why this skill is useful
Provides a specific SwiftUI component for creating sticky headers with a progressive blur effect, which is not commonly found in standard libraries.
What it needs
Requires swift installed locally. About 4k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
ProgressiveBlurHeader SwiftUI Skill Skill by ara.so — Daily 2026 Skills collection. A drop-in SwiftUI package for sticky headers with progressive (variable-radius) blur — replicating the Apple Music, Photos, and App Store style where content scrolls underneath the header with increasing blur and tint. No clipping, no hard edges. Installation Swift Package Manager (Xcode) File → Add Package Dependencies → paste: Select branch: main Package.swift Then add to your target: Requirements: iOS 16+, Swift 5.9+ --- Core API StickyBlurHeader The primary component. Takes two ViewBuilder closures: header and content. Parameters Parameter Type Default Description ----------- ------ --------- ------------- maxBlurRadius Double 5 Max blur at the top edge. 5 = subtle, 10 = moderate, 20 = strong fadeExtension CGFloat 64 Points below the header the blur extends tintOpacityTop Double 0.7 Tint behind Dynamic Island / status bar tintOpacityMiddle Double 0.5 Tint at the header's vertical center The tint color adapts automatically to light/dark mode. --- Basic Usage --- Common Patterns Navigation-Style Header with Back Button Subtle Blur (Apple Photos Style) Strong Blur (App Store Style) Dynamic Header (Height Changes) Header height is measured automatically via GeometryReader + PreferenceKey — no manual sizing needed: --- Architecture The component uses a three-layer ZStack: Layer Component Purpose ------- ----------- --------- Back ScrollView Content scrolls freely, never clipped Middle VariableBlurView + gradient Progressive blur + adaptive tint Front Your header view Floats above blur, transparent background The blur engine is VariableBlur by nikstar, which uses the same private API Apple uses internally. It is App Store approved. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/progressive-blur-header-swiftui