diff --git a/package-lock.json b/package-lock.json
index 8290ce86..614a8fba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "1.0.30",
+  "version": "1.1.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@reuters-graphics/graphics-components",
-      "version": "1.0.30",
+      "version": "1.1.4",
       "license": "MIT",
       "dependencies": {
         "@fortawesome/free-regular-svg-icons": "^5.15.3",
diff --git a/src/components/AdSlot/WunderkindAd.stories.svelte b/src/components/AdSlot/WunderkindAd.stories.svelte
new file mode 100644
index 00000000..b835c036
--- /dev/null
+++ b/src/components/AdSlot/WunderkindAd.stories.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { Template, Story, Meta } from '@storybook/addon-svelte-csf';
+
+  // @ts-ignore raw
+  import adDocs from './stories/docs/wunderkind.md?raw';
+
+  import AdScripts from './AdScripts.svelte';
+  import WunderkindAd from './WunderkindAd.svelte';
+
+  import { withComponentDocs } from './../../docs/utils/withParams';
+
+  const meta = {
+    ...withComponentDocs(adDocs),
+  };
+</script>
+
+<Meta title="Components/WunderkindAd" component="{WunderkindAd}" {...meta} />
+
+<Template>
+  <div>
+    <AdScripts />
+    <WunderkindAd />
+  </div>
+</Template>
+
+<Story name="Default" />
diff --git a/src/components/AdSlot/WunderkindAd.svelte b/src/components/AdSlot/WunderkindAd.svelte
new file mode 100644
index 00000000..6f5d2eb7
--- /dev/null
+++ b/src/components/AdSlot/WunderkindAd.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+
+  onMount(() => {
+    // Check user login status
+    let isLoggedIn = localStorage.getItem('ArcId.USER_PROFILE') !== null;
+    if (!isLoggedIn) {
+      const script = document.createElement('script');
+      script.textContent = `
+      freestar.config.enabled_slots.push({
+        placementName: 'reuters_1x1_bouncex',
+        slotId: 'reuters_1x1_bouncex',
+      });
+    `;
+      script.setAttribute('data-cfasync', 'false');
+      script.type = 'text/javascript';
+      document.head.appendChild(script);
+    }
+  });
+</script>
+
+<div id="reuters_1x1_bouncex"></div>
diff --git a/src/components/AdSlot/stories/docs/wunderkind.md b/src/components/AdSlot/stories/docs/wunderkind.md
new file mode 100644
index 00000000..186bdbc9
--- /dev/null
+++ b/src/components/AdSlot/stories/docs/wunderkind.md
@@ -0,0 +1,27 @@
+Add a wunderkind ad to your page.
+
+> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.
+
+```svelte
+<!-- +page.svelte -->
+<script>
+  import { AdScripts } from '@reuters-graphics/graphics-components';
+</script>
+
+<!-- Include AdScripts only ONCE per page for any type of ad -->
+<AdScripts />
+```
+
+```svelte
+<!-- App.svelte -->
+<script>
+  import { WunderkindAd } from '@reuters-graphics/graphics-components';
+
+  export let embedded = false;
+</script>
+
+<!-- Check if in an embed context! -->
+{#if !embedded}
+  <WunderkindAd />
+{/if}
+```
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 85531646..1990dd8a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -49,6 +49,7 @@ export { default as Theme, themes } from './components/Theme/Theme.svelte';
 export { default as ToolsHeader } from './components/ToolsHeader/ToolsHeader.svelte';
 export { default as Video } from './components/Video/Video.svelte';
 export { default as Visible } from './components/Visible/Visible.svelte';
+export { default as WunderkindAd } from './components/AdSlot/WunderkindAd.svelte';
 
 // Utilities
 export { getEndNotesPropsFromDoc } from './components/EndNotes/docProps.js';