Stat Tiles

NFrom Nibware - Original components, crafted in-house.

A grid of activity stat tiles.

Fitness34 linesSwiftUIiOS 17+

The actual source

Stat Tiles · Swift

StatTiles.swift

import SwiftUI

let ftRed = Color(red: 0.98, green: 0.13, blue: 0.35)

let ftGreen = Color(red: 0.52, green: 0.90, blue: 0.16)

let ftBlue = Color(red: 0.12, green: 0.88, blue: 0.92)

let ftOrange = Color(red: 0.98, green: 0.55, blue: 0.15)

extension View {
    func ftCard(_ w: CGFloat, _ pad: CGFloat = 18) -> 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