Step 01 / 08Sleep

The moon button opens Sleep on last night: 7h 40m asleep, 10:49 PM to 6:45 AM, then the stage timeline.

SleepScreenBuilt onSleep

Flow · Drift · Core Journey

Nights And Trends SwiftUI Flow

Scrub last night's stages, step back a night, sync the ring and read the weeks in Trends. 8 steps through Drift.

From the Sleep App template, on the screens its Xcode project ships, in Frost, Velvet and Graphic, light and dark.

SwiftUIiOS 17.0+sleep-app

2 Screens8 Steps

01

Every step

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

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

  1. 01
    Sleep

    The moon button opens Sleep on last night: 7h 40m asleep, 10:49 PM to 6:45 AM, then the stage timeline.

  2. 02
    Scrub The Night

    Drag across the timeline and a chip reads out the stage and time under your finger while its bar lights below.

  3. 03
    The Night Before

    Tap Thursday in the strip, or swipe the figure, to read Wednesday night instead.

  4. 04
    Sync The Ring

    Pull down to sync. The layout pulses while last night comes over from the ring.

  5. 05
    Sync Failed

    If the ring stops responding, a card says so and Try again syncs once more.

  6. 06
    Trends

    Trends averages the last seven nights, stacks their stages against your eight-hour need and counts nights on goal.

  7. 07
    The Last Four Weeks

    Month, part of Drift Plus, sets a column per week and a dot for each of 28 nights.

  8. 08
    Vitals And Insights

    Further down, HRV and resting heart rate run as lines on blocks, above insights on deep sleep and bedtimes.

02

Built from the library

The reusable screens this journey is made of. Each one installs on its own too.