Material 1 is no longer maintained. Upgrade to Material 3, the latest version of Material Design.
Learn about Material 3 Expressive components, dynamic color, adaptive design, and more
Use Material 3
menu
Resources
–
Devices
Artboard
Material Design
Introduction
Environment
Material properties
Elevation & shadows
What’s new
Motion
Material motion
Duration & easing
Movement
Transforming material
Choreography
Creative customization
Style
Color
Icons
Imagery
Typography
Writing
Layout
Principles
Units & measurements
Metrics & keylines
Structure
Responsive UI
Split screen
Components
Bottom navigation
Bottom sheets
Buttons
Buttons: Floating Action Button
Cards
Chips
Data tables
Dialogs
Dividers
Expansion panels
Grid lists
Lists
Lists: Controls
Menus
Pickers
Progress & activity
Selection controls
Sliders
Snackbars & toasts
Steppers
Subheaders
Tabs
Text fields
Toolbars
Tooltips
Widgets
Patterns
Confirmation & acknowledgement
Data formats
Empty states
Errors
Fingerprint
Gestures
Help & feedback
Launch screens
Loading images
Navigation
Navigation drawer
Navigational transitions
Notifications
Offline states
Permissions
Scrolling techniques
Search
Selection
Settings
Swipe to refresh
Growth & communications
Introduction
Onboarding
Feature discovery
Gesture education
Usability
Accessibility
Bidirectionality
Platforms
Platform adaptation
Android
Resources
Color palettes
Devices
Layout templates
Roboto & Noto fonts
Sticker sheets & icons
Shadows
Privacy
Terms
Devices
Contents
Device metrics
Device metrics
Expand and collapse content
An arrow that points down when collapsed and points up when expanded.
Device metrics
A comprehensive resource for sizing, resolution, and more across multiple devices
