Components
All 32 components, live. Everything below is interactive — click a title for install instructions and source.
The 6dp error dot and numbered count badge.
Inline contained banner with icon and text actions.
You're offline. Showing saved results.
Unusual sign-in detected on a new device.
80dp action bar with a trailing FAB slot.
28dp-corner sheet with a drag handle on surface-container-low.
Filled, tonal, outlined, text, and elevated common buttons.
Elevated, filled, and outlined cards with 12dp corners.
Multi-browse hero strip with rounded-xl snap items.
18dp box with 2dp outline and primary fill.
Assist, filter, and input chips, 32dp with 8dp corners.
Docked calendar with today outline and filled selection.
Basic dialog: 28dp corners, headline, text-button actions.
1dp outline-variant rule, full-width or inset.
Full width
Inset
Floating action button in four colors and four sizes, extended included.
Standard, filled, tonal, and outlined icon buttons with toggle.
One- to three-line list items with leading and trailing slots.
- StorageAuto-backupBack up new media over Wi-Fi
Elevation-2 menu on surface-container with 48dp items.
The 80dp bottom bar with pill active indicators.
Standard and modal drawers with pill indicators.
The 80dp vertical rail with a FAB slot.
Linear indicator with stop dot, plus circular indeterminate.
20dp radio rings with a primary dot.
Full-round search bar expanding into a suggestion view.
Outlined segments; selected fills with a check.
400dp trailing-edge panel with title and close.
Tall active track, narrow handle, stop indicator.
Inverse-surface toast, bottom-left; call snackbar() anywhere.
52x32 track; the thumb grows and shows a check when on.
Primary tabs with the animated pill underline indicator.
Filled and outlined fields with the floating label.
We never share your address
Already taken
Input-variant picker with 2-digit fields and AM/PM.
Enter time
Plain inverse-surface pill and rich container variants.
64dp small app bar with on-scroll tint.