diff --git a/starshot_demo/components/01-atoms/starshot-heading/README.md b/starshot_demo/components/01-atoms/starshot-heading/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..4841745ba919f2a64d1018bf804e56319aa3872b
--- /dev/null
+++ b/starshot_demo/components/01-atoms/starshot-heading/README.md
@@ -0,0 +1,8 @@
+
+# Starshot heading
+
+This is the starshot heading component.
+
+## Usage
+
+This component can be used within Experience Builder and other page builders that support SDC. It can also be added to other components and theme templates.
diff --git a/starshot_demo/components/01-atoms/starshot-heading/starshot-heading.component.yml b/starshot_demo/components/01-atoms/starshot-heading/starshot-heading.component.yml
new file mode 100644
index 0000000000000000000000000000000000000000..b2d69e6ee2d5a2e267306040eac8e444015501ce
--- /dev/null
+++ b/starshot_demo/components/01-atoms/starshot-heading/starshot-heading.component.yml
@@ -0,0 +1,74 @@
+name: Starshot heading
+
+status: experimental
+
+group: Atoms
+
+props:
+
+  type: object
+  required:
+    - display
+
+  properties:
+    theme:
+      type: string
+      title: Theme
+      description: 'Theme: light, dark.'
+      default: light
+      enum:
+        - light
+        - dark
+
+    content:
+      type: string
+      title: Content
+      description: Heading content.
+
+    level:
+      type: string
+      title: Level
+      description: 'Semantic level: 1, 2, 3, 4, 5, 6.'
+      default: 2
+      enum:
+        - '1'
+        - '2'
+        - '3'
+        - '4'
+        - '5'
+        - '6'
+
+    display:
+      type: string
+      title: Display
+      description: 'Font style of heading: drupal-2, drupal-3, drupal-4, drupal-5,
+        drupal-6, drupal-7, drupal-8.'
+
+      enum:
+        - drupal-2
+        - drupal-3
+        - drupal-4
+        - drupal-5
+        - drupal-6
+        - drupal-7
+        - drupal-8
+
+    align:
+      type: string
+      title: Align
+      description: 'Heading alignment: left, right, center.'
+      default: left
+      enum:
+        - left
+        - right
+        - center
+
+    attributes:
+      type: string
+      title: Attributes
+      description: Additional attributes.
+
+    modifier_class:
+      type: string
+      title: Modifier class
+      description: Additional classes.