diff --git a/packages/x-adapter-platform/src/endpoint-adapters/related-prompts.endpoint-adapter.ts b/packages/x-adapter-platform/src/endpoint-adapters/related-prompts.endpoint-adapter.ts
new file mode 100644
index 000000000..ad8c38922
--- /dev/null
+++ b/packages/x-adapter-platform/src/endpoint-adapters/related-prompts.endpoint-adapter.ts
@@ -0,0 +1,16 @@
+import { endpointAdapterFactory } from '@empathyco/x-adapter';
+import { RelatedPromptsRequest, RelatedPromptsResponse } from '@empathyco/x-types';
+import { relatedPromptsRequestMapper } from '../mappers/requests/related-prompts-request.mapper';
+import { relatedPromptsResponseMapper } from '../mappers/responses/related-prompts-response.mapper';
+
+/**
+ * This endpoint does not support pagination in the request.
+ */
+export const relatedPromptsEndpointAdapter = endpointAdapterFactory<
+  RelatedPromptsRequest,
+  RelatedPromptsResponse
+>({
+  endpoint: 'https://api.staging.empathy.co/relatedprompts/fmj?',
+  requestMapper: relatedPromptsRequestMapper,
+  responseMapper: relatedPromptsResponseMapper
+});
diff --git a/packages/x-adapter-platform/src/mappers/requests/related-prompts-request.mapper.ts b/packages/x-adapter-platform/src/mappers/requests/related-prompts-request.mapper.ts
new file mode 100644
index 000000000..098882b64
--- /dev/null
+++ b/packages/x-adapter-platform/src/mappers/requests/related-prompts-request.mapper.ts
@@ -0,0 +1,12 @@
+import { schemaMapperFactory } from '@empathyco/x-adapter';
+import { RelatedPromptsRequest } from '@empathyco/x-types';
+
+/**
+ * Default implementation for the RelatedPromptsRequestMapper.
+ */
+export const relatedPromptsRequestMapper = schemaMapperFactory<RelatedPromptsRequest, any>({
+  // randomize: () => true,
+  lang: () => 'en',
+  // scoreThreshold: () => 0.7,
+  query: 'query'
+});
diff --git a/packages/x-adapter-platform/src/mappers/requests/related-tags-request.mapper.ts b/packages/x-adapter-platform/src/mappers/requests/related-tags-request.mapper.ts
index cd612e7f7..dfd21f630 100644
--- a/packages/x-adapter-platform/src/mappers/requests/related-tags-request.mapper.ts
+++ b/packages/x-adapter-platform/src/mappers/requests/related-tags-request.mapper.ts
@@ -6,8 +6,6 @@ import { PlatformRelatedTagsRequest } from '../../types/requests/related-tags-re
 
 /**
  * Default implementation for the RelatedTagsRequestMapper.
- *
- * @public
  */
 export const relatedTagsRequestMapper = schemaMapperFactory<
   RelatedTagsRequest,
diff --git a/packages/x-adapter-platform/src/mappers/responses/related-prompts-response.mapper.ts b/packages/x-adapter-platform/src/mappers/responses/related-prompts-response.mapper.ts
new file mode 100644
index 000000000..b5435f0ee
--- /dev/null
+++ b/packages/x-adapter-platform/src/mappers/responses/related-prompts-response.mapper.ts
@@ -0,0 +1,11 @@
+import { schemaMapperFactory } from '@empathyco/x-adapter';
+import { RelatedPromptsResponse } from '@empathyco/x-types';
+
+/**
+ * Default implementation for the RelatedPromptsResponseMapper.
+ *
+ * @public
+ */
+export const relatedPromptsResponseMapper = schemaMapperFactory<any, RelatedPromptsResponse>({
+  relatedPromptsProducts: response => response.data?.relatedprompts ?? []
+});
diff --git a/packages/x-adapter-platform/src/platform.adapter.ts b/packages/x-adapter-platform/src/platform.adapter.ts
index a144cb63e..9a97d6a32 100644
--- a/packages/x-adapter-platform/src/platform.adapter.ts
+++ b/packages/x-adapter-platform/src/platform.adapter.ts
@@ -4,6 +4,7 @@ import { PlatformAdapter } from './types/platform-adapter.types';
 import { popularSearchesEndpointAdapter } from './endpoint-adapters/popular-searches.endpoint-adapter';
 import { recommendationsEndpointAdapter } from './endpoint-adapters/recommendations.endpoint-adapter';
 import { nextQueriesEndpointAdapter } from './endpoint-adapters/next-queries.endpoint-adapter';
