Pitch UI components examples

Pitch

A flyout mega menu triggered from the top navigation, displaying a featured blog section with an image and a list of learning resources.

• Flyout menu

Pitch

A large dropdown menu displaying presentation template categories alongside a featured image and description.

• Flyout menu

Pitch

A large dropdown menu displaying product overview information alongside categorized links for discovering features and use cases.

• Flyout menu

Pitch

A hero section featuring a prominent headline, subheadline, and an AI prompt input box to generate presentations. It includes a top navigation bar and a partial view of the app interface below.

• Hero section

Pitch

A dropdown menu for switching workspaces, managing settings, and accessing account options. It includes sections for workspace settings, available workspaces, account settings, and a link to the desktop app.

• Dropdown menu

Pitch

A context menu overlaying a presentation card, offering actions like rename, move, duplicate, and delete.

• Dropdown menu

Pitch

• Dropdown menu

Pitch

A dark-themed bottom toolbar for a presentation player. It features a segmented progress bar across the top, slide navigation controls on the left, and a cluster of utility icons and a primary CTA on the right.

• Progress indicator

Pitch

A banner prompting the user to upgrade to a premium plan to remove watermarks and branding from exports. It includes a preview thumbnail of the export and a call-to-action button.

• Upgrade your plan

Pitch

An inline banner informing the user about a branding badge on their presentations and offering an upgrade to remove it.

• Upgrade your plan

Pitch

A comment composer textarea with a portion of text selected. A floating formatting toolbar appears below the selection. Action buttons and a keyboard shortcut hint are below the textarea.

• Textarea

Pitch

A list item containing an icon, a title, a descriptive subtitle, and a toggle switch to enable engagement analytics.

• Toggle/Switch