DesignFoundation Pro ships 47 production-ready SwiftUI screens across 9 verticals, 29 composite UI blocks, and 18 shell layouts — plus 9 wired composition examples you can run as-is or steal from. Theme with one modifier, wire your data layer, ship.
DFPlayground · Free · macOS
DFPlayground is a free companion macOS app with the complete Pro catalog built in. Browse all 29 blocks, 47 screens, 18 shells, and 9 composition examples — live, interactive, and themeable. Open any screen in its own window. Switch between all 4 themes. Then decide.
⬇ Download DFPlayground — Free · macOS · 9.9 MBDFAIChatThreadScreen into your app and your AI chat is done. No design decisions. No accessibility wiring.DFTheme. Swap the entire visual identity of 47 screens and 29 blocks with one modifier at the app root. Slate, Aurora, Copper, Sage — or your own tokens.What's included
Three product layers, one license. Wire up a complete screen vertical in minutes, compose with blocks, or use shell layouts to nail your app's navigation skeleton.
UI Blocks
Each block accepts a typed Configuration struct and inherits every visual token from your active DFTheme automatically.
All three chart blocks are built on DFChartBlockShell<Period, Chart> — the shared card/title/loading/period-toolbar chrome around any Swift Charts view. Use it directly for a chart shape none of the three cover, or conform to DFChartBlock to compose the same way. Their periods: field accepts the built-in DFChartPeriodPreset (7D/1M/3M/1Y) or your own type conforming to DFChartPeriodRepresentable.
Screen Verticals
Each vertical is a self-contained set of full-page SwiftUI screens covering a complete feature domain — domain models, typed configuration, and @MainActor-isolated action closures included.
Shell Layouts
Navigation-level container views that handle sidebar / tab bar / split view logic. Drop your content in — the shell adapts to the device and size class automatically. Works with any content, any theme.
Vertical spotlight
From your store home through browsing products, managing orders, and reviewing revenue — every screen shares a typed model layer and connects through closures your view model already speaks.
// Wire up an orders screen in three lines. NavigationStack { DFEcommerceOrdersScreen( configuration: .init( orders: viewModel.orders, onSelectOrder: { order in path.append(order) }, onMarkShipped: { order in viewModel.markShipped(order) } ) ) }
Technical contract
Every block, screen, and shell ships with non-negotiable guarantees — not aspirational, contractual.
Configuration struct per block and screen — no stringly-typed API, no loose dictionaries, full autocompleteDFTheme — zero hardcoded colors, radii, fonts, or shadows anywhereStrictConcurrency enabled, no suppressions#Preview variants included for every block, screen, and shellDFOrder, DFProduct, CRMContact, AIChatMessage, etc.@MainActor-isolated action closures — safe to call directly into your actor-isolated view model#if os() guards required in consuming codeTwo packages. A clean stack. DesignFoundation is free and open-source — Pro adds everything on top.
| Package | What it provides | License | Requires |
|---|---|---|---|
| DesignFoundation | Theme engine, 25 primitive components + 6 feedback/overlay modifiers, preset themes, Liquid Glass, full style system | MIT — free | — |
| DesignFoundationPro | 29 UI blocks + 47 screens across 9 verticals + 18 shell layouts + 9 composition examples | Commercial | DesignFoundation |
Composition examples
Each composition example is a complete, runnable SwiftUI app built entirely from Pro blocks, screens, and shells — themed, wired with dfToast, and written to production quality. Copy the whole thing or take just the parts you need.
See The Foundation Way for side-by-side line counts — how much code stays out of your repo (and out of AI prompts). All 9 examples are in DFPlayground.
Get started
Theme → shell → block → screen → your data. Or start with The Foundation Way to see why teams switch — same UI, ~87% fewer lines in your target.
Read the Integration Guide → Compare line counts →Pricing
No subscriptions. No seat counting. License it once — it's yours for every project you ever ship.
Questions about licensing? nerdsnipe.inc@gmail.com
FAQ
DFTheme is in the environment. Apply your own custom theme or any of the four presets (Slate, Aurora, Copper, Sage) and every component adapts automatically. No per-component configuration required.DesignFoundationPro depends on DesignFoundation (the free MIT package). Add both to your Package.swift — Foundation provides the primitives, theming engine, and style system; Pro adds the 29 blocks, 47 screens, and 18 shell layouts on top. Pro is distributed via a licensed private repository.DFSignInBlock, DFStatCardBlock — that you compose into screens yourself. Screens are full-page SwiftUI views with domain model layers already wired — DFAIChatThreadScreen, DFCRMPipelineScreen — ready to connect to your data. Shells are navigation-level containers (DFAdaptiveShell, DFThreeColumnShell) that handle tab bar / sidebar logic and wrap any content. One license covers all three layers.StrictConcurrency experimental feature enabled in Package.swift). It targets iOS 18+, macOS 15+, and visionOS 2+. All action closures are @MainActor-isolated so they compose safely with your actor-isolated view models.47 screens. 29 blocks. 18 shells. 9 composition examples. Everything you need to ship a real app.
Get Pro — from $149 ⬇ Try DFPlayground first