Build apps faster with our new App builder! Check it out →

Jetpack Compose library

Material Compose

The "Material Compose" library by Google integrates Material Design with Jetpack Compose, offering a comprehensive set of components and design patterns. It allows developers to create beautiful, responsive, and intuitive UIs in Android applications using the modern declarative UI toolkit.

Installation

dependencies {
  implementation("androidx.compose.material:material:1.8.0-alpha04")
}

Components in Material Compose

Material Compose contains 54 Jetpack Compose components:

Dialogs
image
AlertDialog
Backdrop
image
BackdropScaffold
App bars: bottom
image
BottomAppBar
Bottom drawer
image
BottomDrawer
Bottom navigation
image
BottomNavigation
Standard bottom sheet
image
BottomSheetScaffold
Contained button
image
Button
Cards
image
Card
Checkboxes
image
Checkbox
Circular progress indicator
image
CircularProgressIndicator
Dividers
image
Divider
Menus
image
DropdownMenu
material_design
DropdownMenuItem
material_design
ExposedDropdownMenuBox
Extended floating action button
image
ExtendedFloatingActionButton
Floating action button
image
FloatingActionButton
material_design
IconToggleButton
Tab image
LeadingIconTab
Linear progress indicator
image
LinearProgressIndicator
Lists
image
ListItem
material_design
MaterialTheme
Modal bottom sheet
image
ModalBottomSheetLayout
Modal drawer
image
ModalDrawer
Navigation rail
image
NavigationRail
material_design
NavigationRailItem
Outlined button
image
OutlinedButton
material_design
OutlinedSecureTextField
Outlined text field
image
OutlinedTextField
material_design
ProvideTextStyle
material_design
PullRefreshIndicator
Radio buttons
image
RadioButton
material_design
RangeSlider
Scrollable tabs
image
ScrollableTabRow
material_design
SecureTextField
Sliders
image
Slider
Snackbars
image
Snackbar
material_design
SnackbarHost
material_design
SwipeToDismiss
Switches
image
Switch
Tab image
Tab
Fixed tabs
image
TabRow
Text button
image
TextButton
Filled text field
image
TextField
App bars: top
image
TopAppBar
Checkboxes
image
TriStateCheckbox

Modifiers in Material Compose

Material Compose contains 4 Jetpack Compose modifier(s):

by @alexstyl