Every screen, flow, block and app template in SwiftPieces Pro, for good.All of Pro, $199 once.$199 once.Get Pro
SwiftPiecesPro
  • Explore

    Library

    Library160The whole library, with search.Patterns46Drop-in sections of an app screen, by category.Screens54Finished, designed screens for real apps.Flows48Complete journeys through each template.Templates12Complete apps built from the screens.

    Create

    AppsBetaRemix real app screens in the PlaygroundStylesMake one theme for every screen and app
  • Resources
    DocsInstall, theming and every template's guideMCP and AgentsLet your coding agent add screensBuild KitStyles, briefs and recipes for your coding agentChangelogEvery new screen, template and fixFree ComponentsThe free SwiftUI pieces on swiftpieces.com
  • GamesNew
  • Pricing
Sign inGet Pro

Library

  • Library
  • Patterns46
  • Screens54
  • Flows48
  • Templates12

Create

  • AppsBeta
  • Styles

Resources

  • Docs
  • MCP and Agents
  • Build Kit
  • Changelog
  • Free Components
  • GamesNew
  • Pricing
  • Account
Theme
Get SwiftPieces ProFree library ↗
SwiftPiecesPro

Complete SwiftUI app flows and templates for iOS. Every flow your app needs, already built.

Library

  • Screens
  • Patterns
  • Flows
  • Templates
  • Build Kit
  • Everything

Product

  • Games
  • Pricing
  • Your account
  • Sign in

Resources

  • Docs
  • CLI
  • MCP and Agents
  • Changelog
  • Free library
  • GitHub

© 2026 SwiftPieces. One payment, lifetime access, per-developer commercial license.

Curated withby Saivion

SWIFTPIECES PROSWIFTPIECES PROSWIFTPIECES PRO

Library

SwiftUI screen and template library

The paid SwiftUI screens, flows and app templates in SwiftPieces Pro. Every preview is the screen that installs. Free components are on swiftpieces.com.

All160The whole library, with search.Patterns46Drop-in sections of an app screen, by category.Screens54Finished, designed screens for real apps.Flows48Complete journeys through each template.Templates12Complete apps built from the screens.
All categoriesFinanceAIMediaProductivityCommerceOnboardingAccountHealthTravelEducationHomeFoodWeatherNavigation

Screen · Navigation

App Shell

The root of a tabbed app: a floating tab bar, a stack per tab and real reselect behaviour.

Pattern · Settings

Help and Support

The Help section of Settings: search that filters answers as you type, questions that open in place, chat, email, call and a problem report.

01
02
03

Flow · Pulse · Onboarding

First Run

From the welcome through your goals, days and week to an account, Pulse Plus and Today.

9 Screens14 Steps

Template · Productivity

Productivity App

Margin, a workday app: a complete Xcode project with an agenda, focus sessions, notes, insights, widgets and three brand presets.

Graphic, Neon and Studio16 Screens4 Flows

Pattern · AI Chat

Attachment Chat

An assistant chat with photos and files: thumbnails and file chips with upload rings and Retry, returned files to open or share.

Screen · Productivity

Reorder

A list you reorder by dragging: rows lift, the others part, and the drop settles with a spring.

01
02
03

Flow · Ledgerly · Profile And Settings

Profile And Settings

The Face ID lock, linked accounts and the theme in Settings, then Ledgerly Plus and signing out.

6 Screens13 Steps
Game

Orbit

Game · Orbit · Play

Orbit

A calm idle voyage printed like a screenprint travel poster: bodies circling a small sun, alignments, research, and supernovas that sail your sky to new regions.

Screen · Health

Mood

A daily mood check-in around a glass orb with a Siri-style wave inside and a week of moods as bars.

Pattern · Lists and Feeds

Search Panel

The body of a search screen: recent and suggested searches, live suggestions with the match highlighted, and results by scope.

Screen · AI

Voice Mode

A voice conversation screen around a Metal glass orb with a Siri-style wave, locked to thinking.

01
02
03

Flow · Sprig · Core Journey

Cook Tonight's Dinner

