Step 01 / 09Notes

Notes are block cards in two staggered columns, pinned first. The pill at the bottom counts them and starts a new note.

NotesScreenBuilt onReaderProjectsApp Shell

Flow · Margin · Core Journey

Notes And Insights SwiftUI Flow

A SwiftUI dashboard. Search your notes, add to the review agenda, start a new note, then see the week and the month in Insights.

From the Productivity App template, on the screens its Xcode project ships, in Graphic, Neon and Studio, light and dark.

SwiftUIiOS 17.0+productivity-app

3 Screens9 Steps

01

Every step

The whole journey at once. Choose a step to play it above.

Steps 4 to 9 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.

  1. 01
    Notes

    Notes are block cards in two staggered columns, pinned first. The pill at the bottom counts them and starts a new note.

  2. 02
    Open The Pill

    Tap the pill and it opens into a toolbar: All, Pinned or This week, with New note and Search.

  3. 03
    Search Notes

    Search matches titles and bodies as you type. “token” finds the design review agenda and the migration checklist.

  4. 04
    Design Review Agenda

    A note opens in the editor with its last edit and the Pinned sticker. Pin and More sit in the bar.

  5. 05
    Add To It

    Typing adds a fourth item. Margin saves a moment after you stop, so there is no Save button.

  6. 06
    New Note

    New note opens a blank page with the title ready. A note left empty is deleted when you go back.

  7. 07
    Your Week

    Insights is a tab away: 495 focused minutes this week, up 4.2%, with tasks done, sessions and a 12-day streak.

  8. 08
    Your Month

    With Pro, Month shows the last 30 days: 34.5 hours focused, 68 tasks done and 64 sessions.

  9. 09
    Recent Activity

    Below the streak, finished tasks and focus sessions are listed newest first. Long-press a row to delete it.