+import { relatedPromptsEndpointAdapter } from './endpoint-adapters/related-prompts.endpoint-adapter';
 import { relatedTagsEndpointAdapter } from './endpoint-adapters/related-tags.endpoint-adapter';
 import { identifierResultsEndpointAdapter } from './endpoint-adapters/identifier-results.endpoint-adapter';
 import { taggingEndpointAdapter } from './endpoint-adapters/tagging.endpoint-adapter';
@@ -23,6 +24,7 @@ export const platformAdapter: PlatformAdapter = {
   recommendations: recommendationsEndpointAdapter,
   nextQueries: nextQueriesEndpointAdapter,
   querySuggestions: querySuggestionsEndpointAdapter,
+  relatedPrompts: relatedPromptsEndpointAdapter,
   relatedTags: relatedTagsEndpointAdapter,
   identifierResults: identifierResultsEndpointAdapter,
   tagging: taggingEndpointAdapter,
diff --git a/packages/x-components/src/__tests__/adapter.dummy.ts b/packages/x-components/src/__tests__/adapter.dummy.ts
index 2238dcb0d..de130321f 100644
--- a/packages/x-components/src/__tests__/adapter.dummy.ts
+++ b/packages/x-components/src/__tests__/adapter.dummy.ts
@@ -6,6 +6,7 @@ export const XComponentsAdapterDummy: XComponentsAdapter = {
   popularSearches: jest.fn(),
   querySuggestions: jest.fn(),
   recommendations: jest.fn(),
+  relatedPrompts: jest.fn(),
   relatedTags: jest.fn(),
   search: jest.fn(),
   semanticQueries: jest.fn(),
diff --git a/packages/x-components/src/__tests__/utils.ts b/packages/x-components/src/__tests__/utils.ts
index 4eceba7d5..a48590b35 100644
--- a/packages/x-components/src/__tests__/utils.ts
+++ b/packages/x-components/src/__tests__/utils.ts
@@ -12,7 +12,8 @@ import {
   RelatedTagsResponse,
   SearchResponse,
   SemanticQueriesResponse,
-  ExperienceControlsResponse
+  ExperienceControlsResponse,
+  RelatedPromptsResponse
 } from '@empathyco/x-types';
 import { XPluginOptions } from '../plugins';
 import { XPlugin } from '../plugins/x-plugin';
@@ -41,6 +42,7 @@ interface MockedAdapterFeatures {
   popularSearches: PopularSearchesResponse;
   querySuggestions: QuerySuggestionsResponse;
   recommendations: RecommendationsResponse;
+  relatedPrompts: RelatedPromptsResponse;
   relatedTags: RelatedTagsResponse;
   search: SearchResponse;
   semanticQueries: SemanticQueriesResponse;
@@ -156,6 +158,7 @@ export function getMockedAdapter(
     popularSearches: getMockedAdapterFunction(responseFeatures?.popularSearches!),
     querySuggestions: getMockedAdapterFunction(responseFeatures?.querySuggestions!),
     recommendations: getMockedAdapterFunction(responseFeatures?.recommendations!),
+    relatedPrompts: getMockedAdapterFunction(responseFeatures?.relatedPrompts!),
     relatedTags: getMockedAdapterFunction(responseFeatures?.relatedTags!),
     search: getMockedAdapterFunction(responseFeatures?.search!),
     semanticQueries: getMockedAdapterFunction(responseFeatures?.semanticQueries!),
diff --git a/packages/x-components/src/adapter/e2e-adapter.ts b/packages/x-components/src/adapter/e2e-adapter.ts
index 7c7108bc0..092d8a049 100644
--- a/packages/x-components/src/adapter/e2e-adapter.ts
+++ b/packages/x-components/src/adapter/e2e-adapter.ts
@@ -42,6 +42,7 @@ export const e2eAdapter: XComponentsAdapter = {
   popularSearches: mockEndpointAdapter('popular-searches'),
   querySuggestions: mockEndpointAdapter('query-suggestions'),
   recommendations: mockEndpointAdapter('recommendations'),
+  relatedPrompts: mockEndpointAdapter('related-prompts'),
   relatedTags: mockEndpointAdapter('related-tags'),
   search: mockEndpointAdapter('search'),
   semanticQueries: mockEndpointAdapter('semantic-queries'),
diff --git a/packages/x-components/src/views/home/Home.vue b/packages/x-components/src/views/home/Home.vue
index 9de9623b7..366fdfa64 100644
--- a/packages/x-components/src/views/home/Home.vue
+++ b/packages/x-components/src/views/home/Home.vue
@@ -311,7 +311,7 @@
               >
                 <PromotedsList class="x-mot-promoteds-list">
                   <BannersList class="x-mot-banners-list">
-                    <NextQueriesList
+                    <RelatedPromptsList
                       :show-only-after-offset="controls.nextQueriesList.showOnlyAfterOffset"
                       class="x-mot-next-queries-list"
                     >
@@ -334,46 +334,11 @@
                         <template #promoted="{ item: promoted }">
                           <Promoted :promoted="promoted" />
                         </template>
-
-                        <template #next-queries-group="{ item: { nextQueries } }">
-                          <NextQueryPreview
-                            :suggestion="nextQueries[0]"
-                            :max-items-to-render="controls.nextQueriesPreview.maxItemsToRender"
-                            #default="{ results }"
-                            class="x-pt-24"
-                          >
-                            <h1 class="x-title2">Others clients have searched</h1>
-                            <NextQuery
-                              class="x-suggestion x-text1 x-text1-lg"
-                              :suggestion="nextQueries[0]"
-                              data-test="next-query-preview-name"
-                            >
-                              <span class="x-font-bold">{{ nextQueries[0].query }}</span>
-                            </NextQuery>
-                            <div class="x-mb-24">
-                              <SlidingPanel :resetOnContentChange="false">
-                                <div class="x-flex x-flex-row x-gap-8">
-                                  <Result
-                                    v-for="result in results"
-                                    :key="result.id"
-                                    :result="result"
-                                    style="max-width: 180px"
-                                    data-test="next-query-preview-result"
-                                  />
-                                </div>
-                              </SlidingPanel>
-                            </div>
-                            <NextQuery
-                              :suggestion="nextQueries[0]"
-                              data-test="view-all-results"
-                              class="x-button x-button-outlined x-rounded-full x-mx-auto x-mt-8 x-mb-24"
-                            >
-                              {{ 'View all results' }}
-                            </NextQuery>
-                          </NextQueryPreview>
+                        <template #related-prompts-group="{ item: { relatedPrompts } }">
+                          <pre>{{ relatedPrompts }}</pre>
                         </template>
                       </BaseVariableColumnGrid>
-                    </NextQueriesList>
+                    </RelatedPromptsList>
                   </BannersList>
                 </PromotedsList>
               </ResultsList>
@@ -494,8 +459,8 @@
   import SnippetCallbacks from '../../components/snippet-callbacks.vue';
   import RenderlessExtraParams from '../../x-modules/extra-params/components/renderless-extra-param.vue';
   import SnippetConfigExtraParams from '../../x-modules/extra-params/components/snippet-config-extra-params.vue';
-  import NextQueriesList from '../../x-modules/next-queries/components/next-queries-list.vue';
-  import NextQueryPreview from '../../x-modules/next-queries/components/next-query-preview.vue';
+  // import NextQueriesList from '../../x-modules/next-queries/components/next-queries-list.vue';
+  // import NextQueryPreview from '../../x-modules/next-queries/components/next-query-preview.vue';
   import QueryPreviewList from '../../x-modules/queries-preview/components/query-preview-list.vue';
   import Recommendations from '../../x-modules/recommendations/components/recommendations.vue';
   import RelatedTags from '../../x-modules/related-tags/components/related-tags.vue';
@@ -522,7 +487,7 @@
   import OpenMainModal from '../../components/modals/open-main-modal.vue';
   import CloseMainModal from '../../components/modals/close-main-modal.vue';
   import { adapterConfig } from '../adapter';
-  import NextQuery from '../../x-modules/next-queries/components/next-query.vue';
+  // import NextQuery from '../../x-modules/next-queries/components/next-query.vue';
   import FallbackDisclaimer from '../../x-modules/search/components/fallback-disclaimer.vue';
   import SemanticQueries from '../../x-modules/semantic-queries/components/semantic-queries.vue';
   import SemanticQuery from '../../x-modules/semantic-queries/components/semantic-query.vue';
@@ -530,6 +495,7 @@
   import { QueryPreviewInfo } from '../../x-modules/queries-preview/store/types';
   import QueryPreviewButton from '../../x-modules/queries-preview/components/query-preview-button.vue';
   import DisplayEmitter from '../../components/display-emitter.vue';
+  import RelatedPromptsList from '../../x-modules/related-prompts/components/related-prompts-list.vue';
   import Aside from './aside.vue';
   import PredictiveLayer from './predictive-layer.vue';
   import Result from './result.vue';
@@ -566,9 +532,10 @@
       MainModal,
       MainScrollItem,
       MultiColumnMaxWidthLayout,
-      NextQueriesList,
-      NextQuery,
-      NextQueryPreview,
+      // NextQueriesList,
+      // NextQuery,
+      // NextQueryPreview,
+      RelatedPromptsList,
       OpenMainModal,
       PartialQueryButton,
       PartialResultsList,
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..c2bc326f9
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/actions/fetch-related-prompts.action.ts
@@ -0,0 +1,21 @@
+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(({ relatedPromptsProducts }) => relatedPromptsProducts)
+    : 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..280c65192
--- /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'] = ({ query }) => {
+  return query ? { query } : 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..6722dee12
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/module.ts
@@ -0,0 +1,35 @@
+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'
+  }),
+  getters: {
+    request
+  },
+  mutations: {
+    setStatus,
+    setQuery,
+    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..51f3bed22
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/store/types.ts
@@ -0,0 +1,82 @@
+import { RelatedPrompt, RelatedPromptsRequest } from '@empathyco/x-types';
+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[];
+}
+
+/**
+ * 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 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..3036b57ce
--- /dev/null
+++ b/packages/x-components/src/x-modules/related-prompts/wiring.ts
@@ -0,0 +1,87 @@
+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
+);
+
+/**
+ * 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
+  }
+});
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;
diff --git a/packages/x-types/src/query-signals/index.ts b/packages/x-types/src/query-signals/index.ts
index 84e074007..b75c53207 100644
--- a/packages/x-types/src/query-signals/index.ts
+++ b/packages/x-types/src/query-signals/index.ts
@@ -1,4 +1,5 @@
 export * from './next-queries.model';
 export * from './next-query.model';
+export * from './related-prompt.model';
 export * from './related-tag.model';
 export * from './semantic-query.model';
diff --git a/packages/x-types/src/query-signals/related-prompt.model.ts b/packages/x-types/src/query-signals/related-prompt.model.ts
new file mode 100644
index 000000000..97a88d73e
--- /dev/null
+++ b/packages/x-types/src/query-signals/related-prompt.model.ts
@@ -0,0 +1,14 @@
+import { NamedModel } from '../named-model.model';
+import { Previewable } from '../previewable.model';
+
+/**
+ * Represents a related prompt.
+ */
+export interface RelatedPrompt extends NamedModel<'RelatedPrompt'>, Required<Previewable> {
+  /** The next queries related to the prompt. */
+  nextQueries: Array<string>;
+  /** The prompt. */
+  suggestionText: string;
+  /** The type of the prompt. */
+  type: string;
+}
diff --git a/packages/x-types/src/request/index.ts b/packages/x-types/src/request/index.ts
index cd0fd87b3..f5d02bc96 100644
--- a/packages/x-types/src/request/index.ts
+++ b/packages/x-types/src/request/index.ts
@@ -3,6 +3,7 @@ export * from './next-queries-request.model';
 export * from './popular-searches-request.model';
 export * from './query-suggestions-request.model';
 export * from './recommendations-request.model';
+export * from './related-prompts-request.model';
 export * from './related-tags-request.model';
 export * from './request.model';
 export * from './search-request.model';
diff --git a/packages/x-types/src/request/related-prompts-request.model.ts b/packages/x-types/src/request/related-prompts-request.model.ts
new file mode 100644
index 000000000..35482b729
--- /dev/null
+++ b/packages/x-types/src/request/related-prompts-request.model.ts
@@ -0,0 +1,6 @@
+import { QueryableRequest } from './request.model';
+
+/**
+ * Request for Related Prompts endpoint.
+ */
+export interface RelatedPromptsRequest extends QueryableRequest {}
diff --git a/packages/x-types/src/response/index.ts b/packages/x-types/src/response/index.ts
index 14fc912f2..3852605e9 100644
--- a/packages/x-types/src/response/index.ts
+++ b/packages/x-types/src/response/index.ts
@@ -3,6 +3,7 @@ export * from './next-queries-response.model';
 export * from './popular-searches-response.model';
 export * from './query-suggestions-response.model';
 export * from './recommendations-response.model';
+export * from './related-prompts-response.model';
 export * from './related-tags-response.model';
 export * from './response.model';
 export * from './search-response.model';
diff --git a/packages/x-types/src/response/related-prompts-response.model.ts b/packages/x-types/src/response/related-prompts-response.model.ts
new file mode 100644
index 000000000..380097ce0
--- /dev/null
+++ b/packages/x-types/src/response/related-prompts-response.model.ts
@@ -0,0 +1,8 @@
+import { RelatedPrompt } from '../query-signals/related-prompt.model';
+
+/**
+ * Response for the related prompts endpoint.
+ */
+export interface RelatedPromptsResponse {
+  relatedPromptsProducts: RelatedPrompt[];
+}
diff --git a/packages/x-types/src/x-components-adapter.model.ts b/packages/x-types/src/x-components-adapter.model.ts
index f25072e53..20978ed03 100644
--- a/packages/x-types/src/x-components-adapter.model.ts
+++ b/packages/x-types/src/x-components-adapter.model.ts
@@ -6,6 +6,7 @@ import {
   PopularSearchesRequest,
   QuerySuggestionsRequest,
   RecommendationsRequest,
+  RelatedPromptsRequest,
   RelatedTagsRequest,
   SearchRequest,
   SemanticQueriesRequest,
@@ -20,7 +21,8 @@ import {
   RelatedTagsResponse,
   SearchResponse,
   SemanticQueriesResponse,
-  ExperienceControlsResponse
+  ExperienceControlsResponse,
+  RelatedPromptsResponse
 } from './response';
 
 export interface XComponentsAdapter {
@@ -29,6 +31,7 @@ export interface XComponentsAdapter {
   nextQueries: EndpointAdapter<NextQueriesRequest, NextQueriesResponse>;
   recommendations: EndpointAdapter<RecommendationsRequest, RecommendationsResponse>;
   querySuggestions: EndpointAdapter<QuerySuggestionsRequest, QuerySuggestionsResponse>;
+  relatedPrompts: EndpointAdapter<RelatedPromptsRequest, RelatedPromptsResponse>;
   relatedTags: EndpointAdapter<RelatedTagsRequest, RelatedTagsResponse>;
   identifierResults: EndpointAdapter<IdentifierResultsRequest, IdentifierResultsResponse>;
   tagging: EndpointAdapter<TaggingRequest, void>;