diff --git a/source/_lovelace/alarm-panel.markdown b/source/_lovelace/alarm-panel.markdown
new file mode 100644
index 00000000000..7f94e3abf9a
--- /dev/null
+++ b/source/_lovelace/alarm-panel.markdown
@@ -0,0 +1,81 @@
+---
+layout: page
+title: "Alarm Panel Card"
+sidebar_label: Alarm Panel
+description: "The Alarm Panel allows you to Arm and Disarm your Alarm Control Panel Components"
+date: 2018-10-15 10:28 +00:00
+sidebar: true
+comments: false
+sharing: true
+footer: true
+---
+
+The Alarm Panel allows you to Arm and Disarm your Alarm Control Panel Components.
+
+<p class='img'>
+<img src='/images/lovelace/lovelace_alarm_panel_card.gif' alt='Screenshot of the alarm panel card'>
+Screenshot of the Alarm Panel card.
+</p>
+
+```yaml
+- type: alarm-panel
+  entity: alarm_control_panel.alarm
+```
+
+{% configuration %}
+type:
+  required: true
+  description: alarm-panel
+  type: string
+entity:
+  required: true
+  description: "Entity ID of `alarm_control_panel` domain"
+  type: string
+title:
+  required: false
+  description: Title of Alarm Panel
+  type: string
+  default: Current State of Alarm Entity
+states:
+  required: false
+  description: Controls which states to have available
+  type: list
+  default: arm_home, arm_away
+  keys:
+    arm_home:
+      description: Arm Home
+    arm_away:
+      description: Arm Away
+    arm_night:
+      description: Arm Night
+    arm_custom_bypass:
+      description: Arm Custom Bypass
+{% endconfiguration %}
+
+## {% linkable_title Examples %}
+
+Title Example:
+
+```yaml
+- type: alarm-panel
+  title: House Alarm
+  entity: alarm_control_panel.alarm
+```
+
+<p class='img'>
+<img src='/images/lovelace/lovelace_alarm_panel_title_card.gif' alt='Screenshot of the alarm panel card'>
+Screenshot of the Alarm Panel card.
+</p>
+
+Define the State List:
+
+```yaml
+- type: alarm-panel
+  title: House Alarm
+  entity: alarm_control_panel.alarm
+  states:
+    - arm_home
+    - arm_away
+    - arm_night
+    - armed_custom_bypass
+```
diff --git a/source/images/lovelace/lovelace_alarm_panel_card.gif b/source/images/lovelace/lovelace_alarm_panel_card.gif
new file mode 100644
index 00000000000..3a60ed0f1da
Binary files /dev/null and b/source/images/lovelace/lovelace_alarm_panel_card.gif differ
diff --git a/source/images/lovelace/lovelace_alarm_panel_title_card.gif b/source/images/lovelace/lovelace_alarm_panel_title_card.gif
new file mode 100644
index 00000000000..b9c76497f38
Binary files /dev/null and b/source/images/lovelace/lovelace_alarm_panel_title_card.gif differ