Jetpack Compose offers an implementation of Material Design, a comprehensive design system for creating digital interfaces. You can use composable functions to implement Material components.

Layouts

Use the Scaffold composable to provide structure for your screens.
Learn more
Various composables let you create app bars along the top and bottom of your screens.
Learn more

User input

Use Button and similar composables to create a range of common buttons.
Learn more
Switches to let the user to toggle options in your app.
Learn more
The user can use sliders to select a value within a range.
Learn more
Chips allow you to surface information to and handle input from the user.
Learn more
Use FloatingActionButton and similar composables to create a range of floating action buttons.
Learn more

Other components

Progress indicators provide the user with visual information regarding the progress of processing.
Learn more
Use cards to contain a single set of information on a screen.
Learn more
The Dialog to surface messages and options to the user.
Learn more
Use a Snackbar to display brief message in a small popup at the bottom of the screen.
Learn more
A drawer is a slide-out sidebar for navigation or additional content
Learn more
Learn how to use basic layouts in Compose.
Learn more
Learn how to manage resources such as strings and images.
Learn more