Gradient Pro Paywall

NFrom Nibware - Original components, crafted in-house.

A Pro upgrade paywall with a gradient header and weekly-priced plan rows.

Pricing39 linesSwiftUIiOS 17+

The actual source

Gradient Pro Paywall · Swift

GradientProPaywall.swift

import SwiftUI

func prButton(_ label: String, bg: Color, fg: Color = .white, radius: CGFloat = 12, size: CGFloat = 16) -> some View {
    Text(label).font(.system(size: size, weight: .semibold)).foregroundStyle(fg).frame(maxWidth: .infinity).padding(.vertical, 15).background(bg, in: RoundedRectangle(cornerRadius: radius, style: .continuous))
}

/// Fabric - Pro paywall with purple gradient header and three weekly-priced plan rows.
struct PricingFabric: View {
    let blue = Color(red: 0.16, green: 0.16, blue: 1.0)
    func plan(_ title: String, _ price: String, _ save: String?, _ sel: Bool) -> some View {
        HStack {
            VStack(alignment: .leading, spacing: 2) { Text(title).font(.system(size: 15, weight: .bold)); Text(price).font(.system(size: 13)).foregroundStyle(.secondary) }

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