Version License Platform

SimpleCardView-SwiftUI is a very simple card view written with SwiftUI


ScreenShot Demo

CardView structure



    size: CGSize(width: 150.0, height: 200.0),
    title: "Hello World",
    cover: {
        Image(systemName: "leaf.fill")
            .frame(width: 100.0, height: 100.0)
    }, detail: {
        VStack(spacing: 20.0) {
            Image(systemName: "moon.stars.fill")
        .frame(maxWidth: .infinity, maxHeight: .infinity)
.backgroundColor(colors: [.cyan, .blue])

To run the example project, clone the repo, and run pod install from the Example directory first.



    size: CGSize, 
    title: String, 
    titleViewProportion: CGFloat = 1 / 4, // the proportion (of height) of the TitleView
    spacing: CGFloat = 0.0, 
    detailViewType: CardDetailsViewType = .sheet, // how the DetailView will display
    detailViewBinding: Binding<Bool>? = nil, // add a binding to control the visibility of the DetailView
    cover: () -> Cover, 
    detail: () -> Detail, 
    onTap action: (() -> ())? = nil

Methods for BackgroundView

// Set the background color of the card
func backgroundColor(_ color: Color) 

// Set the background color of the card as linear gradient
func backgroundColor(colors: [Color], startPoint: UnitPoint = .top, endPoint: UnitPoint = .bottom) 

// Set the corner radius of the card
func cardCornerRadius(_ radius: CGFloat)

// Set the shadow of the card
func cardShadow(color: Color? = nil, radius: CGFloat, xOffset: CGFloat? = nil, yOffset: CGFloat? = nil)

Methods for TitleView

// Replace the default title view with a new `AnyView`
func replaceTitleView(with alternativeView: AnyView)

// Set the title string of the title view
func title(_ title: String)

// Set the font of the title
func titleFont(_ font: Font)

// Set the text color of the title
func titleColor(_ color: Color)

// Set the alignment of the title
func titleAlignment(_ alignment: HorizontalAlignment)

// Set the truncation mode of the title
func titleTruncationMode(_ mode: Text.TruncationMode)

Execute Xcode’s Product > Build Documentation and go to SimpleCardView-SwiftUI‘s documentation for more details.


Swift >= 5.0


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

pod 'SimpleCardView-SwiftUI'

# Note that if you are installing 0.0.2 version, please try the command below
# pod 'SimpleCardView-SwiftUI', :git => ''


Tomortec, [email protected]


SimpleCardView-SwiftUI is available under the MIT license. See the LICENSE file for more info.


View Github