Navigation / The visual dictionary

Ribbon.

A command surface that organizes tools into labeled tabs and groups.

Also calledribbon toolbarcommand ribbon
01

See it in context

UI illustration
▤Image
AaTable
▦Shape

A command surface that organizes tools into labeled tabs and groups. Group commands by task and show the active tab's tools in a predictable arrangement.

When to use it

Use it for feature-rich desktop productivity applications.

Know the difference

A ribbon exposes grouped commands; a tab bar primarily switches content destinations.

WebmacOSWindowsLinux

Web · macOS · Windows · Linux

Ribbons are associated with Windows productivity apps; other platforms may favor menu bars and simpler toolbars.

Primary documentation for the pattern and its platform conventions.