Pick a need, open a collection and tonight's recipe, cook it step by step with timers, and see Progress count it.

5 Screens11 Steps
01
02
03

Flow · Stillwater · Profile And Settings

Profile And Settings

Move the daily reminder, change the theme, subscribe to Plus and sign out.

5 Screens10 Steps

Pattern · Sheets and Alerts

Share Sheet

Your app's own share sheet: the item up top, recent people to send to, Copy link, Save, Collection, More and Report.

Screen · Health

Workout

Concentric activity rings that fill on appear, over a week strip you can scrub.

01
02
03

Flow · Cadence · Core Journey

Check In For The Day

Check habits off from Today and from a habit's page, then see how the month went in Insights.

4 Screens11 Steps

Screen · AI

Ask

An assistant home with a briefing, suggested prompts and a composer that grows, attaches and records.

Pattern · Lists and Feeds

File List

A files section: storage by type, sort and list or grid, uploads with progress, rename, share, move and delete, and Add.

01
02
03

Flow · Parla · Core Journey

Review Your Words

Practice the words that are due in a review round, then meet the free plan's one round a day.

4 Screens7 Steps

Screen · Food

Nutrition

A week in packed bubbles you tap to focus, with a progress figure and capsule bars.

Pattern · Agents

Tool Calls

The tools an agent used in one reply, folded to "Used 4 tools · 3.2s" and opening to each call's arguments and result.

01
02
03

Flow · Wayfare · Profile And Settings

Profile And Settings

Trip updates, travel preferences, saved places, Theme, Wayfare Plus and signing out, from the Profile tab.

6 Screens12 Steps

Pattern · Dashboards

Stats Overview

The top of a dashboard: a headline metric and its change, a chart you scrub across 1W to 1Y, and metric tiles.

Template · Health

Sleep App

Drift, a sleep and recovery companion for a smart ring: a complete Xcode project with pairing, daily readiness, sleep stages, trends, widgets and three brand presets.

Frost, Velvet and Graphic14 Screens4 Flows

Screen · Health

Intervals

Intervals you build on steppers and run full screen in the color of each phase, with the whole workout as a strip you move through.

Pattern · Tab Bars

Top Tabs

A scrolling strip of top tabs over swipeable pages, its indicator tracking the swipe and the strip keeping the selected tab in view.

01
02
03

Flow · Ledgerly · Onboarding

First Run

From the welcome pages through alerts, Sign in with Apple and Ledgerly Plus to the Wallet tab.

7 Screens12 Steps

Screen · Account

Settings

A settings home with a collapsing profile header, grouped rows, toggles and sign out.

01
02
03

Flow · Nimbus · Onboarding

First Run

Three welcome pages, the microphone, an account and a first question answered live, then Nimbus Pro and the Chat tab.

8 Screens14 Steps

Screen · Home

Home

A room at the centre, its devices in a ring around it: tap to toggle, swipe to change rooms.

Pattern · Prompt Input

Attachment Composer

A message composer that attaches photos and files, uploads each with its own progress ring, and turns Send into Stop.

01
02
03

Flow · Cadence · Profile And Settings

Profile And Settings

Upgrade from Settings, choose an appearance and a theme, export the history and sign out.

6 Screens11 Steps

Screen · Health

Sleep

Last night as a stepped stage timeline you scrub, with stage totals as capsule bars.

Game

Orbit

Game · Orbit · Title

Orbit

A calm idle voyage printed like a screenprint travel poster: bodies circling a small sun, alignments, research, and supernovas that sail your sky to new regions.

Screen · Health

Readiness

Daily scores on a rail of tilted cards, paged by a half-circle tick dial you turn.

Pattern · Sheets and Alerts

Schedule Sheet

Pick when something happens: quick picks with real times, a calendar and time picker, repeat rules and Schedule.

Pattern · Settings

Account Settings

The account section at the top of Settings: profile and photo, appearance, notifications, your data, sign out and deletion.

01
02
03

Flow · Drift · Profile And Settings

Profile And Settings

The subscription, the ring, a new bedtime goal, the theme, the widget gallery and signing out back to the welcome.

