Scanning Overlay Effect

Animated scan-line overlay with flowing grid, sweeping scan band, and noise layer for an analyzing/processing visual effect

Free

Free with a ShipSwift account.

Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.

Works with

+70

What it does

Animated scan-line overlay wrapper that renders a flowing grid, a top-to-bottom sweeping scan band, and a subtle noise layer on top of the provided content. Conveys an "analyzing / processing" visual effect. Uses Canvas for high-performance grid rendering.

What you get

✓185 lines of source code, ready to paste
✓Source Code
✓Usage

animationscanningoverlaycanvasSwiftUI

Usage

// Wrap any view with the scanning overlay
SWScanningOverlay {
    Image("myPhoto")
        .resizable()
        .scaledToFit()
}

// With custom parameters
SWScanningOverlay(
    gridOpacity: 0.3,
    bandOpacity: 0.5,
    bandHeightRatio: 0.25,
    gridSpacing: 20,
    speed: 3.0
) {
    Image("myPhoto")
        .resizable()
        .scaledToFit()
}