diff --git a/apps/react/src/app/components/page-empty-list/index.ts b/apps/react/src/app/components/page-empty-list/index.ts
new file mode 100644
index 000000000..4a72005ea
--- /dev/null
+++ b/apps/react/src/app/components/page-empty-list/index.ts
@@ -0,0 +1,2 @@
+export { PageEmptyList } from './page-empty-list'
+export type { PageEmptyListProps } from './page-empty-list'
diff --git a/apps/react/src/app/components/page-empty-list/page-empty-list.scss b/apps/react/src/app/components/page-empty-list/page-empty-list.scss
new file mode 100644
index 000000000..e3c5b610f
--- /dev/null
+++ b/apps/react/src/app/components/page-empty-list/page-empty-list.scss
@@ -0,0 +1,22 @@
+.page-empty-list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  text-align: center;
+  color: #999;
+}
+
+.page-empty-list__icon {
+  font-size: 64px;
+  margin-bottom: 20px;
+  opacity: 0.7;
+}
+
+.page-empty-list__message {
+  font-size: 18px;
+  margin: 0;
+  color: #666;
+  max-width: 400px;
+}
diff --git a/apps/react/src/app/components/page-empty-list/page-empty-list.tsx b/apps/react/src/app/components/page-empty-list/page-empty-list.tsx
new file mode 100644
index 000000000..b318ea1fb
--- /dev/null
+++ b/apps/react/src/app/components/page-empty-list/page-empty-list.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import './page-empty-list.scss'
+
+export interface PageEmptyListProps {
+  message?: string
+  icon?: string
+  className?: string
+  'data-testid'?: string
+}
+
+export const PageEmptyList: React.FC<PageEmptyListProps> = ({
+  message = 'No results found',
+  icon = '✈️',
+  className,
+  'data-testid': dataTestId,
+}) => {
+  return (
+    <div className={`page-empty-list ${className || ''}`} data-testid={dataTestId || 'page-empty-list'}>
+      <div className="page-empty-list__icon">{icon}</div>
+      <p className="page-empty-list__message">{message}</p>
+    </div>
+  )
+}