Material 3 Expressive components in Compose

Google’s launch post lists 14 new or updated components. These pages cover all of them as they exist in androidx.compose.material3 1.5.0-beta02.

Each page has:

• a small interactive web demo, so you can see the behaviour
• the Compose code, compiled in CI
• when to use the component, plus accessibility notes and common mistakes

smart_buttonButtonsPress-morphing shapes and five sizes, from 32 to 136dp.toggle_onToggle buttonsOn/off buttons that change shape and color when checked.view_weekButton groupsConnected single-select groups and standard groups with overflow.splitscreen_rightSplit buttonA main action plus a menu of related actions.favoriteIcon buttonsShape morph on press and toggle, five container sizes.add_circleFAB and FAB menuMedium FAB and the menu that replaces the speed dial.toolbarFloating toolbarThe bottom-bar replacement that hides on scroll.web_assetFlexible top app barMedium and large app bars with a subtitle slot.bottom_navigationNavigation bar and railShortNavigationBar for phones, WideNavigationRail for tablets.view_agendaSegmented listGrouped, rounded list items for settings screens.progress_activityProgress and loadingWavy progress indicators and the shape-morphing LoadingIndicator.searchSearchThe state-based SearchBar that replaces the deprecated one.

The demos are HTML approximations made for this site. Real sizes and motion come from material3 on Android.