Breadcrumbs screen examples

Magnific

App workspace loading screen showing a custom spinner and a top navigation bar with project breadcrumbs.

• Loading

Elevenlabs

Dashboard tracking developer API usage, showing concurrent request limits and high priority request volume over time.

• Dashboard
• Usage

Aboard

Detail page for a specific photo album showing an empty state with a drag-and-drop upload prompt.

• Empty State
• Upload & Download

Navattic

Dashboard showing empty step breakdown, visitor, and account metrics for a product demo, with tabs to switch between build, manage, and analyze modes.

• Dashboard
• Charts

Mailchimp

List view where the user reviews the status of past contact imports, monitors an ongoing undo process via a toast notification, and can initiate a new import.

• Import & Export
• Table

Cushion

Detail page where a user reads a team update in the Welcome channel, views activity participants, and can write a comment or resolve the post.

• Post Detail
• Comments

Linear

Detail page where the user views and edits a specific issue, including its description, properties, labels, and activity.

• Edit
• Tasks

Chatwoot

Settings page where the user configures channel preferences for a specific inbox, including greetings and email collection, alongside a live preview of the chat widget.

• Settings
• Tabs

Bird

List view showing an empty preview of list members with options to quick add or export.

• Empty State
• Filter & Sort

Llamaindex

List view showing the history of generated spreadsheets with their status, IDs, and creation dates.

• Table
• Filter & Sort

Kinescope

Detail page where the user adds and edits interactive annotation links on a video timeline.

• Media Detail
• Edit

Documentation.AI

Content editor where the user writes and formats documentation pages, manages navigation groups via a context menu, and can publish changes.