diff --git a/src/cdk/table/table.ts b/src/cdk/table/table.ts
index d986763107ae..f68d60b9e539 100644
--- a/src/cdk/table/table.ts
+++ b/src/cdk/table/table.ts
@@ -205,6 +205,7 @@ export interface RenderRow<T> {
   host: {
     'class': 'cdk-table',
     '[class.cdk-table-fixed-layout]': 'fixedLayout',
+    'ngSkipHydration': 'true',
   },
   encapsulation: ViewEncapsulation.None,
   // The "OnPush" status for the `MatTable` component is effectively a noop, so we are removing it.
diff --git a/src/material/autocomplete/autocomplete.ts b/src/material/autocomplete/autocomplete.ts
index 3e28603edcde..a0e8f5b3bf63 100644
--- a/src/material/autocomplete/autocomplete.ts
+++ b/src/material/autocomplete/autocomplete.ts
@@ -330,6 +330,7 @@ export abstract class _MatAutocompleteBase
   inputs: ['disableRipple'],
   host: {
     'class': 'mat-mdc-autocomplete',
+    'ngSkipHydration': 'true',
   },
   providers: [{provide: MAT_OPTION_PARENT_COMPONENT, useExisting: MatAutocomplete}],
   animations: [panelAnimation],
diff --git a/src/material/chips/chip-listbox.ts b/src/material/chips/chip-listbox.ts
index 93d959a01400..9e731f438459 100644
--- a/src/material/chips/chip-listbox.ts
+++ b/src/material/chips/chip-listbox.ts
@@ -75,6 +75,7 @@ export const MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR: any = {
     '[attr.aria-disabled]': 'disabled.toString()',
     '[attr.aria-multiselectable]': 'multiple',
     '[attr.aria-orientation]': 'ariaOrientation',
+    'ngSkipHydration': 'true',
     '[class.mat-mdc-chip-list-disabled]': 'disabled',
     '[class.mat-mdc-chip-list-required]': 'required',
     '(focus)': 'focus()',
diff --git a/src/material/legacy-autocomplete/autocomplete.ts b/src/material/legacy-autocomplete/autocomplete.ts
index 742b38dcc9ac..5c1f1ad0e855 100644
--- a/src/material/legacy-autocomplete/autocomplete.ts
+++ b/src/material/legacy-autocomplete/autocomplete.ts
@@ -35,6 +35,7 @@ import {_MatAutocompleteBase} from '@angular/material/autocomplete';
   inputs: ['disableRipple'],
   host: {
     'class': 'mat-autocomplete',
+    'ngSkipHydration': 'true',
   },
   providers: [{provide: MAT_LEGACY_OPTION_PARENT_COMPONENT, useExisting: MatLegacyAutocomplete}],
 })
diff --git a/src/material/legacy-chips/chip-list.ts b/src/material/legacy-chips/chip-list.ts
index 095f271528d9..491279b55f5c 100644
--- a/src/material/legacy-chips/chip-list.ts
+++ b/src/material/legacy-chips/chip-list.ts
@@ -109,6 +109,7 @@ export class MatLegacyChipListChange {
     '(blur)': '_blur()',
     '(keydown)': '_keydown($event)',
     '[id]': '_uid',
+    'ngSkipHydration': 'true',
   },
   providers: [{provide: MatLegacyFormFieldControl, useExisting: MatLegacyChipList}],
   styleUrls: ['chips.css'],
diff --git a/src/material/legacy-form-field/form-field.ts b/src/material/legacy-form-field/form-field.ts
index 6e4c2130e457..e3f8858cfbe3 100644
--- a/src/material/legacy-form-field/form-field.ts
+++ b/src/material/legacy-form-field/form-field.ts
@@ -153,6 +153,7 @@ export const MAT_LEGACY_FORM_FIELD_DEFAULT_OPTIONS =
     '[class.ng-invalid]': '_shouldForward("invalid")',
     '[class.ng-pending]': '_shouldForward("pending")',
     '[class._mat-animation-noopable]': '!_animationsEnabled',
+    'ngSkipHydration': 'true',
   },
   inputs: ['color'],
   encapsulation: ViewEncapsulation.None,
