Start from an app, not a blank screen.

Ten starter apps, each with its tabs, screens and content already wired. Open one in the App Designer, change what you need, and your coding agent builds it for iOS and Android.

Starter apps

Single screens

78 screens to add to any app. Login, settings, chat, a board and more.

Every one is in the App Designer’s New Screen menu. Add it, then draw an arrow to it from the screen that opens it.

Opening screens

  • Splash Screen
  • Onboarding
  • Login
  • Onboarding Checklist
  • Welcome
  • Sign up
  • Permissions

Home

  • Jobs today
  • Agenda
  • Dashboard
  • SaaS Overview
  • Classes today
  • Portfolio
  • Noticeboard
  • Menu
  • Required training
  • Inspections today
  • Bookings home
  • Listings home
  • Assistant chat
  • Approval queue

Search and lists

  • List
  • Search Results
  • Progress (fitness)
  • Transactions
  • Media library
  • Chat history
  • Approved
  • Property search
  • Service menu
  • Reports filed
  • Invoices
  • Tickets held
  • Rewards
  • Residents
  • Memberships

Keep track

  • Job board
  • Team Members
  • Integrations
  • Members
  • Allocation
  • Sites
  • Clients
  • Saved listings
  • Media library (saved)

Messages and alerts

  • Chat
  • Notifications
  • Activity Log

Profile and settings

  • Settings
  • Profile
  • Operator account
  • Member account
  • Customer account
  • Owner account
  • Billing & Plan
  • API Keys
  • Usage & Limits
  • Account
  • Notification settings
  • Appearance
  • About

One item

  • Detail
  • Job
  • Empty State
  • Class
  • Holding
  • Notice & replies
  • New notice
  • Dish
  • Order
  • Training module
  • Inspection
  • Booking detail
  • Listing detail
  • Now playing
  • Draft & approve
  • Search filters
  • Enquire about a listing

Components

Every component, on both platforms.

Real recordings from an iPhone 17 and a Pixel 8, played back at one scale: Liquid Glass on iOS 26, Material 3 Expressive on Android.

31 of 32 components recorded on both platforms so far

Text

1 component

Expandable section

Collapsible
Details

A title you tap to show or hide the text under it.

iPhone 17360 × 96 pt
Pixel 8360 × 148.6 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Buttons

6 components

Button

Button
Details

The main action on a screen, like Continue.

iPhone 17111.3 × 44 pt
Pixel 878.9 × 40 dp
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Icon button

IconButton
Details

A round button with just an icon.

iPhone 1744 × 44 pt
Pixel 840 × 40 dp

Animated icon button

AnimatedIconButton
Details

A round button whose icon changes smoothly.

iPhone 1756 × 56 pt
Pixel 856 × 56 dp

Add button with quantity

QuantityStepper
Details

An Add button that turns into minus and plus.

iPhone 17132 × 44 pt
Pixel 8123.8 × 40 dp
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Action menu button

FabMenu
Details

One round button that fans out into several.

iPhone 1772 × 233.7 pt
Pixel 8129.1 × 251.4 dp

Main action button

Fab
Details

The one main action of a screen: a floating button on Android, a header action on iPhone.

No iOS recording yet
iPhone 17
Pixel 864 × 69.7 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Lists

1 component

Swipe actions

SwipeActions
Details

Swipe a row sideways to act on it: archive, approve, delete.

iPhone 17360 × 47.3 pt
Pixel 8360 × 49.5 dp

Forms

11 components

Switch

Switch
Details

An on/off switch for a setting.

iPhone 1763 × 28 pt
Pixel 852.2 × 32 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Stepper

Stepper
Details

Minus and plus buttons to change a number.

iPhone 1793 × 94.3 pt
Pixel 896 × 108.6 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Dropdown

Picker
Details

Pick one option from a list that opens under the field.

iPhone 17119.7 × 16 pt
Pixel 8107 × 13.7 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Checkbox

Checkbox
Details

A box you tick, for a checklist or a choice that waits for submit.

iPhone 1720 × 20 pt
Pixel 820.2 × 20.2 dp
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Radio button

RadioButton
Details

Choose exactly one of a few options, one per row.

iPhone 1716 × 13 pt
Pixel 820.2 × 20.2 dp
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Segmented control

SegmentedControl
Details

Two to five options side by side, one selected.

iPhone 17354 × 32 pt
Pixel 8363.4 × 40 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Slider

Slider
Details

Drag along a line to pick a value.

iPhone 17353 × 33 pt
Pixel 8361.1 × 44.2 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Date picker

DateTimePicker
Details

Pick a date, a time, or both.

iPhone 17197.3 × 36 pt
Pixel 8248 × 40 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real native Android control, not an approximation

Filter chips

Chips
Details

Small tags people tap to filter a list.

iPhone 17258.3 × 76 pt
Pixel 8291.8 × 32 dp
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Text field

TextField
Details

A box people type into.

iPhone 17360 × 81 pt
Pixel 8360 × 74.7 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose
SearchBar
Details

A search box with a magnifier icon.

iPhone 17330 × 40 pt
Pixel 8339.4 × 56 dp
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Images & media

2 components

Media player

MediaControls
Details

Play, pause and skip, with a progress bar.

iPhone 17300 × 218.7 pt
Pixel 8300.2 × 233.5 dp

Photo gallery

Pager
Details

Photos you swipe through one at a time, with page dots.

iPhone 17360 × 270 pt
Pixel 8360 × 269.7 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Cards & layout

2 components

Card

Card
Details

A rounded box that groups related things.

iPhone 17354 × 78 pt
Pixel 8363.4 × 84.6 dp

Panel

Surface
Details

A full-width background to group content on.

iPhone 17370 × 511 pt
Pixel 8379.4 × 542.5 dp

Charts & status

2 components

Loading spinner

LoadingIndicator
Details

A spinner that shows something is still loading.

iPhone 1735 × 35 pt
Pixel 836.6 × 32.8 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it
  • Android a real Material 3 Expressive component, drawn by Jetpack Compose

Status pill

StatusPill
Details

A small live status that grows into a card.

iPhone 17300 × 128 pt
Pixel 8300.2 × 128 dp

Pop-ups

3 components

Bottom sheet

BottomSheet
Details

A panel that slides up from the bottom of the screen.

iPhone 17400 × 402.3 pt
Pixel 8411.4 × 446.5 dp

Action sheet

ActionSheet
Details

A titled list of choices for one item, such as Share or Delete, over the screen.

iPhone 17334.7 × 335 pt
Pixel 8411.4 × 267.8 dp
  • iOS the real UIKit control, so iOS 26 draws Liquid Glass on it

Menu

Menu
Details

A short list of actions that opens next to a button.

iPhone 17266.7 × 245 pt
Pixel 8221 × 275.8 dp
  • Android a real native Android control, not an approximation

Pick one and make it yours. Every starter opens already wired.

Free to design, with no account. Build my app installs on Android from a link, and building the iOS app yourself needs a Mac with Xcode 26.