Primary Elements

List of destructive or alternative actions anchored to the bottom of the screen.

Sheet of camera, photos, files, and location picks for the composer.

Keyboard-safe frame for login, sign-up, and one-time passcode screens.

Inline notice at the top of a screen for connectivity, billing, or policy messages.

Presents a focused mobile decision without leaving the current screen.

Path trail used on iPad settings and nested tablet layouts.

Thread chrome with a header, message list, and a pinned composer.

Step frame for cart, payment, and confirmation in a purchase flow.

Source line under an assistant answer, linking out to the cited page.

Input dock for typing, attaching, and sending a message.

Long-press menu with preview and actions, matching iOS and Android patterns.

Inbox of threads with avatar, preview line, time, and unread state.

Centered alert that asks for a confirmation or a short decision.

Edge menu that slides over the current screen for secondary destinations.

Sent and received message shapes, including text, media, and status ticks.

Full-height sheet for longer flows such as compose, filters, or checkout steps.

Top bar with back, title, and trailing actions for a stack screen.

A stack header plus tab bar that holds the primary mobile workspace.

Paged intro with a skip action, progress, and a finishing CTA.

Page indicator for carousels, stories, and onboarding steps.

Anchored panel for extra actions on iPad and larger Android screens.

A compact control for switching between two or three sibling views.

iPad-style leading sidebar plus a detail pane for wider devices.

Brief toast at the bottom confirming a save, send, or undo.

Coach-mark overlay that points at a control during first-run guidance.

System time, signal, and battery chrome used inside catalog phone frames.

Tappable starter chips that fill the composer in an assistant chat.

Persistent bottom navigation for the primary destinations in a mobile app.

Scrolling transcript of a single conversation, grouped by sender and time.

Inline card showing a tool the assistant is running, with progress and result.

Short hint on a control, used sparingly after a long-press or first-run coach mark.

Live cue that the other person is composing a reply.

Hold-to-talk control that turns speech into composer text.