5 Screens12 Steps

Screen · Media

Podcast Player

An episode player built on a waveform you scrub, with chapters, speed and sleep.

Template · Education

Language App

Parla, a language course you play: a complete Xcode project with a lesson path, chunky word exercises, a talking coach, passport stamps, streaks, widgets and three brand presets.

Confetti, Sol and Editorial17 Screens4 Flows

01
02
03

Flow · Nimbus · Core Journey

Pick Up A Saved Chat

Browse and search the Library, open a past conversation and its menu, then delete a chat with a long press.

2 Screens8 Steps
Game

Twine

Game · Twine · Title

Twine

A one-touch arcade run cut from washi paper: lift the blue kite, and the red one copies you a beat later in the sky below.

Pattern · Prompt Input

Dictation Composer

A message composer with voice input: a live level meter, elapsed time, Cancel and Done, and the transcript filling the field.

Screen · AI

Agent Task

An agent task screen with a live timeline of tool calls, durations and expandable results.

01
02
03

Flow · Almanac · Core Journey

Read The Forecast

Scrub the next 24 hours on Today, read the warning, ten days and conditions, switch places, then play the radar.

2 Screens8 Steps

Screen · Finance

Budget

A budget overview around a ring you can scrub, with category limits and period switching.

Pattern · Settings

Privacy Settings

The Privacy page of Settings: each permission's real status with a tap to ask or change it, data toggles, a data export and the policies.

01
02
03

Flow · Drift · Core Journey

Morning Readiness

Read today's scores on the card rail, turn back through the fortnight and open what moved a score.

2 Screens8 Steps

Screen · Finance

Activity

Account activity grouped by day, with rows that swipe to categorize, split or hide.

Template · Commerce

Subscription App

Cadence, a subscription habit tracker: a complete Xcode project with onboarding, a StoreKit 2 paywall, SwiftData, widgets and three brand presets.

Candy, Studio and Graphic16 Screens4 Flows

Pattern · AI Chat

Chat Thread

The message list of an assistant chat: replies in light markdown that stream in with Stop, then Copy, Regenerate, rate and Share.

01
02
03

Flow · Pulse · Core Journey

Build Your Own Intervals

Edit the Custom format on Timer, keep it with Pulse Plus and run it full screen.

3 Screens7 Steps

Screen · Education

Practice

A lesson exercise in chunky word tiles you press into place, with a talking coach, instant feedback and a confetti finish.

01
02
03

Flow · Almanac · Profile And Settings

Settings And Plan

Units, warnings and the theme in Settings, Almanac Plus from its row, then Start over back to first run.

5 Screens9 Steps

Pattern · Navigation Bars

Selection Toolbar

Edit mode for any list: a top bar with the count, Select all and Done, an action bar, selection circles on rows, and Undo.

Screen · Productivity

Booking

A date rail bound to a grid of time slots that reloads for the day you pick.

Pattern · Lists and Feeds

Notification Inbox

An in-app notifications list: All, Mentions and Unread, day groups, inline Accept and Reply, swipe actions and Mark all as read.

Screen · Food

Recipes

Drawn category tiles that re-rank with a spring as you pick what you need.

Template · Weather

Weather App

Almanac, a weather app set like a printed page: a complete Xcode project with an hour-by-hour forecast, a dot-matrix radar, saved places, alerts, widgets and three brand presets.

Press, Sol and Prism14 Screens4 Flows

01
02
03

Flow · Margin · Core Journey

Notes And Insights

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

3 Screens9 Steps

Screen · Media

Now Playing

A music library with a floating player that grows into a full now-playing screen.

Pattern · Auth and Onboarding

Sign In

The sign-in section of a welcome screen: email and password, Sign in with Apple, a passkey and Create account in one block.

Pattern · Prompt Input

Model Composer

A message composer with a model menu, Search, Think and Image chips, and a usage line that warns near the limit.

01
02
03

Flow · Wayfare · Onboarding

First Run

Three welcome pages, location, an account with Apple or a verified phone number, and Wayfare Plus, then Discover.

