Margin: Productivity App in SwiftUI
Setup guide for Margin, a complete Productivity App Xcode project in SwiftUI. Install, rename and theme version 1.0.0.
Margin is a complete Productivity App in SwiftUI: an Xcode project you rename and ship. Margin, a workday app: a complete Xcode project with an agenda, focus sessions, notes, insights, widgets and three brand presets. This guide takes you from download to a running, renamed app. It covers version 1.0.0. See the screens on its library page.
Requirements
- Xcode 26 and an iOS 17.0 or later deployment target
- Tuist 4 (
brew install tuist) - An Apple Developer team for devices, App Groups and Sign in with Apple. The simulator runs without one.
Install
Download
Included with SwiftPieces Pro. Not signed in? The button takes you to sign in or create an account, then starts the download when you're back. Unzip the archive; it contains one folder, Margin/.
Make it yours
cd Margin
scripts/setup.sh --name YourApp --bundle-id com.you.yourapp --preset margin-neonThe script rewrites the project configuration, renames the paywall product ids, renders the app icon in the chosen preset and runs tuist generate.
Run it
Open YourApp.xcworkspace, choose an iPhone simulator and run the YourApp scheme. The first launch loads sample data so every screen has content.
Screens and flows
Margin ships 16 screens, joined by 4 flows. Play each flow step by step on the site:
- First Run: onboarding, 12 steps. Three welcome pages, the reminders request, an account and Margin Pro, ending on today's agenda.
- Plan The Day: core journey, 13 steps. Add a task with its own project and time block, check off an errand, then focus on the next block and see the session logged.
- Notes And Insights: core journey, 9 steps. Search your notes, add to the review agenda, start a new note, then see the week and the month in Insights.
- Profile And Settings: profile and settings, 10 steps. Work hours, the theme, a CSV export and the upgrade to Pro, then signing out back to the welcome pages.
Every screen is a SwiftUI view in the project. Search for its type to find the file.
| Screen | SwiftUI view | Where |
|---|---|---|
| Welcome | OnboardingStack | First run |
| Reminders | PermissionSheet | First run |
| Sign In | SignInView | Account and subscription |
| Margin Pro | PaywallView | Account and subscription |
| Agenda | AgendaScreen | Tabs |
| Focus | FocusScreen | Tabs |
| Notes | NotesScreen | Tabs |
| Insights | InsightsScreen | Tabs |
| Task Detail | TaskDetailScreen | Details and sheets |
| New Task | TaskEditorView | Details and sheets |
| New Project | ProjectEditorView | Details and sheets |
| Note | NoteEditorScreen | Details and sheets |
| Settings | MarginSettingsScreen | Profile and settings |
| Day Starts | SettingsPickerList | Profile and settings |
| Theme | ThemeSettingsView | Profile and settings |
| Export | ExportSheet | Profile and settings |
Rebrand options
| Option | What it sets |
|---|---|
--name | Target, scheme and product name. Letters and digits. |
--bundle-id | The bundle id. The widget, modules, tests and the App Group derive theirs from it. |
--display-name | The name under the icon. Copy that mentions the app reads it at runtime. |
--team | Your Apple Developer team id. |
--preset | The starting brand preset. Also re-renders the app icon. |
--product-prefix | App Store Connect product id prefix. Defaults to the bundle id plus .pro. |
The values live in Tuist/ProjectDescriptionHelpers/AppConfig.swift if you prefer to edit them by hand.
Theming
Margin reads every color, type size, radius and animation from @Environment(\.spTheme). Its three presets are three different scheme families, so switching changes the whole look: ground, surfaces, color blocks, type and shape. People switch presets and appearance in Settings > Theme, and the widget follows.
| Preset | Id | Look | Type |
|---|---|---|---|
| Graphic | margin-graphic | Concrete grey, flat primaries, heavy type. | Space Grotesk |
| Neon | margin-neon | Void black with electric lime and violet. | Geist |
| Studio | margin-studio | Charcoal and pastel blocks, light giant numerals. | Inter |
- Blocks:
theme.color.tilesholds each family's solid block colors with the ink that reads on them. Use them for categories, charts and highlights, and keep the accent for the primary action. - Numbers and display type:
theme.type.numeral(64)andtheme.type.display(40)set any size in the family's style, scaling with Dynamic Type. - Backdrop:
SPBrandBackdropdraws the family's motif (contours, scenery, shapes, blobs, rings, the Pearl haze, Confetti's sprinkles or Prism's luminous field) behind hero surfaces. - Liquid Glass:
.spGlassuses glass on iOS 26, Material on iOS 17 and 18, and an opaque surface under Reduce Transparency.
To build your own brand, start from the preset closest to it in BrandPresets.swift, copy it, and change its colors; every role and block pairing should keep 4.5:1 contrast. For a quick start from hues, SPBrandConfiguration.custom(...) builds an accessible palette from three OKLCH hues.
Purchases and accounts
PurchaseStorehandles StoreKit 2: products, purchase, restore and transaction updates. The scheme runs withConfiguration/Products.storekit, so purchases work in the simulator before App Store Connect is set up.- Create the products in App Store Connect with the ids in the project's catalog (the product prefix plus
.yearlyand.monthly). AccountStoresigns in with Apple and keeps the account in the Keychain. People can also continue without an account.- Data lives in SwiftData inside the App Group, so the widget reads the same store. Replace the sample data by conforming your own type to the repository protocol.
Launch arguments
Debug builds accept these arguments for demos and screenshots. Release builds ignore them.
| Argument | Effect |
|---|---|
-SPMockStore | Local purchases with the same plans |
-SPMockAccount | A signed-in sample account |
-SPSkipOnboarding | Open on the home screen |
-SPResetOnboarding | Run first launch again |
-SPResetData | Reseed the sample data |
-SPTab followed by a tab id | Open a tab |
-SPPresent paywall | Present the paywall |
-SPPreset margin-neon | Start with a preset |
-SPAppearance dark | Force light or dark |
Changelog
1.0.0
2026-09-16
- Tuist project with feature modules (Onboarding, Agenda, Focus, Notes, Insights, Settings) on a shared DesignSystem.
- One-command setup: name, bundle id, team, product ids, brand preset and app icon.
- Brand presets Graphic, Neon and Studio with Space Grotesk display type, switchable in Settings.
- Agenda with the week strip, a day timeline of events, time blocks and open time, and task check-off.
- Focus sessions logged to tasks, notes with autosave and pinning, an insights dashboard.
- StoreKit 2 paywall with a
.storekitconfiguration and a mock store for demos. - Sign in with Apple with Keychain storage and revocation checks, or continue without an account.
- SwiftData persistence in an App Group, with a sample week and a repository protocol.
- Home and Lock Screen widgets with interactive task check-off.
- Task reminders, a morning focus nudge, work hours, week start and CSV export.
- Light and dark mode, Dynamic Type through AX5, VoiceOver labels, Reduce Motion and Reduce Transparency.
- String catalog, unit tests and a first-run UI test.