diff --git a/apps/web/pages/apps/index.tsx b/apps/web/pages/apps/index.tsx
index 677ff7963f..c5e7c03fba 100644
--- a/apps/web/pages/apps/index.tsx
+++ b/apps/web/pages/apps/index.tsx
@@ -12,7 +12,14 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { AppCategories } from "@calcom/prisma/enums";
 import type { inferSSRProps } from "@calcom/types/inferSSRProps";
 import type { HorizontalTabItemProps } from "@calcom/ui";
-import { AllApps, AppStoreCategories, HorizontalTabs, TextField, PopularAppsSlider } from "@calcom/ui";
+import {
+  AllApps,
+  AppStoreCategories,
+  HorizontalTabs,
+  TextField,
+  PopularAppsSlider,
+  RecentAppsSlider,
+} from "@calcom/ui";
 import { Search } from "@calcom/ui/components/icon";
 
 import PageWrapper from "@components/PageWrapper";
@@ -81,6 +88,7 @@ export default function Apps({
           <>
             <AppStoreCategories categories={categories} />
             <PopularAppsSlider items={appStore} />
+            <RecentAppsSlider items={appStore} />
           </>
         )}
         <AllApps
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index de68506adf..8f0cbb640c 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -2037,5 +2037,6 @@
   "team_no_event_types": "This team has no event types",
   "seat_options_doesnt_multiple_durations": "Seat option doesn't support multiple durations",
   "include_calendar_event": "Include calendar event",
+  "recently_added":"Recently added",
   "ADD_NEW_STRINGS_ABOVE_THIS_LINE_TO_PREVENT_MERGE_CONFLICTS": "↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your new strings above here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑"
 }
diff --git a/packages/app-store/_appRegistry.ts b/packages/app-store/_appRegistry.ts
index d7913a279a..40a838772d 100644
--- a/packages/app-store/_appRegistry.ts
+++ b/packages/app-store/_appRegistry.ts
@@ -34,7 +34,7 @@ export async function getAppWithMetadata(app: { dirName: string } | { slug: stri
 export async function getAppRegistry() {
   const dbApps = await prisma.app.findMany({
     where: { enabled: true },
-    select: { dirName: true, slug: true, categories: true, enabled: true },
+    select: { dirName: true, slug: true, categories: true, enabled: true, createdAt: true },
   });
   const apps = [] as App[];
   const installCountPerApp = await getInstallCountPerApp();
@@ -44,7 +44,7 @@ export async function getAppRegistry() {
     // Skip if app isn't installed
     /* This is now handled from the DB */
     // if (!app.installed) return apps;
-
+    app.createdAt = dbapp.createdAt.toISOString();
     apps.push({
       ...app,
       category: app.category || "other",
@@ -101,6 +101,7 @@ export async function getAppRegistryWithCredentials(userId: number, userAdminTea
     // Skip if app isn't installed
     /* This is now handled from the DB */
     // if (!app.installed) return apps;
+    app.createdAt = dbapp.createdAt.toISOString();
     let dependencyData: {
       name?: string;
       installed?: boolean;
diff --git a/packages/types/App.d.ts b/packages/types/App.d.ts
index 195b2aa4c9..32839135e8 100644
--- a/packages/types/App.d.ts
+++ b/packages/types/App.d.ts
@@ -153,6 +153,8 @@ export interface App {
   dependencies?: string[];
   /** Enables video apps to be used for team events. Non Video/Conferencing apps don't honor this as they support team installation always. */
   concurrentMeetings?: boolean;
+
+  createdAt?: string;
 }
 
 export type AppFrontendPayload = Omit<App, "key"> & {
diff --git a/packages/ui/components/apps/RecentAppsSlider.tsx b/packages/ui/components/apps/RecentAppsSlider.tsx
new file mode 100644
index 0000000000..10df8ddf61
--- /dev/null
+++ b/packages/ui/components/apps/RecentAppsSlider.tsx
@@ -0,0 +1,28 @@
+import { useLocale } from "@calcom/lib/hooks/useLocale";
+import type { AppFrontendPayload as App } from "@calcom/types/App";
+
+import { AppCard } from "./AppCard";
+import { Slider } from "./Slider";
+
+export const RecentAppsSlider = <T extends App>({ items }: { items: T[] }) => {
+  const { t } = useLocale();
+
+  return (
+    <Slider<T>
+      title={t("recently_added")}
+      items={items.sort(
+        (a, b) => new Date(b?.createdAt || 0).valueOf() - new Date(a?.createdAt || 0).valueOf()
+      )}
+      itemKey={(app) => app.name}
+      options={{
+        perView: 3,
+        breakpoints: {
+          768 /* and below */: {
+            perView: 1,
+          },
+        },
+      }}
+      renderItem={(app) => <AppCard app={app} />}
+    />
+  );
+};
diff --git a/packages/ui/components/apps/index.ts b/packages/ui/components/apps/index.ts
index 359e1503fe..dd595fdb9c 100644
--- a/packages/ui/components/apps/index.ts
+++ b/packages/ui/components/apps/index.ts
@@ -4,4 +4,5 @@ export { Slider } from "./Slider";
 export { SkeletonLoader as AppSkeletonLoader } from "./SkeletonLoader";
 export { SkeletonLoader } from "./SkeletonLoader";
 export { PopularAppsSlider } from "./PopularAppsSlider";
+export { RecentAppsSlider } from "./RecentAppsSlider";
 export { AppStoreCategories } from "./Categories";
diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index a6fe5d2626..c0922cb2aa 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -69,6 +69,7 @@ export {
   SkeletonLoader,
   Slider,
   PopularAppsSlider,
+  RecentAppsSlider,
   useShouldShowArrows,
   AppStoreCategories,
 } from "./components/apps";