Components
Material Components are interactive building blocks for creating a user interface.
Many are available as open-source code for Android, iOS, the web, and Flutter.
App bars: bottom
A bottom app bar displays navigation and key actions at the bottom of mobile screens Android iOS Flutter
App bars: top
The top app bar displays information and actions relating to the current screen Android iOS Web Flutter
Backdrop
A backdrop appears behind all other surfaces in an app, displaying contextual and actionable content Flutter
Bottom navigation
Bottom navigation bars allow movement between primary destinations in an app Android iOS Flutter
Buttons
Buttons allow users to take actions, and make choices, with a single tap Android iOS Web Flutter
Buttons: floating action button
A floating action button (FAB) represents the primary action of a screen Android iOS Web Flutter
Chips
Chips are compact elements that represent an input, attribute, or action Android iOS Web Flutter
Dialogs
Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks Android iOS Web Flutter
Navigation drawer
Navigation drawers provide access to destinations in your app Android iOS Web Flutter
Progress indicators
Progress indicators express an unspecified wait time or display the length of a process iOS Web Flutter
Selection controls: Checkboxes
Checkboxes allow the user to select one or more items from a set or turn an option on or off Android Web Flutter
Selection controls: Radio buttons
Radio buttons allow the user to select one option from a set Android Web Flutter
Selection controls: Switches
Switches toggle the state of a single setting on or off Android Web Flutter
Sheets: bottom
Bottom sheets are surfaces containing supplementary content that are anchored to the bottom of the screen Android iOS Flutter
Snackbars
Snackbars provide brief messages about app processes at the bottom of the screen Android iOS Web Flutter
Learn more
Browse our favorite Material videos, articles, and tutorials