6 Screens14 Steps

Screen · Health

Breathe

A guided breathing session around a glass orb with a Siri-style wave inside.

Game

Twine

Game · Twine · Play

Twine

A one-touch arcade run cut from washi paper: lift the blue kite, and the red one copies you a beat later in the sky below.

01
02
03

Flow · Wayfare · Core Journey

Plan A Trip

Find a guide with search, plan it into Trips, then fill today's plan from the map.

7 Screens14 Steps

Screen · Travel

Nearby

A map of places nearby with a Maps-style sheet that scrolls, snaps and hands off to its list.

01
02
03

Flow · Almanac · Onboarding

First Run

Location, units, places and warnings set the almanac up, then an account and Almanac Plus before the first issue of Today.

8 Screens14 Steps

Pattern · Sheets and Alerts

Permission Primer

Explain-then-ask for notifications, location, the camera or photos, then answer what iOS says: granted, or Open Settings.

Screen · Onboarding

Welcome

First-run pages as color posters with arch windows, where parallax and progress follow your finger.

01
02
03

Flow · Stillwater · Core Journey

Check In And Breathe

Log today's mood in one tap, add feelings and a note, then breathe through a full Unwind session.

5 Screens11 Steps

Pattern · Navigation Bars

Scope Header

A feed header: the title, scopes as text tabs with a sliding underline, filter chips that scroll, and a Filters button with its count.

Pattern · Settings

Storage

The Storage page of Settings: what the app takes in a split bar, Clear cache that confirms and counts down, removable downloads and options.

Screen · Onboarding

Onboarding

First run end to end: welcome pages, a permission step and a trial offer, then into the app.

01
02
03

Flow · Parla · Profile And Settings

Profile And Settings

From Passport's gear to Settings: the daily goal, the theme and the presets Plus unlocks, Parla Plus and signing out.

6 Screens9 Steps

Screen · Home

Climate

A thermostat knob you turn around a ring of ticks, with modes and the day's schedule.

Pattern · Forms

Address Form

A shipping or billing address form with AutoFill, a searchable country list, per-country labels and street suggestions.

Screen · Commerce

Purchase

A complete StoreKit 2 purchase: plans load, the purchase runs, success lands, the app unlocks.

01
02
03

Flow · Nimbus · Core Journey

Ask And Talk It Through

A suggestion becomes a streamed reply, a dropped connection recovers with Retry, and a voice call from the toolbar returns to the same chat.

2 Screens11 Steps

Template · Finance

Finance App

Ledgerly, a personal finance app: a complete Xcode project with cards, budgets, activity, transfers, widgets and three brand presets.

Studio, Graphic and Editorial20 Screens4 Flows

Pattern · Navigation Bars

Location Header

The header of a delivery or local app: the address and its chooser, search, a Now or Schedule pill, and the bag with its count.

01
02
03

Flow · Maison · Core Journey

Control The Home

Switch a device on the hub, hold one for its controls, then speak and type commands and check the cameras.

4 Screens10 Steps

Screen · Commerce

Paywall

A paywall with plan cards, trial lines and every loading, purchasing and error state.

Screen · AI

Chat

A complete AI chat with streaming replies, a composer that stops generation and follow-scroll.

Pattern · Auth and Onboarding

Reset Password

Account recovery in one block: request a code by email, verify it, choose a new password with rules that tick off, then sign in.

01
02
03

Flow · Ledgerly · Core Journey

Cards And Budgets

From the balance on Wallet to the card you pay with, then this month's budget, a category and its limit.

5 Screens12 Steps

Screen · Account

Notifications

An activity feed where new alerts land as a stack of toasts you can fan out and swipe away.

Pattern · Prompt Input

Command Composer

A message composer with slash commands and at mentions: a filtered suggestion panel, chips for picks, and structured tokens on send.

Game

Wordly

Game · Wordly · Title

Wordly

A daily word game set in glazed tiles: shape a row of bisque, fire it, and the glazes tell you how close you came.

01
02
03

Flow · Margin · Core Journey

Plan The Day

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.

