Asana UI components examples

Name: Asana
Author: Bertrand

Browse Asana UI component design examples. Preview individual interface elements and explore related component categories. The easiest way for teams to track their work

Explore the examples

Asana

Alert

Asana

Upgrade your plan

Asana

A template builder with a stepper

Stepper

Asana

A project card with a progress bar

Progress indicator

Asana

A project timeline view with tasks and assignments.

Timeline & history

Asana

A top bar for drafting a status update, featuring breadcrumb navigation on the left and publishing controls on the right. The controls include a reminder toggle, privacy setting, recipient list with avatars, and a primary post button.

Horizontal navigation

Asana

Artificial intelligence

Asana

A vertical bar chart displaying incomplete tasks by project. It features a y-axis for task count, an x-axis with angled project names, and data labels above each bar.

Charts

Asana

A notification feed with various updates and messages.

Vertical list

Asana

A calendar view of tasks.

Timeline & history

Asana

A dropdown menu providing various actions for a task, including adding to projects, tagging, creating follow-ups, AI features like summarizing, and destructive actions like deleting.