Plan List + Trial

NFrom Nibware - Original components, crafted in-house.

A plan list (individual/yearly/family) with a free-trial CTA.

Pricing21 linesSwiftUIiOS 17+

The actual source

Plan List + Trial · Swift

PlanListTrial.swift

import SwiftUI

/// Castro - bottom-sheet plan list (individual / yearly / family) with green trial CTA.
struct PricingCastro: View {
    let green = Color(red: 0.24, green: 0.63, blue: 0.45)
    func row(_ price: String, _ sub: String, _ sel: Bool) -> some View {
        VStack(spacing: 2) { Text(price).font(.system(size: 16, weight: .semibold)); Text(sub).font(.system(size: 12)).foregroundStyle(.secondary) }
            .frame(maxWidth: .infinity).padding(.vertical, 14)
            .background(Color.primary.opacity(0.05), in: RoundedRectangle(cornerRadius: 26))
            .overlay(RoundedRectangle(cornerRadius: 26).stroke(sel ? green : Color.clear, lineWidth: 2))
    }
    var body: some View {

What it needs

Self-contained SwiftUI - system materials, SF Symbols, no external dependencies. This screen also references:

All of it - tokens, sub-views, models - is carried in the copy-paste source above.

Pairs well with

Trial + Annual Paywall