5 Screens13 Steps

Template · Travel

Travel App

Wayfare, a trip planning and booking app: a complete Xcode project with guides, a map of nearby places, day-by-day itineraries, stay booking, widgets and three brand presets.

Studio, Editorial and Graphic20 Screens4 Flows

01
02
03

Flow · Sprig · Profile And Settings

Profile And Settings

Change your diet and theme from the avatar, upgrade to Sprig Plus and start over.

6 Screens10 Steps

Screen · AI

Research

A research answer that writes itself word by word, with sources and a follow-up bar.

Pattern · Auth and Onboarding

Email Link Sign In

Passwordless sign-in by email: send a link, check your inbox with Open Mail and a Resend countdown, or enter a code instead.

Screen · Finance

Card Details

A card screen with a card that catches the light and flips to its CVV, plus limits and controls.

Pattern · Lists and Feeds

Activity Timeline

A day-by-day log on a rail: status-tinted nodes, attachment chips, folded runs, a filter by kind and paging to earlier activity.

01
02
03

Flow · Margin · Profile And Settings

Profile And Settings

Work hours, the theme, a CSV export and the upgrade to Pro, then signing out back to the welcome pages.

6 Screens10 Steps

Screen · Media

Reader

A long-read article with a serif headline and a floating pill that morphs into a reading toolbar.

01
02
03

Flow · Nimbus · Profile And Settings

Profile And Settings

The model, response style, memory, voice, Theme and an export of your chats, then the subscription and signing out.

5 Screens13 Steps

Screen · Travel

Discover

A travel discover feed of story cards that expand into full-screen guides and pull back.

Pattern · Settings

Invite Friends

A referral section: what both people get, a track that fills as friends join, the invite code to copy or share, and who you invited.

01
02
03

Flow · Cadence · Core Journey

Start A Habit

Go from an empty list to a first habit and mark it done on its page.

3 Screens6 Steps

Pattern · Auth and Onboarding

Profile Setup

The first-run profile step: a photo or initials colour, a display name, a username checked live, an optional role, and Continue or Skip.

Screen · Productivity

Search

A search screen with recent items and quick actions, and a fuzzy command palette with hold-and-slide to run.

Game

Lumen

Game · Lumen · Title

Lumen

A light-routing puzzle in soft matte ceramic, in SwiftUI and Metal, with 120 solver-checked experiments, a daily commission and a full StoreKit 2 store.

01
02
03

Flow · Wayfare · Core Journey

Book A Stay

Book the stay a trip still needs, from its recommendation through the booking card, checkout and a swipe to pay.

6 Screens11 Steps

Pattern · Navigation Bars

Greeting Header

The top of a home tab: the date, a bell with its unread count, the avatar, a greeting by time of day and search, folding into a compact bar.

Screen · Education

Passport

Progress as passport stamps you collect, with your streak, your totals and today's new stamp pressed in.

01
02
03

Flow · Parla · Core Journey

Play A Lesson

From the path into Asking directions: a hint, a right answer and a correction, the confetti finish, the streak moment and, two stops on, a new passport stamp.

5 Screens12 Steps

Template · Food

Meal Planner

Sprig, a meal planning app: a complete Xcode project with recipes that fit your pantry, a week plan, a grocery list, nutrition stats, cook mode, widgets and three brand presets.

Press, Sol and Candy18 Screens4 Flows

Screen · Health

Progress

Training progress as a load curve you scrub, personal bests with their climb, and where your work went.

01
02
03

Flow · Drift · Core Journey

Nights And Trends

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

2 Screens8 Steps

Pattern · Settings

Notification Settings

The Notifications page of Settings: the real iOS permission, Push, Email and SMS per category, quiet hours and a digest that autosave.

Pattern · Sheets and Alerts

What's New

A release notes sheet shown once per version: version and date, a title, features with symbols, Try it and Continue.

Screen · Finance

Send Money

A transfer review with the recipient, a huge amount and a slide-to-send control that commits with a haptic.

01
02
03

Flow · Maison · Profile And Settings

Household And Settings

