Elements

Expandable section for FAQs, filters, and nested settings.

Choose which workspace or profile to open after sign-in.

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

Face or initials used on rows, headers, comments, and assistants.

Count or status mark on a tab, avatar, or icon.

Inline notice for connectivity, billing, policy, or generated-content safety.

Card that rises from the bottom for a focused choice, filter, or short task.

Path trail used on iPad settings and nested tablet layouts.

Primary and secondary pressable used for saves, continues, and sheet actions.

Raised container for a summary, media, or a tappable destination.

Horizontally paged cards or images with snap and page dots.

Line, bar, donut, ring, or heatmap for balances, activity, and trends.

Multi-select mark for lists, filters, and agreement rows.

Compact filter, suggestion, or status token that can be selected or dismissed.

Digit boxes and a numeric pad for a one-time passcode or a payment PIN.

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

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

Controls to fork, regenerate, or switch a reply in a thread.

Calendar or spinner for picking a date, and optionally a time.

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

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

Illustration, title, and action when a list or search has nothing to show.

Circular overlay action for compose, create, or scan on a list screen.

Inset list with section titles, swipe actions, and rows that load as you scroll.

Editor surface for generated images, with tools and export.

Full-screen photo with pinch zoom, compare, captions, and share.

Tappable row for inboxes, directories, and settings lists.

Interactive map with user location, pins, and a selected place card.

Play, scrub, and time controls for video and in-app audio.

Sent and received messages, with typing, citations, and message actions.

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.

Stack header plus tab bar that holds the primary mobile workspace.

Minus and plus control for quantity, duration, or a small numeric value.

Banner or chip that the device is offline and changes will sync later.

Line items, shipping, and total before the customer pays.

Plan picker with benefits, price, and a subscribe action.

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

Linear or circular progress for uploads, checkout, and onboarding.

Starter chips and a saved prompt library for an assistant chat.

Single choice inside a grouped list of options.

Star or score input for reviews and feedback.

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

Opens a list or picker sheet to choose one value from a set.

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

Placeholder bones shown while a screen's first data is loading.

Continuous value along a track, for volume, price range, or brightness.

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.

Step index for a multi-screen flow such as checkout or KYC.

Horizontal circles for ephemeral stories or status updates.

Binary on/off for a setting, with a sliding thumb.

Persistent bottom navigation for the app's primary destinations.

Single-line input with a visible label, keyboard type, and validation.

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.

Balance header and a dated list of payments with merchant, amount, and status.

Hold-to-talk control and listening state for speech in the composer.

Pass, ticket, gift card, loyalty card, or scannable code.

Home-screen widget mock used in an in-app customise flow.