diff --git a/packages/x-components/src/index.ts b/packages/x-components/src/index.ts
index c32bee25e..f215f3c1b 100644
--- a/packages/x-components/src/index.ts
+++ b/packages/x-components/src/index.ts
@@ -26,6 +26,7 @@ export * from './x-modules/popular-searches';
 export * from './x-modules/queries-preview';
 export * from './x-modules/query-suggestions';
 export * from './x-modules/recommendations';
+export * from './x-modules/related-prompts';
 export * from './x-modules/related-tags';
 export * from './x-modules/scroll';
 export * from './x-modules/search';
diff --git a/packages/x-components/src/wiring/events.types.ts b/packages/x-components/src/wiring/events.types.ts
index fbca9c3ef..835e7f679 100644
--- a/packages/x-components/src/wiring/events.types.ts
+++ b/packages/x-components/src/wiring/events.types.ts
@@ -22,6 +22,7 @@ import { UrlXEvents } from '../x-modules/url/events.types';
 import { XModuleName } from '../x-modules/x-modules.types';
 import { SemanticQueriesXEvents } from '../x-modules/semantic-queries/events.types';
 import { ExperienceControlsXEvents } from '../x-modules/experience-controls/events.types';
+import { RelatedPromptsXEvents } from '../x-modules/related-prompts/events.types';
 import { WireMetadata } from './wiring.types';
 /* eslint-disable max-len */
 /**.
@@ -51,6 +52,7 @@ import { WireMetadata } from './wiring.types';
  * {@link https://github.com/empathyco/x/blob/main/packages/x-components/src/x-modules/search/events.types.ts | SearchXEvents}
  * {@link https://github.com/empathyco/x/blob/main/packages/x-components/src/x-modules/tagging/events.types.ts | TaggingXEvents}
  * {@link https://github.com/empathyco/x/blob/main/packages/x-components/src/x-modules/url/events.types.ts | UrlXEvents}
+ * {@link https://github.com/empathyco/x/blob/main/packages/x-components/src/x-modules/related-prompts/events.types.ts | UrlXEvents}
  *
  * @public
  */
@@ -73,7 +75,8 @@ export interface XEventsTypes
     SemanticQueriesXEvents,
     TaggingXEvents,
     ExperienceControlsXEvents,
