Current Conditions

NFrom Nibware - Original components, crafted in-house.

A current-conditions hero over a sky gradient.

Weather20 linesSwiftUIiOS 17+

The actual source

Current Conditions · Swift

CurrentConditions.swift

import SwiftUI

func wxSky(_ w: CGFloat) -> LinearGradient {
    LinearGradient(colors: [Color(red: 0.29, green: 0.50, blue: 0.85), Color(red: 0.52, green: 0.70, blue: 0.93)], startPoint: .top, endPoint: .bottom)
}

/// A current-conditions hero over a sky gradient.
struct WeatherCurrent: View {
    var body: some View {
        VStack(spacing: 2) {
            Text("San Francisco").font(.system(size: 15, weight: .semibold)).foregroundStyle(.white)
            Text("52°").font(.system(size: 68, weight: .thin)).foregroundStyle(.white)

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