Post Card

NFrom Nibware - Original components, crafted in-house.

A full social post with image and action bar.

Social · 32 lines · SwiftUI · iOS 17+

The actual source

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

Pairs well with