All components

Toolbar

Toolbar is a horizontal row of actions relevant to the current view, giving users quick access to frequent commands.
Toolbar

A toolbar is a horizontal bar containing action items or commands related to what users see on screen. Its primary aim is to keep frequently used functions readily available in a singular, consistent location, usually at the top of larger screens or bottom of smaller ones. By bundling essential operations—such as create, edit, or filter—into a single row, the toolbar provides a simple, clear focal area for user actions.

Designers rely on toolbars to reduce the user’s need to switch between screens or open separate menus. When used effectively, a toolbar streamlines workflow by placing high-priority commands within immediate reach, minimizing friction and ensuring that people can perform important tasks without hunting through multiple interface layers. This results in faster, more confident interaction, enhancing overall usability.

Feed your mobile app design appetite

Turn blank screens into mouthwatering UIs in minutes
L(a)unch Now