DesignRef Logo
DesignRef
Design SystemsCompareQuick Ref
SearchK
Google
Material Design 3

Design Patterns

Reusable patterns for navigation, modality, data entry, and content flows.

11 patterns6 categories19 related components
Pattern stats
11
Patterns
6
Categories
3
Platforms
19
Components
By category
ContentDataEntryModalityNavigationOnboardingSearch
All Design Systems

Material Design 3

OverviewColorsTypographySpacingShapeMotionStatesElevationBreakpointsTokensCustomizationContent DesignGlossaryComponentsSymbolsPatternsInputsApp IconsMaterialsSystemLocalizationAccessibilityPlatforms
OverviewColorsTypographySpacingShapeMotionStatesElevationBreakpointsTokensCustomizationContent DesignGlossaryComponentsSymbolsPatternsInputsApp IconsMaterialsSystemLocalizationAccessibilityPlatforms
All Patterns

Reusable design patterns with usage guidelines and related components.

Content

Patterns for displaying and organizing content

DataEntry

Patterns for collecting user input

Modality

Patterns for presenting temporary content

Navigation

Patterns for moving between screens and sections

Onboarding

Patterns for introducing users to your app

Search

Patterns for finding and filtering content