UI reference · Web

Application

Application · Pinning a chart · Xero

Added to Refcat Oct 16, 2026

Application UI from Xero

Patterns

Dashboard

Components

tablist

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

dashboard UI examples

Explore the full catalog

Terms and conditions Privacy Cookies