Jetpack Compose makes it easy to implement a design system and give your app a consistent look and feel with theming, components, and more.
The following pages provide details on how to design and implement your design system:
- Material Design 3: Learn how to implement Material You with Compose's implementation of Material Design 3.
- Migrating from Material 2 to Material 3: Learn how to migrate your app from Material Design 2 to Material Design 3 in Compose.
- Custom design systems: Learn how to implement a custom design system in Compose, and how to adapt existing Material Design composables to handle this.
- Anatomy of a theme: Learn about the lower-level constructs and APIs used
by
MaterialTheme
and custom design systems. - Migrating XML themes to Compose: Learn how to migrate your View-based XML themes to Compose.
Samples
The following samples demonstrate design systems in Jetpack Compose:
No recommendations at this time.
Try signing in to your Google account.