SlideOverCard - SwiftUI card popup, card actionsheet

picker view SwiftUI

SlideOverCard – SwiftUI card popup, card actionsheet

July 4, 2025

A SwiftUI card design similar to the one used by Apple in HomeKit, AirPods, Apple Card and AirTag setup, NFC scanning, Wi-Fi password sharing and more. It is specially great for setup interactions.

From left to right: SlideOverCard being used in Clear Spaces, a QR code scanner prompt (made with CodeScanner) and a sample demo app

Installation

This repository is a Swift package, so just include it in your Xcode project and target under File > Add package dependencies. Then, import SlideOverCard to the Swift files where you’ll be using it.

Usage

Adding a card to your app is insanely easy. Just add a .slideOverCard() modifier anywhere in your view hierarchy, similarly to a .sheet():


                                              
                                                .slideOverCard(isPresented: $isPresented) {

// Here goes your awesome content

}

And that’s it! It just works. In this case, $isPresented is a boolean binding. This way you can dismiss the view anytime by setting it to false.