Components/Pricing/Gradient Pro Paywall
Gradient Pro Paywall

Gradient Pro Paywall

NFrom Nibware

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

Pricing · 39 lines · SwiftUI · iOS 17+

The actual source

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))
}

/// Pro paywall with a 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. Everything it needs - tokens, sub-views, models - is carried in the copy-paste source above.