Open the household from the avatars, invite someone, change the theme, upgrade to Plus and leave the home.

6 Screens10 Steps

Screen · Travel

Stay

A stay detail screen over full-bleed scenery, with a floating booking card that rises and flicks away.

Pattern · Tab Bars

Search Tab Bar

A floating tab bar with search set apart: tap it and the tabs fold away as it opens into a field over your recent searches.

Template · Home

Smart Home App

Maison, a smart home app: a complete Xcode project with a radial device hub, climate control, rooms and scenes, energy, widgets and three brand presets.

Velvet, Frost and Studio18 Screens4 Flows

Screen · Education

Path

A course as a winding path of lessons you press, with units as colored banners, a coach beside you and your streak on top.

01
02
03

Flow · Pulse · Profile And Settings

Profile And Settings

From your streak and settings through training days, goals, tones, the theme and Plus to signing out.

6 Screens10 Steps

Pattern · Forms

Step Form

A multi-step form container: a step indicator, your view per step, Back and Continue, Review with Edit, and Submit.

Screen · Education

Lessons

A language-learning home with a streak, today's goals as color blocks and a floating tab bar whose lens follows your finger.

01
02
03

Flow · Maison · Core Journey

Scenes, Climate And Energy

Run and edit a scene, switch a room off, then read the week's energy and lower the evening heating it points to.

5 Screens13 Steps
Game

Drift

Game · Drift · Play

Drift

A top-down snow rally at blue hour: press a side to slide, flick between sides, and chase your ghost through sixty stages.

Screen · Finance

Wallet

A wallet of stacked cards and passes you can bring forward, fan out and reorder.

Pattern · Forms

Feedback Form

A send-feedback section: a five-step rating, topic chips, a message, screenshots, device info and a thank-you.

01
02
03

Flow · Stillwater · Core Journey

See What Helps

Read the week in the journal, open yesterday's check-in, then pick up the sleep course and finish a lesson.

5 Screens8 Steps

Screen · Media

Gallery

A trip album that pages with depth, captions on color blocks, and a pinch to peek at the centred photo.

Pattern · Agents

Agent Approval

An agent asks before it acts: the action, its risk and a preview of the change, then Allow once, Always allow or Deny.

01
02
03

Flow · Ledgerly · Core Journey

Split And Send

Split a shared purchase in Activity, then send money to a friend with a swipe and keep the receipt.

5 Screens14 Steps
Game

Lumen

Game · Lumen · Play

Lumen

A light-routing puzzle in soft matte ceramic, in SwiftUI and Metal, with 120 solver-checked experiments, a daily commission and a full StoreKit 2 store.

Pattern · Settings

Plan and Usage

The subscription section of Settings: the plan and its renewal, usage meters that warn near a limit, and the way up.

Screen · Onboarding

What's New

A what's-new screen of mixed-size tiles that open into detail.

Screen · Commerce

Filters

A filter panel with chip groups, a two-handle price range and a result count that recounts as you choose.

01
02
03

Flow · Sprig · Core Journey

Plan The Week And Shop

Swap a dinner for one that uses what's about to turn, shop the list aisle by aisle and put it in the pantry.

3 Screens10 Steps
01
02
03

Flow · Stillwater · Onboarding

First Run

Three welcome pages, the reminders permission, Sign in with Apple and a free week of Stillwater Plus, then Today.

7 Screens12 Steps

Screen · Productivity

Projects

A projects screen that starts as breathing ghost rows and hands off to your real projects.

Template · AI

AI Assistant

Nimbus, an AI assistant: a complete Xcode project with streaming chat, a conversation library, voice mode, widgets and three brand presets.

Neon, Editorial and Prism15 Screens4 Flows

Pattern · Tab Bars

Accessory Tab Bar

A tab bar with a live accessory above it for what is playing or running, folding inline into the bar as the content scrolls.

Pattern · Auth and Onboarding

Interests Picker

A first-run step for picking topics: wrapping chips by section, a search that filters, a count that rolls, and Continue at the minimum.

01
02
03

Flow · Cadence · Onboarding

First Run

