Jetpack Compose library

Material 3 Compose

"Material 3 Compose" is Google's latest iteration of Material Design tailored for Jetpack Compose. It introduces updated design principles, components, and interactions to create modern and visually appealing Android applications with ease and consistency.

Installation

dependencies {
  implementation("androidx.compose.material3:material3:1.4.0-alpha02")
}

Components in Material 3 Compose

Material 3 Compose contains 123 Jetpack Compose components:

AlertDialog

Never start a Compose app from scratch ever again Over 150+ production ready components Browse components

AssistChip

Badge

BadgedBox

BasicAlertDialog

BottomAppBar

BottomSheetScaffold

Button

ButtonGroup

Card

CenterAlignedTopAppBar

Checkbox

CircularProgressIndicator

CircularWavyProgressIndicator

ContainedLoadingIndicator

DatePicker

DatePickerDialog

DateRangePicker

DismissibleDrawerSheet

DismissibleModalWideNavigationRail

DismissibleNavigationDrawer

Divider

DockedSearchBar

DropdownMenu

DropdownMenuItem

ElevatedAssistChip

ElevatedButton

ElevatedCard

ElevatedFilterChip

ElevatedSuggestionChip

ElevatedToggleButton

ExposedDropdownMenuBox

ExtendedFloatingActionButton

FilledIconButton

FilledIconToggleButton

FilledTonalButton

FilledTonalIconButton

FilledTonalIconToggleButton

FilterChip

FloatingActionButton

FloatingActionButtonMenu

HorizontalDivider

HorizontalFloatingAppBar

HorizontalMultiBrowseCarousel

HorizontalUncontainedCarousel

Icon

IconButton

IconToggleButton

InputChip

Label

LargeExtendedFloatingActionButton

LargeFloatingActionButton

LargeTopAppBar

LeadingIconTab

LinearProgressIndicator

LinearWavyProgressIndicator

ListItem

LoadingIndicator

MaterialExpressiveTheme

MaterialTheme

MediumExtendedFloatingActionButton

MediumFloatingActionButton

MediumTopAppBar

ModalBottomSheet

ModalDrawerSheet

ModalNavigationDrawer

ModalWideNavigationRail

MultiChoiceSegmentedButtonRow

NavigationBar

NavigationDrawerItem

NavigationRail

NavigationRailItem

OutlinedButton

OutlinedCard

OutlinedIconButton

OutlinedIconToggleButton

OutlinedSecureTextField

OutlinedTextField

OutlinedToggleButton

PermanentDrawerSheet

PermanentNavigationDrawer

PrimaryScrollableTabRow

PrimaryTabRow

ProvideTextStyle

PullToRefreshBox

RadioButton

RangeSlider

Scaffold

ScrollableTabRow

SearchBar

SecondaryScrollableTabRow

SecondaryTabRow

SecureTextField

ShortNavigationBar

ShortNavigationBarItem

SingleChoiceSegmentedButtonRow

Slider

SmallExtendedFloatingActionButton

SmallFloatingActionButton

Snackbar

SnackbarHost

SplitButtonLayout

SuggestionChip

Surface

SwipeToDismissBox

Switch

Tab

TabRow

Text

TextButton

TextField

TimeInput

TimePicker

ToggleButton

ToggleFloatingActionButton

TonalToggleButton

TooltipBox

TopAppBar

TriStateCheckbox

VerticalDivider

VerticalFloatingAppBar

WideNavigationRail

WideNavigationRailItem

Modifiers in Material 3 Compose

Material 3 Compose contains 4 Jetpack Compose modifier(s):