SlidableImage

SwiftUI before & after image slider with a draggable divider.

Requirements

• iOS 15+ / macOS 12+
• Swift 6.1+
• Xcode 16.4+

Installation

Swift Package Manager

Add to your Package.swift:

dependencies: [
    .package(url: "https://github.com/quver/SlidableImage.git", from: "5.0.0")
]

Or add it directly in Xcode via File → Add Package Dependencies.

Usage

SlidableImage(
    arrows: { Arrows() },
    leftView: { Image("before") },
    rightView: { Image("after") }
)

Custom arrows

SlidableImage(
    arrows: {
        Arrows(arrowColor: .black, backgroundColor: .white)
    },
    leftView: { Image("before") },
    rightView: { Image("after") }
)

Custom divider

Pass any SwiftUI view as the arrows parameter:

SlidableImage(
    arrows: {
        Image(systemName: "arrow.left.and.right")
            .padding()
            .background(.ultraThinMaterial, in: Circle())
    },
    leftView: { Image("before") },
    rightView: { Image("after") }
)

Documentation

Full API documentation is available at quver.github.io/SlidableImage.