material3

What problem does it solve?

Android UI often suffers from inconsistent design across screens due to varying component usage and manual theming. Material 3 Expressive components provide cohesive visuals, motion, and color schemes to unify the user interface across an app.

Core Features & Use Cases

• TopAppBar variants (Standard, Large, CenterAligned) with proper scroll behavior and theming.
• FAB variants (Standard, Extended, Large, Small) to match action prominence and context.
• Chips (Filter, Assist, Input, Suggestion) for streamlined filtering and actions.
• SegmentedButton for 2–5 option selection and quick toggles.
• SearchBar with suggestions and history to streamline user queries.
• ListItem for consistent list rows with leading, title, subtitle, and trailing actions.
• DatePicker and TimePicker dialogs for date/time input and validation.
• PullToRefreshBox, Snackbar, BadgedBox for feedback and fluid interactions.
• ExposedDropdownMenuBox for accessible dropdowns and selections.
• Tonal elevation and dynamic color usage to replace shadows with color-based depth.
• Migration guidance from M2 components to M3 patterns.

Quick Start

Replace standard Material components with Expressive Material 3 components across your Compose UI to achieve unified theming and motion.