RGStack – Card Stack View
  • July 4, 2025

This UI attempts to capture the Quibi Card Stack and the associated User Interaction.

Required

A View that conforms to the ConfigurableCard protocol

RGStack is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod ‘RGStack’

Simplest Setup

import RGStack

struct ContentView: View {
let demos: [Demo]
var body: some View {
RGStack<DemoCard>(data: demos, size: .init(width: 320, height: 530))//convenience initializer
}
}

More configuration

Use the CardInfo, which is passed to the RGStack initializer, to control more aspects of the UI Layout

struct CardInfo {
let size: CGSize
let gapDistance: CGFloat
let minScaleForBackCard: CGFloat
let visibleFractionOfBottomCard: CGFloat
}

GitHub


View Github

#card #StackView
YOU MIGHT ALSO LIKE...
🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...

Stinsen

Simple, powerful and elegant implementation of the Coordinator pattern in SwiftUI. Stinsen is written using 100% SwiftUI which makes it ...

SwiftUI Router

With SwiftUI Router you can power your SwiftUI app with path-based routing. By utilizing a path-based system, navigation in your app becomes ...

FlowStacks

This package takes SwiftUI's familiar and powerful NavigationStack API and gives it superpowers, allowing you to use the same API not just ...