How does this skill handle UI animations?

It utilizes the MotionScheme.expressive() API to provide fluid transitions, shape morphing, and guideline-compliant animations automatically.

Is this skill restricted to Jetpack Compose?

Yes, this skill is specifically designed for Android development using the Jetpack Compose toolkit.

Which components are recommended as replacements for older ones?

It recommends replacing BottomAppBar with DockedToolbar and using LoadingIndicator instead of CircularProgressIndicator for short wait times.

Does it support Android dynamic colors?

Yes, the skill includes implementation patterns for Android 12+ dynamic color support and ensures color role compliance for accessibility.

What version of Material 3 is required for this skill?

This skill requires Material 3 version 1.5.0-alpha or higher to support the latest expressive components.

Material 3 Expressive UI

Name: Material 3 Expressive UI
Author: kei-1111

bykei-1111

Mobile Development

Implements modern, expressive Android user interfaces using the latest Material 3 guidelines and Jetpack Compose components.

About

This skill provides a comprehensive framework for building Android applications that adhere to the Material 3 Expressive design system. It guides developers through the implementation of advanced components like DockedToolbars and FlexibleBottomAppBars while ensuring proper theme configuration using MotionScheme and dynamic colors. It is particularly useful for developers looking to upgrade legacy Material 3 components to the latest expressive standards, offering automated patterns for morphing, accessibility-compliant color roles, and fluid animations.

Key Features

Support for Android 12+ dynamic color and accessibility-compliant color roles
Automated patterns for shape morphing and tonal elevation styling
Standardized implementation of Material 3 Expressive components
Advanced motion integration using MotionScheme.expressive()
Guidance on migrating from deprecated components like BottomAppBar
0 GitHub stars

Use Cases

Modernizing legacy Android UIs to the latest Material 3 Expressive standards
Implementing fluid, motion-rich navigation and loading states in Jetpack Compose
Ensuring accessibility and dynamic color support across modern Android devices

About

Key Features

Support for Android 12+ dynamic color and accessibility-compliant color roles
Automated patterns for shape morphing and tonal elevation styling
Standardized implementation of Material 3 Expressive components
Advanced motion integration using MotionScheme.expressive()
Guidance on migrating from deprecated components like BottomAppBar
0 GitHub stars

Use Cases

Modernizing legacy Android UIs to the latest Material 3 Expressive standards
Implementing fluid, motion-rich navigation and loading states in Jetpack Compose
Ensuring accessibility and dynamic color support across modern Android devices