Monarch UI components examples

Browse Monarch UI component design examples. Preview individual interface elements and explore related component categories. The modern way to manage money

Finance app examples

Explore the examples

Monarch — Dropdown menu component

This is a screenshot of a user profile dropdown menu.

Dropdown menu

Monarch — Tabs component

The screenshot displays a modal or section with a tabbed interface for creating a new rule.

Tabs

Monarch — Empty state component

The screenshot displays a modal or section indicating that there are no categories in the current group, with a call to action to create a new category.

Empty state

Monarch — Theme settings component

Theme settings

Monarch — Charts component

A line chart showing net worth over one month.

Charts

Monarch — Progress indicator component

The screenshot displays a recommendation card with a progress bar and an edit option.

Progress indicator

Monarch — Charts component

A financial dashboard showing investment allocation with a bar chart and a table.

Charts

Monarch — Charts component

A financial dashboard showing portfolio performance against benchmarks.

Charts

Monarch — Sorting & filtering component

The image shows a date range selector and a dropdown menu.

Sorting & filtering

Monarch — Charts component

A contributions chart showing budget and actual contributions over time.

Charts

Monarch — Timeline & history component

A calendar view showing scheduled events.

Timeline & history

Monarch — Table component

A table displaying financial transactions.

Table

Browse the full component library

Browse the full UI component library.

Trusted by the best teams

Related apps

Related screens

SaaS screen examples

Related marketing pages

SaaS marketing page examples

Related components

SaaS UI component examples

Related flows

User flow examples from SaaS apps