46 patterns · in Pro

Patterns

Whole sections of an iOS screen. The fields, buttons and charts are already laid out, wired together and given their states: drop a pattern into any app and connect it with a closure or two.

AI Chat · ProNewPro

Chat Thread

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

Inside

Streaming replies with StopLight markdown with CopyCopy, Regenerate and feedbackFailed reply with Retry

AI Chat · ProNewPro

Chat Welcome

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

Inside

Time-of-day greetingPrompt cards that pageShuffle suggestionsRecent chats

AI Chat · ProNewPro

Chat History

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

Inside

Live searchPinned and dated groupsSwipe and hold actionsRename and delete

AI Chat · ProNewPro

Attachment Chat

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

Inside

Photo layouts with +NFile chipsUpload rings with RetryFull-screen photo viewer

Prompt Input · ProNewPro

Attachment Composer

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

Inside

Photos, Camera and FilesThumbnail trayUpload states with RetryGrowing field and Send

Prompt Input · ProNewPro

Dictation Composer

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

Inside

Live level meterTranscript as you speakSpeech permission handlingSend that turns into Stop

Prompt Input · ProNewPro

Command Composer

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

Inside

/ commands@ people and filesSearch statesToken chips

Prompt Input · ProNewPro

Model Composer

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

Inside

Model menuSearch, Think and ImageDaily message limitUpgrade at the limit

Agents · ProNewPro

Agent Plan

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

Inside

Approve planEdit and reorder stepsStep statusesRetry a failed step

Agents · ProNewPro

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.

Inside

Summary rowA row per callArguments and resultsFailed calls with Retry

Agents · ProNewPro

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.

Inside

Action with a risk chipPreview of the changeAllow once, always or denyOptional countdown

Agents · ProNewPro

Agent Run

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

Inside

Status chipLive elapsed timeSteps, tokens and costPause, Resume and Stop

Navigation Bars · ProNewPro

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.

Inside

Time-of-day greetingUnread badgeAvatar with initialsFolds on scroll

Navigation Bars · ProNewPro

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.

Inside

Sliding scope tabsFilter chipsFilters countPinned header

Navigation Bars · ProNewPro

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.

Inside

Saved addressesCurrent locationNow or scheduledSearch and bag count

Navigation Bars · ProNewPro

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.

Inside

Selection circlesRolling count and Select allShare, Move and DeleteUndo after each action

Tab Bars · ProNewPro

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.

Inside

Central create buttonQuick-create menuCreate button statesBadges and scroll to top

Tab Bars · ProNewPro

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.

Inside

Live accessory rowFolds on scrolliOS 26 and iOS 17Play and pause

Tab Bars · ProNewPro

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.

Inside

Stretching indicatorSwipe between pagesTab countsFill or scroll

Tab Bars · ProNewPro

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.

Inside

Floating tab capsuleSearch that opens in placeRecent searchesYour results view

Lists and Feeds · ProNewPro

Notification Inbox

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

Inside

All, Mentions and UnreadGrouped by timeInline actionsMark all as read

Lists and Feeds · ProNewPro

Search Panel

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

Inside

Recent searchesSuggested chipsLive suggestionsScoped results

Lists and Feeds · ProNewPro

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.

Inside

Day groups on a railOutcome tintsAttachment chipsFolded runs and filters

Lists and Feeds · ProNewPro

File List

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

Inside

Storage bar by typeSort, list or gridUploads with progressRename, Move and Delete

Dashboards · ProPro

Stats Overview

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

Inside

Headline metric and its changeChart you scrubRange control from 1W to 1YMetric tiles

Settings · ProPro

Plan and Usage

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

Inside

Plan with its status and renewalUsage meters that warn near a limitUpgrade with its statesManage subscription and restore

Settings · ProPro

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.

Inside

Reward and a track that fills per friendInvite code you copyShare inviteInvited friends with their status

Settings · ProPro

Account Settings

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

Inside

Profile with photo and nameAppearance in your theme's coloursNotification togglesYour data, sign out and delete account

Settings · ProNewPro

Notification Settings

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

Inside

Real permission statePush, Email and SMSQuiet hours and digestAutosave with Retry

Settings · ProNewPro

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.

Inside

Live iOS permissionsStatus chipsData togglesDownload my data

Settings · ProNewPro

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.

Inside

Searchable FAQChat, Email and CallReport a problemCopyable version

Settings · ProNewPro

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.

Inside

Total and free spaceUsage bar by typeClear cacheDownloads to remove

Forms · ProNewPro

Profile Form

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

Inside

Photo pickerUsername checkBio with a countSave when changed

Forms · ProNewPro

Address Form

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

Inside

AutoFill on every lineCountry pickerFields per countryMapKit suggestions

Forms · ProNewPro

Feedback Form

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

Inside

Five-step ratingTopic chipsScreenshotsDevice info

Forms · ProNewPro

Step Form

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

Inside

Step segmentsA view per stepReview with EditSubmit states

Sheets and Alerts · ProNewPro

Share Sheet

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

Inside

Item headerSend to recent peopleCopy linkSystem share sheet

Sheets and Alerts · ProNewPro

Permission Primer

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

Inside

Reason and benefitsAlert previewReal permission requestOpen Settings when denied

Sheets and Alerts · ProNewPro

What's New

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

Inside

Version and titleFeature rowsTry it linksOnce per version

Sheets and Alerts · ProNewPro

Schedule Sheet

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

Inside

Quick picksCalendar and timeRepeat optionsSchedule states

Auth and Onboarding · ProPro

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

Inside

Email and password with autofillSign in with its working, done and failed statesSign in with Apple and a passkeyForgot password and create account

Auth and Onboarding · ProNewPro

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.

Inside

Email with AutoFillCheck your inboxResend countdownOptional code

Auth and Onboarding · ProNewPro

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.

Inside

Step trackSix-digit codeStrong password rulesPer-step states

Auth and Onboarding · ProNewPro

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.

Inside

Photo or initialsLive username checkRole and birthdaySkip for now

Auth and Onboarding · ProNewPro

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.

Inside

Wrapping topic chipsPick countTopic searchMinimum and maximum

Commerce · ProPro

Checkout

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

Inside

Bag with quantity steppersAddress and delivery speedPromo code and a total that followsPay and Apple Pay to the placed order

One file, dropped into any app

A pattern is one plain SwiftUI file in your project. One command adds it with Pro's design system, it re-skins with your theme, and it is yours to change.

$npx swiftpieces add SignInBlock

Components

One designed interaction each: a field, a button, a chart, a sheet.

Browse components

Patterns

A whole section of a screen, laid out, wired and given its states, that you drop into any app. In SwiftPieces Pro.

You are here

Screens and apps

Finished screens, the flows through them and complete app templates, in SwiftPieces Pro.

Explore Pro

Ready to build something better?

77 pieces, one file each, yours to keep. Start with the library or see what the whole app looks like.

Get started Explore Pro