DesignFoundationBlocks — UI Blocks for SwiftUI

What's included

29 drop-in blocks

Each block accepts a typed Configuration struct and respects your active DFTheme automatically.

Auth

🔐

DFWelcomeBlock

Logo, headline, tagline, and primary + social sign-in entry point

🔑

DFSignInBlock

Email + password + social auth buttons with optional sign-up prompt

📝

DFSignUpBlock

Name, email, password fields with social providers and terms prompt

🔓

DFForgotPasswordBlock

Email input, submit, and optional back link — ready to wire to any auth API

🔢

DFOTPBlock

N-digit code entry with auto-advance, paste support, and resend timer

Onboarding

✨

DFFeatureCarouselBlock

Paginated feature highlights with icon, title, body, and skip/continue controls

🔔

DFPermissionRequestBlock

System permission prompt with icon, explanation, allow/skip actions

💳

DFPlanSelectionBlock

Pricing plan cards with feature lists, highlighted recommended plan

🎉

DFSuccessBlock

Completion screen with icon, headline, message, and primary CTA

Dashboard

📊

DFStatCardBlock

KPI with value, trend direction, icon, and tap handler

🔢

DFMetricGridBlock

2- or 3-column grid of labeled metric values with optional icons

🍩

DFProgressRingBlock

Circular progress ring with center label, legend, and animated fill

📈

DFChartPlaceholderBlock

Styled chart placeholder with title and Swift Charts drop-in zone

Feed

📰

DFActivityFeedBlock

Full scrollable activity feed with section headers and empty state

📋

DFActivityFeedRow

Single feed row — avatar, title, message, timestamp, unread indicator

People

👤

DFContactRow

Avatar, name, subtitle, optional badge, disclosure chevron

🪪

DFProfileHeaderBlock

Large avatar, name, subtitle, primary + secondary actions

Forms

🏷️

DFTagPickerBlock

Multi-select pill picker with optional max selection and custom tags

📅

DFDateRangeBlock

Start + end date pickers with validation and range constraint support

🏠

DFAddressBlock

Street, city, state, zip, country fields with keyboard-aware layout

📋

DFMultiStepFormBlock

Stepped form container with progress bar, back/next nav, and completion callback

Lists & Search

🔍

DFSearchResultsBlock

Search results list with section grouping, badges, and empty/loading states

Notifications

🔔

DFNotificationCell

Icon, title, body, timestamp, unread dot, and optional dismiss

Settings

⚙️

DFSettingsSectionBlock

Grouped settings rows — navigation, toggle, destructive, and info variants

👤

DFAccountBlock

Avatar, display name, email, edit action, and optional membership badge

🔕

DFNotificationPreferencesBlock

Per-channel notification toggles with section grouping

⚠️

DFDangerZoneBlock

Destructive actions list with confirmation prompt and red styling

👻

DFBlockSkeletonBlock

Animated skeleton placeholder matching any block's layout

Empty State

📭

DFEmptyStateBlock

Icon, headline, optional message, optional CTA button

Technical contract

Built to the same standard as the primitives

Every block ships with the same guarantees.

Typed Configuration struct — no stringly-typed API, no loose dictionaries
All colors, typography, spacing, and radius driven by DFTheme — zero hardcoded values
Swift 6 strict concurrency — compiles clean with StrictConcurrency enabled
Accessibility labels and traits wired by default on every interactive element
Light and dark #Preview variants included for every block
No external dependencies beyond DesignFoundation itself
iOS 18 · macOS 15 · visionOS 2

// One configuration struct. Full theme coverage.
let block = DFSignInBlock(
    configuration: .init(
        onSubmit: { email, password in
            // your auth logic
        },
        providers: [
            .apple { /* Sign in with Apple */ },
            .google { /* Sign in with Google */ }
        ],
        signUpTitle: "Create account",
        onSignUp: { /* push sign-up screen */ }
    )
)

UI Blocks for SwiftUI.
Ship screens in minutes.

29 drop-in blocks

Built to the same standard as the primitives

One-time purchase

Free primitives. Commercial add-ons.

UI Blocks for SwiftUI.Ship screens in minutes.

29 drop-in blocks

Built to the same standard as the primitives

One-time purchase

Free primitives. Commercial add-ons.

UI Blocks for SwiftUI.
Ship screens in minutes.