Post Card

NFrom Nibware - Original components, crafted in-house.

A full social post with image and action bar.

Social32 linesSwiftUIiOS 17+

The actual source

Post Card · Swift

PostCard.swift

import SwiftUI

/// A full social post with image and action bar.
struct SocialPost: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            HStack(spacing: 10) {
                Image("carPortrait").resizable().aspectRatio(contentMode: .fill).frame(width: 38, height: 38).clipShape(Circle())
                VStack(alignment: .leading, spacing: 1) { Text("maya.travels").font(.system(size: 14, weight: .semibold)); Text("San Francisco · 2h").font(.system(size: 11)).foregroundStyle(.secondary) }
                Spacer()
                Image(systemName: "ellipsis").font(.system(size: 15)).foregroundStyle(.secondary)
            }.padding(12)

Images this component uses

The code references these images by name. Download and drag into your Xcode Asset Catalog, keeping the same names, and the component renders exactly like the preview. Or swap in your own.

carBeach.pngDownload

carPortrait.pngDownload

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