-    UrlXEvents {
+    UrlXEvents,
+    RelatedPromptsXEvents {
   /**
    * The provided number of columns of a grid has changed.
    * Payload: the columns number.
diff --git a/packages/x-components/src/x-modules/related-prompts/components/index.ts b/packages/x-components/src/x-modules/related-prompts/components/index.ts
new file mode 100644
index 000000000..557325c88
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/components/index.ts
@@ -0,0 +1,2 @@
+export { default as RelatedPrompt } from './related-prompt.vue';
+export { default as RelatedPromptsList } from './related-prompts-list.vue';
diff --git a/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue b/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue
new file mode 100644
index 000000000..9b141cf05
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="x-flex x-flex-col x-gap-16 x-bg-neutral-10 x-p-24 x-pl-16 x-pr-0 desktop:x-px-24">
+    <div class="x-flex x-flex-col x-gap-16">
+      <h1 class="x-text1 x-text1-lg x-pr-16 x-font-main x-text-neutral-90 desktop:x-pr-0">
+        {{ relatedPrompt.suggestionText }}
+      </h1>
+      <SlidingPanel>
+        <div class="x-flex x-gap-8 x-pr-8">
+          <button
+            v-for="(nextQuery, index) in relatedPrompt.nextQueries"
+            :key="index"
+            @click="onClick(nextQuery)"
+            class="x-button x-button-lead x-button-sm x-button-outlined x-rounded-sm x-border-lead-50 x-text-neutral-75 hover:x-text-neutral-0 selected:x-text-neutral-0 selected:hover:x-bg-lead-50"
+            :class="{ 'x-selected': selectedNextQuery === nextQuery }"
+          >
+            <span
+              class="x-whitespace-nowrap"
+              :class="
+                selectedNextQuery === nextQuery ? 'x-title3 x-title3-md' : 'x-text1 x-text1-lg'
+              "
+            >
+              {{ nextQuery }}
+            </span>
+            <CrossTinyIcon v-if="selectedNextQuery === nextQuery" class="x-icon" />
+            <PlusIcon v-else class="x-icon" />
+          </button>
+        </div>
+      </SlidingPanel>
+    </div>
+    <QueryPreview :queryPreviewInfo="queryPreviewInfo" #default="{ totalResults, results }">
+      <SlidingPanel>
+        <template #header>
+          <QueryPreviewButton
+            :queryPreviewInfo="queryPreviewInfo"
+            class="x-button x-button-lead x-button-tight x-title3 x-title3-sm desktop:x-title3-md"
+          >
+            {{ queryPreviewInfo.query }}
+            ({{ totalResults }})
+            <ArrowRightIcon class="x-icon-lg" />
+          </QueryPreviewButton>
+        </template>
+
+        <div class="x-transform-style-3d x-flex x-gap-16 x-pr-8 x-pt-8 desktop:x-pt-16">
+          <Result
+            v-for="result in results"
+            :key="result.id"
+            :result="result"
+            class="x-w-[calc(38vw-16px)] x-min-w-[142px] desktop:x-w-[216px]"
+          />
+        </div>
+      </SlidingPanel>
+    </QueryPreview>
+  </div>
+</template>
+<script lang="ts">
+  import { computed, defineComponent, PropType, ref, ComputedRef } from 'vue';
+  import { RelatedPrompt } from '@empathyco/x-types';
+  import { relatedPromptsXModule } from '../x-module';
+  import ArrowRightIcon from '../../../components/icons/arrow-right.vue';
+  import CrossTinyIcon from '../../../components/icons/cross-tiny.vue';
+  import PlusIcon from '../../../components/icons/plus.vue';
+  // import { default as Result } from '../../../components/results/result.vue';
+  import {
+    QueryPreview,
+    QueryPreviewButton,
+    QueryPreviewInfo
+  } from '../../../x-modules/queries-preview';
+  import SlidingPanel from '../../../components/sliding-panel.vue';
+  export default defineComponent({
+    name: 'RelatedPrompt',
+    components: {
+      SlidingPanel,
+      QueryPreview,
+      QueryPreviewButton,
+      // Result,
+      ArrowRightIcon,
+      CrossTinyIcon,
+      PlusIcon
+    },
+    xModule: relatedPromptsXModule.name,
+    props: {
+      relatedPrompt: { type: Object as PropType<RelatedPrompt>, required: true }
+    },
+    setup(props) {
+      const selectedNextQuery = ref(props.relatedPrompt.nextQueries[0]);
+      const queryPreviewInfo: ComputedRef<QueryPreviewInfo> = computed(() => ({
+        query: selectedNextQuery.value
+      }));
+
+      /**
+       * Handles the click event on a next query button.
+       *
+       * @param nextQuery - The clicked next query.
+       */
+      function onClick(nextQuery: string): void {
+        if (selectedNextQuery.value === nextQuery) {
+          selectedNextQuery.value = '';
+        } else {
+          selectedNextQuery.value = nextQuery;
+        }
+      }
+
+      return { queryPreviewInfo, selectedNextQuery, onClick };
+    }
+  });
+</script>
diff --git a/packages/x-components/src/x-modules/related-prompts/components/related-prompts-list.vue b/packages/x-components/src/x-modules/related-prompts/components/related-prompts-list.vue
new file mode 100644
index 000000000..e8eb1fbf0
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/components/related-prompts-list.vue
@@ -0,0 +1,185 @@
+<script lang="ts">
+  import { computed, ComputedRef, defineComponent, h, inject, provide, Ref } from 'vue';
+  import { RelatedPrompt } from '@empathyco/x-types';
+  import { AnimationProp } from '../../../types/animation-prop';
+  import { groupItemsBy } from '../../../utils/array';
+  import ItemsList from '../../../components/items-list.vue';
+  import { ListItem } from '../../../utils/types';
+  import {
+    HAS_MORE_ITEMS_KEY,
+    LIST_ITEMS_KEY,
+    QUERY_KEY
+  } from '../../../components/decorators/injection.consts';
+  import { relatedPromptsXModule } from '../x-module';
+  import { useState } from '../../../composables/use-state';
+  import { RelatedPromptsGroup } from '../types';
+
+  /**
+   * Component that inserts groups of related prompts in different positions of the injected search
+   * items list, based on the provided configuration.
+   *
+   * @public
+   */
+  export default defineComponent({
+    name: 'RelatedPromptsList',
+    xModule: relatedPromptsXModule.name,
+    props: {
+      /**
+       * Animation component that will be used to animate the related prompts groups.
+       */
+      animation: {
+        type: AnimationProp,
+        default: 'ul'
+      },
+      /**
+       * The first index to insert a group of related prompts at.
+       */
+      offset: {
+        type: Number,
+        default: 24
+      },
+      /**
+       * The items cycle size to keep inserting related prompts groups at.
+       */
+      frequency: {
+        type: Number,
+        default: 24
+      },
+      /**
+       * The maximum amount of related prompts to add in a single group.
+       */
+      maxNextQueriesPerPrompt: {
+        type: Number,
+        default: 4
+      },
+      /**
+       * The maximum number of groups to insert into the injected list items list.
+       */
+      maxGroups: {
+        type: Number,
+        default: undefined
+      },
+      /**
+       * Determines if a group is added to the injected items list in case the number
+       * of items is smaller than the offset.
+       */
+      showOnlyAfterOffset: {
+        type: Boolean,
+        default: false
+      }
+    },
+    setup(props, { slots }) {
+      const { query, status } = useState('relatedPrompts', ['query', 'status']);
+
+      /**
+       * The state related prompts.
+       */
+      const relatedPrompts: ComputedRef<RelatedPrompt[]> = useState('relatedPrompts', [
+        'relatedPrompts'
+      ]).relatedPrompts;
+
+      /**
+       * Injected query, updated when the related request(s) have succeeded.
+       */
+      const injectedQuery = inject<Ref<string | undefined>>(QUERY_KEY as string);
+
+      /**
+       * Indicates if there are more available results than the injected.
+       */
+      const hasMoreItems = inject<Ref<boolean | undefined>>(HAS_MORE_ITEMS_KEY as string);
+
+      /**
+       * The grouped related prompts based on the given config.
+       *
+       * @returns A list of related prompts groups.
+       */
+      const relatedPromptsGroups = computed<RelatedPromptsGroup[]>(() =>
+        Object.values(
+          groupItemsBy(relatedPrompts.value, (_, index) =>
+            Math.floor(index / props.maxNextQueriesPerPrompt)
+          )
+        )
+          .slice(0, props.maxGroups)
+          .map((relatedPrompts, index) => ({
+            modelName: 'RelatedPromptsGroup' as const,
+            id: `related-prompts-group-${index}`,
+            relatedPrompts
+          }))
+      );
+
+      /**
+       * It injects {@link ListItem} provided by an ancestor as injectedListItems.
+       */
+      const injectedListItems = inject<Ref<ListItem[]>>(LIST_ITEMS_KEY as string);
+
+      /**
+       * Checks if the related prompts are outdated taking into account the injected query.
+       *
+       * @returns True if the related prompts are outdated, false if not.
+       */
+      const relatedPromptsAreOutdated = computed(
+        () =>
+          !!injectedQuery?.value &&
+          (query.value !== injectedQuery.value || status.value !== 'success')
+      );
+
+      /**
+       * Checks if the number of items is smaller than the offset so a group
+       * should be added to the injected items list.
+       *
+       * @returns True if a group should be added, false if not.
+       */
+      const hasNotEnoughListItems = computed(
+        () =>
+          !props.showOnlyAfterOffset &&
+          !hasMoreItems?.value &&
+          injectedListItems !== undefined &&
+          injectedListItems.value.length > 0 &&
+          props.offset > injectedListItems.value.length
+      );
+
+      /**
+       * New list of {@link ListItem}s to render.
+       *
+       * @returns The new list of {@link ListItem}s with the related prompts groups inserted.
+       */
+      const items = computed((): ListItem[] => {
+        if (!injectedListItems?.value) {
+          return relatedPromptsGroups.value;
+        }
+        if (relatedPromptsAreOutdated.value) {
+          return injectedListItems.value;
+        }
+        if (hasNotEnoughListItems.value) {
+          return injectedListItems.value.concat(relatedPromptsGroups.value[0] ?? []);
+        }
+        return relatedPromptsGroups?.value.reduce(
+          (items, relatedPromptsGroup, index) => {
+            const targetIndex = props.offset + props.frequency * index;
+            if (targetIndex <= items.length) {
+              items.splice(targetIndex, 0, relatedPromptsGroup);
+            }
+            return items;
+          },
+          [...injectedListItems.value]
+        );
+      });
+
+      /**
+       * The computed list items of the entity that uses the mixin.
+       *
+       * @remarks It should be overridden in the component that uses the mixin and
+       * it's intended to be filled with items from the state. Vue doesn't allow
+       * mixins as abstract classes.
+       * @returns An empty array as fallback in case it is not overridden.
+       */
+      provide(LIST_ITEMS_KEY as string, items);
+
+      return () => {
+        const innerProps = { items: items.value, animation: props.animation };
+        // https://vue-land.github.io/faq/forwarding-slots#passing-all-slots
+        return slots.default?.(innerProps)[0] ?? h(ItemsList, innerProps, slots);
+      };
+    }
+  });
+</script>
diff --git a/packages/x-components/src/x-modules/related-prompts/events.types.ts b/packages/x-components/src/x-modules/related-prompts/events.types.ts
new file mode 100644
index 000000000..589bf822d
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/events.types.ts
@@ -0,0 +1,14 @@
+import { RelatedPromptsRequest } from '@empathyco/x-types';
+
+/**
+ * Dictionary of the events of RelatedPrompts XModule, where each key is the event name,
+ * and the value is the event payload type or `void` if it has no payload.
+ */
+export interface RelatedPromptsXEvents {
+  /**
+   * Any property of the related-prompts request has changed
+   * Payload: The new related-prompts request or `null` if there is not enough data in the state
+   * to conform a valid request.
+   */
+  RelatedPromptsRequestUpdated: RelatedPromptsRequest | null;
+}
diff --git a/packages/x-components/src/x-modules/related-prompts/index.ts b/packages/x-components/src/x-modules/related-prompts/index.ts
new file mode 100644
index 000000000..0baeb1b99
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/index.ts
@@ -0,0 +1,5 @@
+export * from './components';
+export * from './events.types';
+export * from './store';
+export * from './wiring';
+export * from './x-module';
diff --git a/packages/x-components/src/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.ts b/packages/x-components/src/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.ts
new file mode 100644
index 000000000..63f83c7d0
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.ts
@@ -0,0 +1,30 @@
+import { RelatedPrompt, RelatedPromptsRequest } from '@empathyco/x-types';
+import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';
+import { RelatedPromptsActionContext } from '../types';
+
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<
+  RelatedPromptsActionContext,
+  RelatedPromptsRequest | null,
+  RelatedPrompt[] | null
+>({
+  fetch({ dispatch }, request) {
+    return dispatch('fetchRelatedPrompts', request);
+  },
+  onSuccess({ commit }, relatedPrompts) {
+    if (relatedPrompts) {
+      commit('setRelatedPromptsProducts', relatedPrompts);
+    }
+  }
+});
+
+/**
+ * Default implementation for
+ * {@link RelatedPromptsActions.fetchAndSaveRelatedPrompts} action.
+ */
+export const fetchAndSaveRelatedPrompts = fetchAndSave;
+
+/**
+ * Default implementation for
+ * {@link RelatedPromptsActions.cancelFetchAndSaveRelatedPrompts} action.
+ */
+export const cancelFetchAndSaveRelatedPrompts = cancelPrevious;
diff --git a/packages/x-components/src/x-modules/related-prompts/store/actions/fetch-related-prompts.action.ts b/packages/x-components/src/x-modules/related-prompts/store/actions/fetch-related-prompts.action.ts
new file mode 100644
index 000000000..5acbfaedf
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/actions/fetch-related-prompts.action.ts
@@ -0,0 +1,19 @@
+import { XPlugin } from '../../../../plugins/x-plugin';
+import { RelatedPromptsXStoreModule } from '../types';
+
+/**
+ * Default implementation for the {@link RelatedPromptsActions.fetchRelatedPrompts}.
+ *
+ * @param _ - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The related prompts request to make.
+ * @returns The related prompts response.
+ */
+export const fetchRelatedPrompts: RelatedPromptsXStoreModule['actions']['fetchRelatedPrompts'] = (
+  _,
+  request
+) => {
+  return request
+    ? XPlugin.adapter.relatedPrompts(request).then(({ relatedPrompts }) => relatedPrompts)
+    : null;
+};
diff --git a/packages/x-components/src/x-modules/related-prompts/store/emitters.ts b/packages/x-components/src/x-modules/related-prompts/store/emitters.ts
new file mode 100644
index 000000000..c91871e06
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/emitters.ts
@@ -0,0 +1,9 @@
+import { createStoreEmitters } from '../../../store';
+import { relatedPromptsXStoreModule } from './module';
+
+/**
+ * {@link StoreEmitters} For the related-prompts module.
+ */
+export const relatedPromptsStoreEmitters = createStoreEmitters(relatedPromptsXStoreModule, {
+  RelatedPromptsRequestUpdated: (_, getters) => getters.request
+});
diff --git a/packages/x-components/src/x-modules/related-prompts/store/getters/request.getter.ts b/packages/x-components/src/x-modules/related-prompts/store/getters/request.getter.ts
new file mode 100644
index 000000000..89cabb8d1
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/getters/request.getter.ts
@@ -0,0 +1,13 @@
+import { RelatedPromptsXStoreModule } from '../types';
+
+/**
+ * Default implementation for the {@link RelatedPromptsGetters.request} getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the related
+ * prompts module.
+ *
+ * @returns The related prompts request to fetch data from the API.
+ */
+export const request: RelatedPromptsXStoreModule['getters']['request'] = ({ params, query }) => {
+  return query ? { query, extraParams: params } : null;
+};
diff --git a/packages/x-components/src/x-modules/related-prompts/store/index.ts b/packages/x-components/src/x-modules/related-prompts/store/index.ts
new file mode 100644
index 000000000..5b601e646
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/index.ts
@@ -0,0 +1,6 @@
+export * from './actions/fetch-and-save-related-prompts.action';
+export * from './actions/fetch-related-prompts.action';
+export { request as relatedPromptRequest } from './getters/request.getter';
+export * from './emitters';
+export * from './module';
+export * from './types';
diff --git a/packages/x-components/src/x-modules/related-prompts/store/module.ts b/packages/x-components/src/x-modules/related-prompts/store/module.ts
new file mode 100644
index 000000000..cac37857a
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/module.ts
@@ -0,0 +1,39 @@
+import { setStatus } from '../../../store/utils/status-store.utils';
+import { setQuery } from '../../../store/utils/query.utils';
+import { RelatedPromptsXStoreModule } from './types';
+import {
+  cancelFetchAndSaveRelatedPrompts,
+  fetchAndSaveRelatedPrompts
+} from './actions/fetch-and-save-related-prompts.action';
+import { fetchRelatedPrompts } from './actions/fetch-related-prompts.action';
+import { request } from './getters/request.getter';
+
+export const relatedPromptsXStoreModule: RelatedPromptsXStoreModule = {
+  state: () => ({
+    query: '',
+    relatedPrompts: [],
+    status: 'initial',
+    params: {}
+  }),
+  getters: {
+    request
+  },
+  mutations: {
+    setStatus,
+    setQuery,
+    setParams(state, params) {
+      state.params = params;
+    },
+    setRelatedPromptsProducts(state, products) {
+      state.relatedPrompts = products;
+    },
+    resetRelatedPromptsState(state) {
+      state.relatedPrompts = [];
+    }
+  },
+  actions: {
+    fetchRelatedPrompts,
+    fetchAndSaveRelatedPrompts,
+    cancelFetchAndSaveRelatedPrompts
+  }
+};
diff --git a/packages/x-components/src/x-modules/related-prompts/store/types.ts b/packages/x-components/src/x-modules/related-prompts/store/types.ts
new file mode 100644
index 000000000..0df7c349f
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/types.ts
@@ -0,0 +1,91 @@
+import { RelatedPrompt, RelatedPromptsRequest } from '@empathyco/x-types';
+import { Dictionary } from '@empathyco/x-utils';
+import { QueryMutations, QueryState } from '../../../store/utils/query.utils';
+import { StatusMutations, StatusState } from '../../../store/utils/status-store.utils';
+import { XActionContext, XStoreModule } from '../../../store';
+
+/**
+ * Related prompts module state.
+ */
+export interface RelatedPromptsState extends StatusState, QueryState {
+  /** The list of the related-prompts, related to the `query` property of the state. */
+  relatedPrompts: RelatedPrompt[];
+  /** The extra params property of the state. */
+  params: Dictionary<unknown>;
+}
+
+/**
+ * Related prompts module getters.
+ */
+export interface RelatedPromptsGetters {
+  /**
+   * Request object to retrieve the related prompts using the search adapter, or null if there is
+   * no valid data to conform a valid request.
+   */
+  request: RelatedPromptsRequest | null;
+}
+
+/**
+ * Related prompts module mutations.
+ */
+export interface RelatedPromptsMutations extends StatusMutations, QueryMutations {
+  /**
+   * Sets the extra params of the module.
+   *
+   * @param params - The new extra params.
+   */
+  setParams(params: Dictionary<unknown>): void;
+  /**
+   * Sets the related prompts of the module.
+   *
+   * @param relatedPrompts - The new related prompts to save to the state.
+   */
+  setRelatedPromptsProducts(products: RelatedPrompt[]): void;
+  /**
+   * Resets the related prompts state.
+   */
+  resetRelatedPromptsState(): void;
+}
+
+/**
+ * Related prompts module actions.
+ */
+export interface RelatedPromptsActions {
+  /**
+   * Requests a new set of related prompts for the module query, and returns them.
+   *
+   * @param request - The related prompts request.
+   */
+  fetchRelatedPrompts(request: RelatedPromptsRequest | null): RelatedPrompt[] | null;
+  /**
+   * Requests a new set of related prompts and stores them in the module.
+   *
+   * @param request - The related prompts request.
+   */
+  fetchAndSaveRelatedPrompts(request: RelatedPromptsRequest | null): void;
+  /**
+   * Cancels / interrupt {@link RelatedPromptsActions.fetchAndSaveRelatedPrompts}
+   * synchronous promise.
+   */
+  cancelFetchAndSaveRelatedPrompts(): void;
+}
+
+/**
+ * Related prompts store module.
+ */
+export type RelatedPromptsXStoreModule = XStoreModule<
+  RelatedPromptsState,
+  RelatedPromptsGetters,
+  RelatedPromptsMutations,
+  RelatedPromptsActions
+>;
+
+/**
+ * Alias type for actions context of the {@link RelatedPromptsXStoreModule}.
+ */
+export type RelatedPromptsActionContext = XActionContext<
+  RelatedPromptsState,
+  RelatedPromptsGetters,
+  RelatedPromptsMutations,
+  RelatedPromptsActions
+>;
diff --git a/packages/x-components/src/x-modules/related-prompts/types.ts b/packages/x-components/src/x-modules/related-prompts/types.ts
new file mode 100644
index 000000000..3b26690fb
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/types.ts
@@ -0,0 +1,10 @@
+import { RelatedPrompt } from '@empathyco/x-types';
+import { ListItem } from '../../utils';
+
+/**
+ * Related promts group interface for the RelatedPrompts.
+ */
+export interface RelatedPromptsGroup extends ListItem {
+  modelName: 'RelatedPromptsGroup';
+  relatedPrompts: RelatedPrompt[];
+}
diff --git a/packages/x-components/src/x-modules/related-prompts/wiring.ts b/packages/x-components/src/x-modules/related-prompts/wiring.ts
new file mode 100644
index 000000000..bf229a306
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/wiring.ts
@@ -0,0 +1,95 @@
+import {
+  namespacedWireCommit,
+  namespacedWireCommitWithoutPayload,
+  namespacedWireDispatch,
+  namespacedWireDispatchWithoutPayload
+} from '../../wiring/namespaced-wires.factory';
+import {
+  NamespacedWireCommit,
+  NamespacedWireCommitWithoutPayload
+} from '../../wiring/namespaced-wiring.types';
+import { createWiring } from '../../wiring/wiring.utils';
+
+/**
+ * `relatedPrompts` {@link XModuleName | XModule name}.
+ */
+const moduleName = 'relatedPrompts';
+
+/**
+ * WireCommit for {@link RelatedPromptsXModule}.
+ */
+const wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);
+
+/**
+ * WireCommitWithoutPayload for {@link RelatedPromptsXModule}.
+ */
+const wireCommitWithoutPayload: NamespacedWireCommitWithoutPayload<typeof moduleName> =
+  namespacedWireCommitWithoutPayload(moduleName);
+
+/**
+ * WireDispatch for {@link RelatedPromptsXModule}.
+ */
+const wireDispatch = namespacedWireDispatch(moduleName);
+
+/**
+ * WireDispatchWithoutPayload for {@link RelatedPromptsXModule}.
+ */
+const wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);
+
+/**
+ * Sets the related prompts state `query`.
+ */
+const setRelatedPromptsQuery = wireCommit('setQuery');
+
+/**
+ * Sets the related prompts state `query` from url params.
+ */
+const setRelatedPromptsQueryFromUrl = wireCommit(
+  'setQuery',
+  ({ eventPayload: { query } }) => query
+);
+
+/**
+ * Sets the related prompts state `params`.
+ */
+export const setRelatedPromptsExtraParams = wireCommit('setParams');
+
+/**
+ * Resets the related prompts state.
+ */
+const resetRelatedPromptsStateWire = wireCommitWithoutPayload('resetRelatedPromptsState');
+
+/**
+ * Fetches and saves the related prompts response.
+ */
+const fetchAndSaveRelatedPromptsResponseWire = wireDispatch('fetchAndSaveRelatedPrompts');
+
+/**
+ * Cancels the fetch and save related prompts response.
+ */
+const cancelFetchAndSaveSearchResponseWire = wireDispatchWithoutPayload(
+  'cancelFetchAndSaveRelatedPrompts'
+);
+
+/**
+ * Wiring configuration for the {@link RelatedPromptsXModule | related prompts module}.
+ */
+export const relatedPromptsWiring = createWiring({
+  ParamsLoadedFromUrl: {
+    setRelatedPromptsQueryFromUrl
+  },
+  UserAcceptedAQuery: {
+    setRelatedPromptsQuery
+  },
+  UserClearedQuery: {
+    cancelFetchAndSaveSearchResponseWire,
+    resetRelatedPromptsStateWire,
+    setRelatedPromptsQuery
+  },
+  RelatedPromptsRequestUpdated: {
+    fetchAndSaveRelatedPromptsResponseWire
+  },
+  ExtraParamsChanged: {
+    setRelatedPromptsExtraParams
+  }
+});
diff --git a/packages/x-components/src/x-modules/related-prompts/x-module.ts b/packages/x-components/src/x-modules/related-prompts/x-module.ts
new file mode 100644
index 000000000..fb5abd538
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/x-module.ts
@@ -0,0 +1,24 @@
+import { XPlugin } from '../../plugins/x-plugin';
+import { XModule } from '../x-modules.types';
+import { RelatedPromptsXStoreModule } from './store/types';
+import { relatedPromptsXStoreModule } from './store/module';
+import { relatedPromptsStoreEmitters } from './store/emitters';
+import { relatedPromptsWiring } from './wiring';
+
+/**
+ * RelatedPrompts {@link XModule} alias.
+ */
+export type RelatedPromptsXModule = XModule<RelatedPromptsXStoreModule>;
+
+/**
+ * Related Prompts {@link XModule} implementation. This module is auto-registered as soon as you
+ * import any component from the `related-prompts` entry point.
+ */
+export const relatedPromptsXModule: RelatedPromptsXModule = {
+  name: 'relatedPrompts',
+  storeModule: relatedPromptsXStoreModule,
+  storeEmitters: relatedPromptsStoreEmitters,
+  wiring: relatedPromptsWiring
+};
+
+XPlugin.registerXModule(relatedPromptsXModule);
diff --git a/packages/x-components/src/x-modules/x-modules.types.ts b/packages/x-components/src/x-modules/x-modules.types.ts
index 858ec432e..c9f97a7a1 100644
--- a/packages/x-components/src/x-modules/x-modules.types.ts
+++ b/packages/x-components/src/x-modules/x-modules.types.ts
@@ -20,6 +20,7 @@ import { SemanticQueriesXModule } from './semantic-queries/x-module';
 import { TaggingXModule } from './tagging';
 import { UrlXModule } from './url';
 import { ExperienceControlsXModule } from './experience-controls/x-module';
+import { RelatedPromptsXModule } from './related-prompts/x-module';
 
 /**
  * Gives each {@link XModule} a name, that can be used to retrieve then its value.
@@ -38,6 +39,7 @@ export interface XModulesTree {
   queriesPreview: QueriesPreviewXModule;
   querySuggestions: QuerySuggestionsXModule;
   recommendations: RecommendationsXModule;
+  relatedPrompts: RelatedPromptsXModule;
   relatedTags: RelatedTagsXModule;
   scroll: ScrollXModule;
   search: SearchXModule;