Compose · theme · cross-platform

What teams build with the kit

DesignFoundation is a design system — not a single app template. Pick blocks and screens for your domain, theme once, ship on iPhone, iPad, and Mac. These are the most common starting points.

By product type

Match your app to the catalog

Each card lists a recommended composition root (fastest path), individual screens, and Foundation primitives you will use everywhere.

Consumer / social app
ProConsumer
Feed, stories, explore, profiles, notifications — the patterns every social product needs without rebuilding chrome.
Start here DFSocialAppShell · DFSocialFeedScreen · DFProfileHeaderBlock

Theme Aurora or Sage
SaaS / productivity
ProB2B
Split navigation, dense settings, auth blocks, validated forms, empty and loading states — ship a credible v1 fast.
Start here DFAdaptiveShell · DFSettingsRootView · DFSignInBlock

Theme Slate or workspace
AI / chat product
ProAI
Thread UI, composer, model picker, compare mode, settings sheet — conversation patterns that usually take weeks.
Start here DFAIChatRootView · DFAIChatThreadScreen · AIChatDesignKit

Theme Aurora or custom
Docs / notes app
ProKnowledge
Three-column browse, folder sidebar, editor column, search — Notes / Bear / Notion-style layout on all platforms.
Start here DFDocumentsRootView · DFThreeColumnShell · DocumentsDesignKit

Theme Copper or Sage
Store / marketplace
ProCommerce
Seller ops or storefront dashboards — products, orders, revenue charts, order detail timelines.
Start here DFEcommerceRootView · DFEcommerceOrdersScreen · DFBarChartBlock

Theme Copper or Slate
Analytics / data product
ProMetrics
KPI overview, revenue trends, user acquisition, live event tables — real Swift Charts, not placeholder mockups.
Start here DFAnalyticsRootView · DFLineChartBlock · DFDataTable

Theme Slate + workspace density
Indie app + onboarding
ProLaunch
Welcome → auth → OTP → permissions → plan selection → success. Ten screens, one flow, fully themed.
Start here DFOnboardingFlow · DFWelcomeBlock · DFPlanSelectionBlock

Theme Any preset — swap in one line
Project / task management
ProTeams
Command center home, kanban board, list view, timeline, team roster, task detail — team product reference.
Start here DFPMRootView · DFPMBoardScreen · PMDesignKit

Theme Slate workspace
Settings & account (any app)
Universal
Every app needs account, security, billing, notifications, team, and danger zone — drop in six screens or the unified root.
Start here DFSettingsRootView · DFSettingsSecurityScreen · DFFormState

Free + Pro validation via Foundation

Internal tools & ops apps

Data-heavy rosters, bulk actions, inline edit, and dense dashboards are first-class — not the whole product identity. Teams building admin consoles reach for DFDataTable, DFDataGrid (contacts list ↔ grid toggle), CRM and Analytics composition roots, and workspace density. See the CRM and Analytics cards above, or start from the Integration Guide.

Ready to integrate?

Follow the five-step workflow, or see The Foundation Way — old SwiftUI vs Foundation side-by-side with line counts and token estimates.

The Foundation Way → Integration Guide → Browse Pro →