Components

A home for the title, navigation, and actions of a screen.

Suggestions that help people find and select a value.

An image, an icon, or initials to represent a person.

Flat, raised, and floating actions with the original Material ripple.

Related content and actions, gathered on a single surface.

Select one or more independent options.

Compact labels for people, selections, and small pieces of information.

Choose a date from a familiar Material calendar.

A focused surface for decisions that need your attention.

A sliding surface for navigation or supporting content.

Pick a single value from a list of options.

The original Material Icons, bundled with your components.

Text fields with floating labels, helper text, and validation.

The structure for app bars, navigation drawers, and content panels.

Rows of related content with icons, captions, and secondary text.

Contextual actions anchored to an icon button.

A dimmed backdrop for content that needs focus.

Linear and circular indicators with precise Material motion.

Choose exactly one option from a related set.

Touch feedback that grows from the point of interaction.

Adjust a value along a continuous or stepped range.

Brief feedback about an action, with an optional next step.

Turn a setting on or off, with an immediate effect.

Structured data with consistent alignment and optional selection.

Move between related views without leaving the page.

Choose a time using the original radial clock face.

A short explanation that appears on hover or focus.