Notion Mail UI components examples

Browse Notion Mail UI component design examples. Preview individual interface elements and explore related component categories. The inbox that thinks like you

Explore the examples

Notion Mail — Vertical navigation component

A side navigation panel for an email application.

Vertical navigation

Notion Mail — Input search component

A search bar with a menu icon and a clear icon.

Input search

Notion Mail — Input search component

A search modal in an email application.

Input search

Notion Mail — Dropdown menu component

The screenshot displays a modal for selecting a category, with options like Work, Forums, Promotions, Social, and Updates.

Dropdown menu

Notion Mail — Dropdown menu component

This screenshot shows a modal with a dropdown menu for selecting a category.

Dropdown menu

Notion Mail — Datepicker component

Datepicker

Notion Mail — Datepicker component

A scheduling modal showing availability.

Datepicker

Notion Mail — Rich text editor component

The screenshot shows a snippets modal.

Rich text editor

Notion Mail — Rich text editor component

Rich text editor

Notion Mail — Artificial intelligence component

A simple email interface with action options.

Artificial intelligence

Notion Mail — Artificial intelligence component

The screenshot shows a text input field with a placeholder text and a loading indicator.

Artificial intelligence

Notion Mail — Artificial intelligence component

A text editor with formatting options.

Artificial intelligence

Similar components

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