.blur()

iOS 13+

Applies a Gaussian blur effect to a view with a specified radius.

Visual Effects
Official Apple Documentation →
iOS User Coverage
97.2%
coverage

97.2% of iOS users can use this modifier

Version Compatibility
iOS 18.7
30.3% Supported
iOS 18.6
29.8% Supported
iOS 26.1
10.7% Supported
iOS 18.5
6.0% Supported
iOS 16.7
2.3% Supported
iOS 26.2
2.0% Supported
iOS 18.3
1.8% Supported
iOS 15.8
1.8% Supported
iOS 17.6
1.7% Supported
iOS 26.0
1.3% Supported

iOS 13+ required

Variants
.blur(radius:)

Applies blur with specified radius

Parameters:
  • radius: CGFloat
.blur(radius:opaque:)

Applies blur with opacity control

Parameters:
  • radius: CGFloat
  • opaque: Bool
Code Examples

Basic Blur

Apply a 5-point blur radius

Image("landscape")
    .blur(radius: 5)

Animated Blur

Animate blur radius on state change

@State private var isBlurred = false

Image("landscape")
    .blur(radius: isBlurred ? 10 : 0)
    .animation(.easeInOut, value: isBlurred)

Loading related modifiers...

Frequently Asked Questions

What iOS version is required for .blur()?

The .blur() modifier requires iOS 13 or later. This means 97.2% of current iOS users can use this modifier.

How do I use .blur() in SwiftUI?

Apply the .blur() modifier to any SwiftUI view. Check the code examples above for usage patterns.

Where can I learn more?

Visit the official Apple documentation for detailed information.

Explore More SwiftUI Modifiers

Browse All Modifiers iOS Frameworks