diff --git a/src/material/legacy-menu/menu.ts b/src/material/legacy-menu/menu.ts
index a57560330f28..b08fc89c3d62 100644
--- a/src/material/legacy-menu/menu.ts
+++ b/src/material/legacy-menu/menu.ts
@@ -39,6 +39,7 @@ import {
     '[attr.aria-label]': 'null',
     '[attr.aria-labelledby]': 'null',
     '[attr.aria-describedby]': 'null',
+    'ngSkipHydration': 'true',
   },
   animations: [matMenuAnimations.transformMenu, matMenuAnimations.fadeInItems],
   providers: [{provide: MAT_MENU_PANEL, useExisting: MatLegacyMenu}],
diff --git a/src/material/legacy-select/select.ts b/src/material/legacy-select/select.ts
index cc91736b615b..a63fde7061f6 100644
--- a/src/material/legacy-select/select.ts
+++ b/src/material/legacy-select/select.ts
@@ -149,6 +149,7 @@ export class MatLegacySelectTrigger {}
     '(keydown)': '_handleKeydown($event)',
     '(focus)': '_onFocus()',
     '(blur)': '_onBlur()',
+    'ngSkipHydration': 'true',
   },
   animations: [
     matLegacySelectAnimations.transformPanelWrap,
diff --git a/src/material/legacy-table/table.ts b/src/material/legacy-table/table.ts
index 4ef752671694..ce827873c91b 100644
--- a/src/material/legacy-table/table.ts
+++ b/src/material/legacy-table/table.ts
@@ -46,6 +46,7 @@ export class MatLegacyRecycleRows {}
   host: {
     'class': 'mat-table',
     '[class.mat-table-fixed-layout]': 'fixedLayout',
+    'ngSkipHydration': 'true',
   },
   providers: [
     // TODO(michaeljamesparsons) Abstract the view repeater strategy to a directive API so this code
diff --git a/src/material/legacy-tabs/tab-group.ts b/src/material/legacy-tabs/tab-group.ts
index 7ac4002c5555..f73ad6645ae4 100644
--- a/src/material/legacy-tabs/tab-group.ts
+++ b/src/material/legacy-tabs/tab-group.ts
@@ -54,6 +54,7 @@ import {
     'class': 'mat-tab-group',
     '[class.mat-tab-group-dynamic-height]': 'dynamicHeight',
     '[class.mat-tab-group-inverted-header]': 'headerPosition === "below"',
+    'ngSkipHydration': 'true',
   },
 })
 export class MatLegacyTabGroup extends _MatTabGroupBase {
diff --git a/src/material/menu/menu.ts b/src/material/menu/menu.ts
index 176afda067b1..f4903cd3fea9 100644
--- a/src/material/menu/menu.ts
+++ b/src/material/menu/menu.ts
@@ -544,6 +544,7 @@ export class _MatMenuBase
     '[attr.aria-label]': 'null',
     '[attr.aria-labelledby]': 'null',
     '[attr.aria-describedby]': 'null',
+    'ngSkipHydration': 'true',
   },
   animations: [matMenuAnimations.transformMenu, matMenuAnimations.fadeInItems],
   providers: [{provide: MAT_MENU_PANEL, useExisting: MatMenu}],
diff --git a/src/material/select/select.ts b/src/material/select/select.ts
index b3b77e64b6fd..c93268f9e543 100644
--- a/src/material/select/select.ts
+++ b/src/material/select/select.ts
@@ -1171,6 +1171,7 @@ export class MatSelectTrigger {}
     '[attr.aria-disabled]': 'disabled.toString()',
     '[attr.aria-invalid]': 'errorState',
     '[attr.aria-activedescendant]': '_getAriaActiveDescendant()',
+    'ngSkipHydration': 'true',
     '[class.mat-mdc-select-disabled]': 'disabled',
     '[class.mat-mdc-select-invalid]': 'errorState',
     '[class.mat-mdc-select-required]': 'required',
