diff --git a/src/material-experimental/mdc-snackbar/BUILD.bazel b/src/material-experimental/mdc-snackbar/BUILD.bazel
index 0861e6029d54..abc8490116be 100644
--- a/src/material-experimental/mdc-snackbar/BUILD.bazel
+++ b/src/material-experimental/mdc-snackbar/BUILD.bazel
@@ -29,4 +29,12 @@ sass_library(
 sass_binary(
     name = "snackbar_scss",
     src = "snackbar.scss",
+    include_paths = [
+        "external/npm/node_modules",
+    ],
+    deps = [
+        "//src/material-experimental/mdc-helpers:mdc_helpers_scss_lib",
+        "//src/material-experimental/mdc-helpers:mdc_scss_deps_lib",
+        "//src/material/core:core_scss_lib",
+    ],
 )
diff --git a/src/material-experimental/mdc-snackbar/_snackbar-theme.scss b/src/material-experimental/mdc-snackbar/_snackbar-theme.scss
index ff13ebfb6c3f..975ad6cf8f04 100644
--- a/src/material-experimental/mdc-snackbar/_snackbar-theme.scss
+++ b/src/material-experimental/mdc-snackbar/_snackbar-theme.scss
@@ -1,3 +1,6 @@
+@import '@material/snackbar/mixins.import';
+@import '@material/snackbar/variables.import';
+@import '@material/theme/functions.import';
 @import '../mdc-helpers/mdc-helpers';
 
 @mixin mat-mdc-snackbar-color($config-or-theme) {}
diff --git a/src/material-experimental/mdc-snackbar/snackbar.html b/src/material-experimental/mdc-snackbar/snackbar.html
index 78297c677be9..36774ae5048c 100644
--- a/src/material-experimental/mdc-snackbar/snackbar.html
+++ b/src/material-experimental/mdc-snackbar/snackbar.html
@@ -1 +1,15 @@
-<!-- WIP: MDC-based snackbar -->
+<div class="mdc-snackbar">
+  <div class="mdc-snackbar__surface">
+    <div class="mdc-snackbar__label"
+         role="status"
+         aria-live="polite">
+      Can't send photo. Retry in 5 seconds.
+    </div>
+    <div class="mdc-snackbar__actions">
+      <button type="button" class="mdc-button mdc-snackbar__action">
+        <div class="mdc-button__ripple"></div>
+        <span class="mdc-button__label">Retry</span>
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/src/material-experimental/mdc-snackbar/snackbar.scss b/src/material-experimental/mdc-snackbar/snackbar.scss
index 98a14dcc113f..aae9face7342 100644
--- a/src/material-experimental/mdc-snackbar/snackbar.scss
+++ b/src/material-experimental/mdc-snackbar/snackbar.scss
@@ -1 +1,3 @@
-// WIP: MDC-based snackbar
+@import '@material/snackbar/mixins.import';
+@import '../mdc-helpers/mdc-helpers';
+@import '../../material/core/style/_layout-common.scss';