Library · Patterns

Patterns

Drop-in sections of an app screen, by category: chat threads, composers, navigation and tab bars, settings, forms and sheets. Each is themed by the design system and wires up with one value and a closure or two.

AI & Agents

AI Chat

New

Conversations with an assistant, from the first prompt to the history.

4 variantsBrowse

AI & Agents

Prompt Input

New

Composers that attach, dictate, mention and switch models.

4 variantsBrowse

AI & Agents

Agents

New

Plans, tool calls, approvals and live runs for agents.

4 variantsBrowse

Navigation

Navigation Bars

New

Headers and top bars that open a screen.

4 variantsBrowse

Navigation

Tab Bars

New

Bottom bars, floating bars with search, and tab strips.

4 variantsBrowse

Data

Lists and Feeds

New

Inboxes, search, timelines and file lists.

4 variantsBrowse

Data

Dashboards

Metrics and charts at the top of a screen.

1 variantBrowse

Forms

Settings

New

The groups every Settings screen needs.

7 variantsBrowse

Forms

New

Profiles, addresses, feedback and step-by-step forms.

4 variantsBrowse

Overlays

Sheets and Alerts

New

Sheets, permission asks and release notes.

4 variantsBrowse

Auth & Onboarding

Auth and Onboarding

New

5 variantsBrowse

Workflows

Commerce

Carts and checkout.

1 variantBrowse