diff --git a/src/material/sidenav/drawer.ts b/src/material/sidenav/drawer.ts
index f225b20f68ed..c9b08c7b352d 100644
--- a/src/material/sidenav/drawer.ts
+++ b/src/material/sidenav/drawer.ts
@@ -101,6 +101,7 @@ export function MAT_DRAWER_DEFAULT_AUTOSIZE_FACTORY(): boolean {
     'class': 'mat-drawer-content',
     '[style.margin-left.px]': '_container._contentMargins.left',
     '[style.margin-right.px]': '_container._contentMargins.right',
+    'ngSkipHydration': 'true',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
@@ -150,6 +151,7 @@ export class MatDrawerContent extends CdkScrollable implements AfterContentInit
     '[@transform]': '_animationState',
     '(@transform.start)': '_animationStarted.next($event)',
     '(@transform.done)': '_animationEnd.next($event)',
+    'ngSkipHydration': 'true',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
@@ -635,6 +637,7 @@ export class MatDrawer implements AfterViewInit, AfterContentChecked, OnDestroy
   host: {
     'class': 'mat-drawer-container',
     '[class.mat-drawer-container-explicit-backdrop]': '_backdropOverride',
+    'ngSkipHydration': 'true',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
diff --git a/src/material/sidenav/sidenav.ts b/src/material/sidenav/sidenav.ts
index fde96d90ba02..48e4480bf3a0 100644
--- a/src/material/sidenav/sidenav.ts
+++ b/src/material/sidenav/sidenav.ts
@@ -37,6 +37,7 @@ import {ScrollDispatcher, CdkScrollable} from '@angular/cdk/scrolling';
     'class': 'mat-drawer-content mat-sidenav-content',
     '[style.margin-left.px]': '_container._contentMargins.left',
     '[style.margin-right.px]': '_container._contentMargins.right',
+    'ngSkipHydration': 'true',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
@@ -77,6 +78,7 @@ export class MatSidenavContent extends MatDrawerContent {
     '[class.mat-sidenav-fixed]': 'fixedInViewport',
     '[style.top.px]': 'fixedInViewport ? fixedTopGap : null',
     '[style.bottom.px]': 'fixedInViewport ? fixedBottomGap : null',
+    'ngSkipHydration': 'true',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
@@ -127,6 +129,7 @@ export class MatSidenav extends MatDrawer {
   host: {
     'class': 'mat-drawer-container mat-sidenav-container',
     '[class.mat-drawer-container-explicit-backdrop]': '_backdropOverride',
+    'ngSkipHydration': 'true',
   },
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
diff --git a/src/material/sort/sort.ts b/src/material/sort/sort.ts
index e39c45a18c70..4228d129cb94 100644
--- a/src/material/sort/sort.ts
+++ b/src/material/sort/sort.ts
@@ -73,7 +73,10 @@ const _MatSortBase = mixinInitialized(mixinDisabled(class {}));
 @Directive({
   selector: '[matSort]',
   exportAs: 'matSort',
-  host: {'class': 'mat-sort'},
+  host: {
+    'class': 'mat-sort',
+    'ngSkipHydration': 'true',
+  },
   inputs: ['disabled: matSortDisabled'],
 })
 export class MatSort
diff --git a/src/material/stepper/stepper.ts b/src/material/stepper/stepper.ts
index 64edd6d1bb7c..db908c6b8398 100644
--- a/src/material/stepper/stepper.ts
+++ b/src/material/stepper/stepper.ts
@@ -138,6 +138,7 @@ export class MatStep extends CdkStep implements ErrorStateMatcher, AfterContentI
     '[class.mat-stepper-header-position-bottom]': 'headerPosition === "bottom"',
     '[attr.aria-orientation]': 'orientation',
     'role': 'tablist',
+    'ngSkipHydration': 'true',
   },
   animations: [
     matStepperAnimations.horizontalStepTransition,
diff --git a/src/material/table/table.ts b/src/material/table/table.ts
index 5930ade745b4..befd1dbc834e 100644
--- a/src/material/table/table.ts
+++ b/src/material/table/table.ts
@@ -45,6 +45,7 @@ export class MatRecycleRows {}
   host: {
     'class': 'mat-mdc-table mdc-data-table__table',
     '[class.mdc-table-fixed-layout]': 'fixedLayout',
+    'ngSkipHydration': 'true',
   },
   providers: [
     {provide: CdkTable, useExisting: MatTable},
diff --git a/src/material/tabs/tab-group.ts b/src/material/tabs/tab-group.ts
index fc239c0f0e04..4157bf08ab14 100644
--- a/src/material/tabs/tab-group.ts
+++ b/src/material/tabs/tab-group.ts
@@ -523,6 +523,7 @@ export abstract class _MatTabGroupBase
     },
   ],
   host: {
+    'ngSkipHydration': 'true',
     'class': 'mat-mdc-tab-group',
     '[class.mat-mdc-tab-group-dynamic-height]': 'dynamicHeight',
     '[class.mat-mdc-tab-group-inverted-header]': 'headerPosition === "below"',