diff --git a/plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/empty-state.hbs b/plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/empty-state.hbs
new file mode 100644
index 00000000000..188de8b4c20
--- /dev/null
+++ b/plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/empty-state.hbs
@@ -0,0 +1,6 @@
+{{#styleguide-example title="empty-state"}}
+  {{empty-state
+    title=dummy.sentence
+    body=dummy.short_sentence
+  }}
+{{/styleguide-example}}
diff --git a/plugins/styleguide/config/locales/client.en.yml b/plugins/styleguide/config/locales/client.en.yml
index c806d5669d0..2578ff9a2f7 100644
--- a/plugins/styleguide/config/locales/client.en.yml
+++ b/plugins/styleguide/config/locales/client.en.yml
@@ -81,3 +81,5 @@ en:
           title: "Header Icons"
         spinners:
           title: "Spinners"
+        empty_state:
+          title: "Empty State"