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.

GitHub

View Github

#card

YOU MIGHT ALSO LIKE...

August 22, 2025
SwiftUI

Popup View

Floaters Toasts Popups Sheets

August 21, 2025
SwiftUI

Drops 💧

A µFramework for showing alerts like the one used when copying from pasteboard or connecting Apple pencil.

August 21, 2025
SwiftUI

MarqueeText

A SwiftUI Marquee or "scrolling text" effect found in Apple native apps. For when one line isn't enough, but two ...

August 21, 2025
SwiftUI

TextBuilder

Introduction Text composition in SwiftUI can often be cumbersome, especially when there's logic affecting its format and content. TextBuilder leverages the ...

August 20, 2025
SwiftUI

TextView

Download File -> Swift Packages -> Add Package Dependency... Select your project Enter https://github.com/kenmueller/TextView for the package repository URL Select Branch: master Click Finish ...