Messages screen examples

Airbnb

Inbox view where the user has no messages, featuring a filter bar for all or unread items and an open user profile dropdown menu.

• Empty State

Dock

Detail page where the user views a partnership proposal workspace while drafting a follow-up message in a right-side drawer.

• Media Detail
• Share

Appwrite

Detail page for a messaging topic where the user selects existing subscribers like Support or Admin from a modal to add them to the topic.

• Select
• Filter & Sort

Beside

Inbox view where the user sees empty states for both the chat list and conversation detail, while a prominent top banner requires them to verify their identity.

• Verification
• Empty State

Copilot

Dashboard with an open support messages modal showing an empty inbox and a prompt to send a message.

• Empty State
• Help

Town

Inbox view displaying a list of recent communication threads with options to filter by unread, read, tasks, and recordings, alongside a prominent trial status banner in the sidebar.

• Filter & Sort
• Trial

Assembly AI App Builder

Messaging inbox where the user views client conversations and can send rich-text replies with attachments.

• Media Editor

Aboard

App home screen greeting the user with quick action buttons, empty task and time-off widgets, and an open support messenger panel.

• Dashboard

Mailchimp

Settings page where the user manages message templates for their inbox, currently showing an empty state with a prompt to create the first template.

• Empty State
• Settings

Missive

Combined inbox view in an empty state with a complex filter popover open to search and select criteria like accounts, teams, and labels.

• Empty State
• Filter & Sort

Cushion

Inbox view where the user is creating a new chat by selecting recipients in a modal overlay.

• Chatbot
• Select

Linear

Inbox view where the user has no new notifications, showing a three-pane layout with a sidebar and an empty state illustration.

• Empty State