From the welcome pages through reminders, Sign in with Apple and the Pro trial to Today.

7 Screens12 Steps

Screen · Health

Plan

A training home where the week is drawn as its sessions and the day's session as its rhythm of work and rest.

Template · Health

Meditation App

Stillwater, a calm wellbeing app: a complete Xcode project with mood check-ins, guided breathing, short courses, a journal, widgets and three brand presets.

Ember, Editorial and Candy19 Screens4 Flows

Pattern · Tab Bars

Action Tab Bar

A floating tab bar with a round create button set apart that opens quick actions over a scrim, with badges and tap again to scroll up.

Screen · Productivity

Dashboard

A home dashboard with a collapsing greeting, live metrics, a scrubbable chart and activity.

01
02
03

Flow · Parla · Onboarding

First Run

Pip asks for your language, your reason, your level and a daily goal, offers a reminder and an account, then Parla Plus, and lands you on the path.

9 Screens14 Steps

Pattern · AI Chat

Chat History

Past assistant chats: live search, Pinned and date groups, swipe and context actions, inline rename and delete that confirms.

Screen · Weather

Forecast

A giant tabular reading you scrub hour by hour on a ruled tape, over a ten-day range table.

01
02
03

Flow · Maison · Onboarding

First Run

Name the home, pick its rooms, invite the household, allow alerts, sign in and start Maison Plus, then land on the hub.

7 Screens13 Steps

Screen · Commerce

Order

A delivery status timeline that advances live, with a courier card and a counting ETA.

Game

Wordly

Game · Wordly · Play

Wordly

A daily word game set in glazed tiles: shape a row of bisque, fire it, and the glazes tell you how close you came.

Pattern · Commerce

Checkout

A one-column checkout: bag with steppers, address and delivery speed, promo code, summary, then Pay or Apple Pay to the placed order.

01
02
03

Flow · Almanac · Core Journey

Follow A Place

Unfollow a place, search for another, follow it and move it up the list, then open its forecast page.

2 Screens8 Steps

Screen · Productivity

Focus

A focus session with a dial you drag to set minutes and a ring that drains as you work.

Pattern · Agents

Agent Plan

An agent's task plan as a checklist: review and edit the steps, approve, then watch them tick through with live notes.

01
02
03

Flow · Drift · Onboarding

First Run

From the welcome through pairing the ring, a bedtime goal, reminders, an account and Drift Plus to this morning's readiness.

7 Screens14 Steps
01
02
03

Flow · Pulse · Core Journey

Train Today's Session

Start Thursday's Engine Intervals, run it set by set, rate it and watch it land in Progress.

4 Screens10 Steps

Screen · Productivity

Agenda

A day agenda under a week strip you can page, scrub and pull open into a month.

Pattern · Agents

Agent Run

A long-running agent task live: state, elapsed time, current activity, steps, tokens and cost, Pause and Stop, then its result.

Template · Health

Fitness App

Pulse, a training app with rhythm: a complete Xcode project with a weekly plan, full-screen interval sessions, progress, widgets and three brand presets.

Pearl, Neon and Graphic18 Screens4 Flows

Screen · Weather

Radar

A dot-matrix map that plays the next two hours, with a time slider and legend blocks.

Pattern · Forms

Profile Form

An edit-profile section: photo, name, a username that checks itself as it's typed, bio with a count, and Save.

01
02
03

Flow · Margin · Onboarding

First Run

Three welcome pages, the reminders request, an account and Margin Pro, ending on today's agenda.

5 Screens12 Steps

Screen · Account

Verify

A sign-in verification screen with springing digits, SMS autofill and a shake on a wrong code.

Pattern · AI Chat

Chat Welcome

The start of a new assistant chat: a greeting, suggestion cards by intent that page sideways, Shuffle, and recent chats to continue.

Screen · Commerce

Product

A product page whose buy bar docks to the bottom as the hero scrolls away.

01
02
03

Flow · Sprig · Onboarding

First Run

From the welcome through four questions, an account and Sprig Plus, to recipes ranked for your pantry.

8 Screens11 Steps