UI reference · Web

Application

Application · Deleting invoices · Xero

Added to Refcat Oct 16, 2026

Application UI from Xero

Patterns

SelectAction Option

Components

dropdowntab

Explore real product flows

Onboarding flow in Xero

Reconciling a transaction flow in Xero

Reconciling a transaction

Editing widgets flow in Xero

Editing widgets

Setting up invoice template flow in Xero

Setting up invoice template

Home flow in Xero

Subscribing a plan flow in Xero

Subscribing a plan

Completing setup guide flow in Xero

Completing setup guide

Adding a transaction flow in Xero

Adding a transaction

Adding a bank account flow in Xero

Adding a bank account

Completing onboarding setup flow in Xero

Completing onboarding setup

Setting up expenses flow in Xero

Setting up expenses

Creating an invoice flow in Xero

Creating an invoice

More UI examples

paywall UI examples

Explore the full catalog

Terms and conditions Privacy Cookies