Material 3 Guidelines 2025

Components are interactive building blocks for creating a user interface. They can be organized into categories based on their purpose: Action, containment, communication, navigation, selection, and text input.

apps

Top App Bars

Navigation bars at the top of the screen

schedule

Time Pickers

Help users select and set a specific time

text_fields

Text Fields

Allow users to enter and edit text in a UI

tab

Tabs

Organize content across different screens and views

toggle_on

Switches

Toggle the selection of an item on or off

notification_important

Snackbars

Brief updates about app processes at screen bottom

tune

Sliders

Make selections from a range of values

view_sidebar

Side Sheets

Secondary content anchored to the side of the screen

Search Bar

Enter keywords or phrases for relevant information

radio_button_checked

Radio Buttons

Select one option from a set

hourglass_top

Progress Indicators

Show unspecified wait times or process duration

view_list

Navigation Rail

Switch between UI views on mid-sized devices

drawer

Navigation Drawers

Switch between UI views on larger devices

Menus

Display a list of choices on a temporary surface

text_format

MaterialTextView

Enhanced text display component for Material 3

loop

Loading Indicators

Visual cues for short loading processes

build

Floating Toolbar

Dynamic toolbars for contextual actions

add_circle

FAB Menus

Menus expanding from FABs for related actions

add

FAB

Floating action buttons for primary actions

dock

Docked Toolbar

Fixed toolbars for frequent actions

horizontal_rule

Dividers

Thin lines to group content in containers

dialogs

Dialogs

Important prompts in a user flow

event

Date Pickers

Select a date or range of dates

label

Chips

Enter info, make selections, filter, or trigger actions

check_box

Checkboxes

Select one or more items or toggle on/off

view_carousel

Carousel

Scrollable collection of items on and off screen

vertical_align_bottom

Bottom Sheets

Secondary content anchored to the bottom of the screen

navigation

Bottom Navigation

Switch between UI views at the bottom

vertical_align_bottom

Bottom App Bars

Navigation and action bars at the bottom

badge

BadgeDrawable

Badges for notifications or status on UI elements

card_membership

Cards

Display content and actions for a single subject

touch_app

Icon and Segmented Buttons

Buttons with icons or segmented options for interaction

touch_app

Buttons

Core components for triggering actions in a UI

code

Material Kit UI

Modern App Template for Compose, Kotlin, and Flutter.

Android Material UI / UX

Let us build better apps faster & beautiful with Android Material UI / UX course for Android developer with Kotlin Modern Android apps with Material Design and integrations: Basic, MVVM, Coroutines, ViewModel, LiveData, Retrofit, Navigation, UI UX & so on.