Product Grid

NFrom Nibware - Original components, crafted in-house.

A two-column product grid.

E-commerce31 linesSwiftUIiOS 17+

The actual source

Product Grid · Swift

ProductGrid.swift

import SwiftUI

extension View {
    func ecCard(_ w: CGFloat, _ pad: CGFloat = 16) -> some View {
        self.padding(pad).frame(width: w)
            .background(Color(.systemBackground), in: RoundedRectangle(cornerRadius: 18, style: .continuous))
            .overlay(RoundedRectangle(cornerRadius: 18, style: .continuous).stroke(Color.primary.opacity(0.06), lineWidth: 1))
            .shadow(color: .black.opacity(0.05), radius: 14, x: 0, y: 6)
    }
}

func ecImage(_ name: String, _ w: CGFloat, _ h: CGFloat, _ r: CGFloat = 12) -> 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