diff --git a/packages/ui/src/components/TablePagination/TablePagination.stories.tsx b/packages/ui/src/components/TablePagination/TablePagination.stories.tsx
new file mode 100644
index 0000000000..b0e841ec15
--- /dev/null
+++ b/packages/ui/src/components/TablePagination/TablePagination.stories.tsx
@@ -0,0 +1,58 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useArgs } from '@storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react';
+import { TablePagination } from './TablePagination';
+
+const meta = {
+  title: 'Components/TablePagination',
+  component: TablePagination,
+  argTypes: {
+    pageIndex: { control: 'number' },
+    pageSize: { control: 'radio', options: [5, 10, 20, 30, 40, 50] },
+    rowCount: { control: 'number' },
+    showPageSizeOptions: { control: 'boolean', defaultValue: true },
+    setPageIndex: { action: 'setPageIndex' },
+    setPageSize: { action: 'setPageSize' },
+  },
+} satisfies Meta<typeof TablePagination>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    pageIndex: 0,
+    pageSize: 10,
+    rowCount: 100,
+  },
+  render: args => {
+    const [{}, updateArgs] = useArgs();
+
+    return (
+      <TablePagination
+        {...args}
+        setPageIndex={value => {
+          updateArgs({ pageIndex: value });
+        }}
+        setPageSize={value => {
+          updateArgs({ pageSize: value });
+        }}
+      />
+    );
+  },
+};
diff --git a/packages/ui/src/components/TablePagination/TablePagination.styles.css b/packages/ui/src/components/TablePagination/TablePagination.styles.css
new file mode 100644
index 0000000000..f7cbb44fc2
--- /dev/null
+++ b/packages/ui/src/components/TablePagination/TablePagination.styles.css
@@ -0,0 +1,23 @@
+.bui-DataTablePagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: var(--bui-space-5);
+}
+
+.bui-DataTablePagination--left {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.bui-DataTablePagination--right {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--bui-space-2);
+}
+
+.bui-DataTablePagination--select {
+  min-width: 10.5rem;
+}
diff --git a/packages/ui/src/components/TablePagination/TablePagination.tsx b/packages/ui/src/components/TablePagination/TablePagination.tsx
new file mode 100644
index 0000000000..9fc9ee7207
--- /dev/null
+++ b/packages/ui/src/components/TablePagination/TablePagination.tsx
@@ -0,0 +1,126 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import clsx from 'clsx';
+import { Text, ButtonIcon, Select, Icon } from '../..';
+import type { TablePaginationProps } from './types';
+
+/**
+ * Pagination controls for Table components with page navigation and size selection.
+ *
+ * @public
+ */
+export function TablePagination(props: TablePaginationProps) {
+  const {
+    className,
+    pageIndex,
+    pageSize,
+    rowCount,
+    onNextPage,
+    onPreviousPage,
+    onPageSizeChange,
+    setPageIndex,
+    setPageSize,
+    showPageSizeOptions = true,
+    ...rest
+  } = props;
+
+  const fromCount = (pageIndex ?? 0) * (pageSize ?? 10) + 1;
+  const toCount = Math.min(
+    ((pageIndex ?? 0) + 1) * (pageSize ?? 10),
+    rowCount ?? 0,
+  );
+
+  const nextPage = () => {
+    const currentPageIndex = pageIndex ?? 0;
+    const currentPageSize = pageSize ?? 10;
+    const totalRows = rowCount ?? 0;
+
+    // Check if there are more pages to navigate to
+    const maxPageIndex = Math.ceil(totalRows / currentPageSize) - 1;
+
+    if (currentPageIndex < maxPageIndex) {
+      onNextPage?.(); // Analytics tracking
+      setPageIndex?.(currentPageIndex + 1); // Navigate to next page
+    }
+  };
+
+  const previousPage = () => {
+    const currentPageIndex = pageIndex ?? 0;
+
+    // Check if we can go to previous page
+    if (currentPageIndex > 0) {
+      onPreviousPage?.(); // Analytics tracking
+      setPageIndex?.(currentPageIndex - 1); // Navigate to previous page
+    }
+  };
+
+  return (
+    <div className={clsx('bui-DataTablePagination', className)} {...rest}>
+      <div className="bui-DataTablePagination--left">
+        {showPageSizeOptions && (
+          <Select
+            name="pageSize"
+            size="small"
+            placeholder="Show 10 results"
+            options={[
+              { label: 'Show 5 results', value: '5' },
+              { label: 'Show 10 results', value: '10' },
+              { label: 'Show 20 results', value: '20' },
+              { label: 'Show 30 results', value: '30' },
+              { label: 'Show 40 results', value: '40' },
+              { label: 'Show 50 results', value: '50' },
+            ]}
+            selectedKey={pageSize?.toString()}
+            onSelectionChange={value => {
+              const newPageSize = Number(value);
+              setPageSize?.(newPageSize);
+              onPageSizeChange?.(newPageSize);
+            }}
+            className="bui-DataTablePagination--select"
+          />
+        )}
+      </div>
+      <div className="bui-DataTablePagination--right">
+        <Text
+          as="p"
+          variant="body-medium"
+        >{`${fromCount} - ${toCount} of ${rowCount}`}</Text>
+        <ButtonIcon
+          variant="secondary"
+          size="small"
+          onClick={previousPage}
+          isDisabled={pageIndex === 0}
+          icon={<Icon name="chevron-left" />}
+          aria-label="Previous"
+        />
+        <ButtonIcon
+          variant="secondary"
+          size="small"
+          onClick={nextPage}
+          isDisabled={
+            pageIndex !== undefined &&
+            pageSize !== undefined &&
+            rowCount !== undefined &&
+            pageIndex >= Math.ceil(rowCount / pageSize) - 1
+          }
+          icon={<Icon name="chevron-right" />}
+          aria-label="Next"
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/packages/ui/src/components/TablePagination/index.ts b/packages/ui/src/components/TablePagination/index.ts
new file mode 100644
index 0000000000..9fb26ad728
--- /dev/null
+++ b/packages/ui/src/components/TablePagination/index.ts
@@ -0,0 +1,18 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { TablePagination } from './TablePagination';
+export type { TablePaginationProps } from './types';
diff --git a/packages/ui/src/components/TablePagination/types.ts b/packages/ui/src/components/TablePagination/types.ts
new file mode 100644
index 0000000000..7ee654d3fc
--- /dev/null
+++ b/packages/ui/src/components/TablePagination/types.ts
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/** @public */
+export interface TablePaginationProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  pageIndex?: number;
+  pageSize?: number;
+  setPageSize?: (pageSize: number) => void;
+  setPageIndex?: (pageIndex: number) => void;
+  rowCount?: number;
+  onNextPage?: () => void;
+  onPreviousPage?: () => void;
+  onPageSizeChange?: (pageSize: number) => void;
+  showPageSizeOptions?: boolean;
+}
diff --git a/packages/ui/src/components/TableRA/Table.stories.tsx b/packages/ui/src/components/TableRA/Table.stories.tsx
index 80ed60f382..650d940fd5 100644
--- a/packages/ui/src/components/TableRA/Table.stories.tsx
+++ b/packages/ui/src/components/TableRA/Table.stories.tsx
@@ -14,19 +14,23 @@
  * limitations under the License.
  */
 
+import { useState } from 'react';
 import type { Meta, StoryFn, StoryObj } from '@storybook/react';
-import { Table, TableHeader, Column, TableBody } from '.';
-import { MemoryRouter } from 'react-router-dom';
 import {
-  Table as ReactAriaTable,
-  TableHeader as ReactAriaTableHeader,
-  Column as ReactAriaColumn,
-  Cell,
-  Row as ReactAriaRow,
-  Cell as ReactAriaCell,
+  Table,
+  TableHeader,
+  Column,
+  TableBody,
   Row,
-  Checkbox,
-} from 'react-aria-components';
+  Cell,
+  CellProfile as CellProfileBUI,
+} from '.';
+import { MemoryRouter } from 'react-router-dom';
+import { data as data1 } from './mocked-data1';
+import { data as data2 } from './mocked-data2';
+import { data as data3 } from './mocked-data3';
+import { RiCactusLine } from '@remixicon/react';
+import { TablePagination } from '../TablePagination';
 
 const meta = {
   title: 'Components/TableRA',
@@ -48,43 +52,120 @@ export const Uncontrolled: Story = {
       <Table>
         <TableHeader>
           <Column isRowHeader>Name</Column>
+          <Column>Owner</Column>
           <Column>Type</Column>
-          <Column>Size</Column>
-          <Column>Date Modified</Column>
+          <Column>Lifecycle</Column>
         </TableHeader>
         <TableBody>
-          <ReactAriaRow>
-            <ReactAriaCell>
-              <Checkbox slot="selection" />
-            </ReactAriaCell>
-            <ReactAriaCell>Games</ReactAriaCell>
-            <ReactAriaCell>File folder</ReactAriaCell>
-            <ReactAriaCell>6/7/2020</ReactAriaCell>
-          </ReactAriaRow>
-          <ReactAriaRow>
-            <ReactAriaCell>
-              <Checkbox slot="selection" />
-            </ReactAriaCell>
-            <ReactAriaCell>Program Files</ReactAriaCell>
-            <ReactAriaCell>File folder</ReactAriaCell>
-            <ReactAriaCell>4/7/2021</ReactAriaCell>
-          </ReactAriaRow>
-          <ReactAriaRow>
-            <ReactAriaCell>
-              <Checkbox slot="selection" />
-            </ReactAriaCell>
-            <ReactAriaCell>bootmgr</ReactAriaCell>
-            <ReactAriaCell>System file</ReactAriaCell>
-            <ReactAriaCell>11/20/2010</ReactAriaCell>
-          </ReactAriaRow>
-          <ReactAriaRow>
-            <ReactAriaCell>
-              <Checkbox slot="selection" />
-            </ReactAriaCell>
-            <ReactAriaCell>log.txt</ReactAriaCell>
-            <ReactAriaCell>Text Document</ReactAriaCell>
-            <ReactAriaCell>1/18/2016</ReactAriaCell>
-          </ReactAriaRow>
+          {data1.map(item => (
+            <Row key={item.name}>
+              <Cell
+                title={item.name}
+                leadingIcon={<RiCactusLine />}
+                description={item.description}
+              />
+              <CellProfileBUI
+                name={item.owner.name}
+                src={item.owner.profilePicture}
+                href={item.owner.link}
+              />
+              <Cell title={item.type} />
+              <Cell title={item.lifecycle} />
+            </Row>
+          ))}
+        </TableBody>
+      </Table>
+    );
+  },
+};
+
+export const WithPagination: Story = {
+  render: () => {
+    const [pageIndex, setPageIndex] = useState(0);
+    const [pageSize, setPageSize] = useState(10);
+
+    const newData = data1.slice(
+      pageIndex * pageSize,
+      (pageIndex + 1) * pageSize,
+    );
+
+    return (
+      <>
+        <Table>
+          <TableHeader>
+            <Column isRowHeader>Name</Column>
+            <Column>Owner</Column>
+            <Column>Type</Column>
+            <Column>Lifecycle</Column>
+          </TableHeader>
+          <TableBody>
+            {newData.map(item => (
+              <Row key={item.name}>
+                <Cell
+                  title={item.name}
+                  leadingIcon={<RiCactusLine />}
+                  description={item.description}
+                />
+                <Cell title={item.owner.name} />
+                <Cell title={item.type} />
+                <Cell title={item.lifecycle} />
+              </Row>
+            ))}
+          </TableBody>
+        </Table>
+        <TablePagination
+          pageIndex={pageIndex}
+          pageSize={pageSize}
+          rowCount={data1.length}
+          setPageIndex={setPageIndex}
+          setPageSize={setPageSize}
+        />
+      </>
+    );
+  },
+};
+
+export const CellText: Story = {
+  render: () => {
+    return (
+      <Table>
+        <TableHeader>
+          <Column isRowHeader>Name</Column>
+        </TableHeader>
+        <TableBody>
+          {data2.map(item => (
+            <Row key={item.name}>
+              <Cell
+                title={item.name}
+                leadingIcon={item.icon}
+                description={item.description}
+              />
+            </Row>
+          ))}
+        </TableBody>
+      </Table>
+    );
+  },
+};
+
+export const CellProfile: Story = {
+  render: () => {
+    return (
+      <Table>
+        <TableHeader>
+          <Column isRowHeader>Name</Column>
+        </TableHeader>
+        <TableBody>
+          {data3.map(item => (
+            <Row key={item.name}>
+              <CellProfileBUI
+                name={item.name}
+                src={item.profilePicture}
+                href={item.link}
+                description={item.description}
+              />
+            </Row>
+          ))}
         </TableBody>
       </Table>
     );
diff --git a/packages/ui/src/components/TableRA/Table.styles.css b/packages/ui/src/components/TableRA/Table.styles.css
new file mode 100644
index 0000000000..7a77e36212
--- /dev/null
+++ b/packages/ui/src/components/TableRA/Table.styles.css
@@ -0,0 +1,145 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.bui-Table {
+  width: 100%;
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+.bui-TableHeader {
+  border-bottom: 1px solid var(--bui-border);
+  transition: color 0.2s ease-in-out;
+}
+
+.bui-TableHead {
+  text-align: left;
+  padding: var(--bui-space-3);
+  font-size: var(--bui-font-size-3);
+  color: var(--bui-fg-primary);
+}
+
+.bui-TableHeadSortButton {
+  cursor: pointer;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--bui-space-1);
+
+  &:hover svg {
+    opacity: 0.5;
+  }
+
+  & svg {
+    opacity: 0;
+    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+  }
+
+  &[data-sort-order='asc'] svg {
+    opacity: 1;
+    transform: rotate(0);
+  }
+
+  &[data-sort-order='desc'] svg {
+    opacity: 1;
+    transform: rotate(180deg);
+  }
+}
+
+.bui-TableBody {
+  color: var(--bui-fg-primary);
+}
+
+.bui-TableRow {
+  border-bottom: 1px solid var(--bui-border);
+  transition: color 0.2s ease-in-out;
+}
+
+.bui-TableBody .bui-TableRow:hover {
+  background-color: var(--bui-gray-2);
+}
+
+.bui-TableCell {
+  padding: var(--bui-space-3);
+  font-size: var(--bui-font-size-3);
+}
+
+.bui-TableCell {
+  padding: var(--bui-space-3);
+  font-size: var(--bui-font-size-3);
+}
+
+.bui-TableCellContentWrapper {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--bui-space-2);
+}
+
+.bui-TableCellIcon,
+.bui-TableCellIcon svg {
+  display: inline-flex;
+  align-items: center;
+  color: var(--bui-fg-primary);
+}
+
+.bui-TableCellContent {
+  display: flex;
+  flex-direction: column;
+  gap: var(--bui-space-0_5);
+}
+
+.bui-TableCellProfile {
+  display: flex;
+  flex-direction: row;
+  gap: var(--bui-space-2);
+  align-items: center;
+}
+
+.bui-TableCellProfileAvatar {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  vertical-align: middle;
+  border-radius: 100%;
+  user-select: none;
+  font-weight: 500;
+  color: var(--bui-fg-primary);
+  background-color: var(--bui-bg-surface-2);
+  font-size: 1rem;
+  line-height: 1;
+  overflow: hidden;
+  height: 1.25rem;
+  width: 1.25rem;
+}
+
+.bui-TableCellProfileAvatarImage {
+  object-fit: cover;
+  height: 100%;
+  width: 100%;
+}
+
+.bui-TableCellProfileAvatarFallback {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  font-size: var(--bui-font-size-2);
+  font-weight: var(--bui-font-weight-regular);
+  box-shadow: inset 0 0 0 1px var(--bui-border);
+  border-radius: var(--bui-radius-full);
+}
diff --git a/packages/ui/src/components/TableRA/components/Cell.tsx b/packages/ui/src/components/TableRA/components/Cell.tsx
new file mode 100644
index 0000000000..53b065c4b3
--- /dev/null
+++ b/packages/ui/src/components/TableRA/components/Cell.tsx
@@ -0,0 +1,67 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import clsx from 'clsx';
+import { Text } from '../../Text';
+import { Link } from '../../Link';
+import { Cell as ReactAriaCell } from 'react-aria-components';
+import type { CellProps } from '../types';
+import { useStyles } from '../../../hooks/useStyles';
+
+/** @public */
+const Cell = (props: CellProps) => {
+  const {
+    className,
+    title,
+    description,
+    color = 'primary',
+    leadingIcon,
+    href,
+    ...rest
+  } = props;
+
+  const { classNames } = useStyles('TableRA');
+
+  return (
+    <ReactAriaCell className={clsx(classNames.cell, className)} {...rest}>
+      <div className={classNames.cellContentWrapper}>
+        {leadingIcon && (
+          <div className={classNames.cellIcon}>{leadingIcon}</div>
+        )}
+        <div className={classNames.cellContent}>
+          {href ? (
+            <Link href={href} variant="body-medium" color={color}>
+              {title}
+            </Link>
+          ) : (
+            <Text as="p" variant="body-medium" color={color}>
+              {title}
+            </Text>
+          )}
+          {description && (
+            <Text variant="body-medium" color="secondary">
+              {description}
+            </Text>
+          )}
+        </div>
+      </div>
+    </ReactAriaCell>
+  );
+};
+
+Cell.displayName = 'Cell';
+
+export { Cell };
diff --git a/packages/ui/src/components/TableRA/components/CellProfile.tsx b/packages/ui/src/components/TableRA/components/CellProfile.tsx
new file mode 100644
index 0000000000..2e08758c2a
--- /dev/null
+++ b/packages/ui/src/components/TableRA/components/CellProfile.tsx
@@ -0,0 +1,78 @@
+/*
+ * Copyright 2024 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import clsx from 'clsx';
+import { CellProfileProps } from '../types';
+import { Text } from '../../Text/Text';
+import { Link } from '../../Link/Link';
+import { Avatar } from '@base-ui-components/react/avatar';
+import { useStyles } from '../../../hooks/useStyles';
+import { Cell as ReactAriaCell } from 'react-aria-components';
+
+/** @public */
+export const CellProfile = (props: CellProfileProps) => {
+  const {
+    className,
+    src,
+    name,
+    href,
+    description,
+    color = 'primary',
+    ...rest
+  } = props;
+  const { classNames } = useStyles('TableRA');
+
+  return (
+    <ReactAriaCell className={clsx(classNames.cell, className)} {...rest}>
+      <div className={classNames.cellContentWrapper}>
+        <div className={classNames.cellIcon}>
+          {src && (
+            <Avatar.Root className={classNames.cellProfileAvatar}>
+              <Avatar.Image
+                src={src}
+                width="20"
+                height="20"
+                className={classNames.cellProfileAvatarImage}
+              />
+              <Avatar.Fallback className={classNames.cellProfileAvatarFallback}>
+                {(name || '')
+                  .split(' ')
+                  .map(word => word[0])
+                  .join('')
+                  .toLocaleUpperCase('en-US')
+                  .slice(0, 1)}
+              </Avatar.Fallback>
+            </Avatar.Root>
+          )}
+        </div>
+        <div className={classNames.cellContent}>
+          {name && href ? (
+            <Link href={href}>{name}</Link>
+          ) : (
+            <Text as="p" variant="body-medium" color={color}>
+              {name}
+            </Text>
+          )}
+          {description && (
+            <Text variant="body-medium" color="secondary">
+              {description}
+            </Text>
+          )}
+        </div>
+      </div>
+    </ReactAriaCell>
+  );
+};
diff --git a/packages/ui/src/components/TableRA/Column.tsx b/packages/ui/src/components/TableRA/components/Column.tsx
similarity index 79%
rename from packages/ui/src/components/TableRA/Column.tsx
rename to packages/ui/src/components/TableRA/components/Column.tsx
index 69ccc3b344..a88ecaceab 100644
--- a/packages/ui/src/components/TableRA/Column.tsx
+++ b/packages/ui/src/components/TableRA/components/Column.tsx
@@ -18,18 +18,21 @@ import {
   Column as ReactAriaColumn,
   type ColumnProps,
 } from 'react-aria-components';
-import { Icon } from '../Icon';
+import { Icon } from '../../Icon';
+import { useStyles } from '../../../hooks/useStyles';
 
 export const Column = (
   props: Omit<ColumnProps, 'children'> & { children?: React.ReactNode },
 ) => {
+  const { classNames } = useStyles('TableRA');
+
   return (
-    <ReactAriaColumn {...props}>
+    <ReactAriaColumn className={classNames.head} {...props}>
       {({ allowsSorting, sortDirection }) => (
-        <div className="column-header">
+        <>
           {props.children}
           {allowsSorting && (
-            <span aria-hidden="true" className="sort-indicator">
+            <span aria-hidden="true" className={classNames.headSortButton}>
               {sortDirection === 'ascending' ? (
                 <Icon name="arrow-up" size={16} />
               ) : (
@@ -37,7 +40,7 @@ export const Column = (
               )}
             </span>
           )}
-        </div>
+        </>
       )}
     </ReactAriaColumn>
   );
diff --git a/packages/ui/src/components/TableRA/components/Row.tsx b/packages/ui/src/components/TableRA/components/Row.tsx
new file mode 100644
index 0000000000..14923c420f
--- /dev/null
+++ b/packages/ui/src/components/TableRA/components/Row.tsx
@@ -0,0 +1,47 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+  Row as ReactAriaRow,
+  RowProps,
+  useTableOptions,
+  Cell,
+  Collection,
+  Checkbox,
+} from 'react-aria-components';
+import { useStyles } from '../../../hooks/useStyles';
+
+export function Row<T extends object>({
+  id,
+  columns,
+  children,
+  ...otherProps
+}: RowProps<T>) {
+  const { classNames } = useStyles('TableRA');
+
+  let { selectionBehavior } = useTableOptions();
+
+  return (
+    <ReactAriaRow id={id} className={classNames.row} {...otherProps}>
+      {selectionBehavior === 'toggle' && (
+        <Cell>
+          <Checkbox slot="selection" />
+        </Cell>
+      )}
+      <Collection items={columns}>{children}</Collection>
+    </ReactAriaRow>
+  );
+}
diff --git a/packages/ui/src/components/TableRA/Table.tsx b/packages/ui/src/components/TableRA/components/Table.tsx
similarity index 76%
rename from packages/ui/src/components/TableRA/Table.tsx
rename to packages/ui/src/components/TableRA/components/Table.tsx
index 21269cad8e..1e1da6684b 100644
--- a/packages/ui/src/components/TableRA/Table.tsx
+++ b/packages/ui/src/components/TableRA/components/Table.tsx
@@ -14,11 +14,20 @@
  * limitations under the License.
  */
 
+import { useStyles } from '../../../hooks/useStyles';
 import {
   Table as ReactAriaTable,
   type TableProps,
 } from 'react-aria-components';
 
 export const Table = (props: TableProps) => {
-  return <ReactAriaTable {...props} />;
+  const { classNames } = useStyles('TableRA');
+
+  return (
+    <ReactAriaTable
+      className={classNames.table}
+      aria-label="Data table"
+      {...props}
+    />
+  );
 };
diff --git a/packages/ui/src/components/TableRA/TableBody.tsx b/packages/ui/src/components/TableRA/components/TableBody.tsx
similarity index 81%
rename from packages/ui/src/components/TableRA/TableBody.tsx
rename to packages/ui/src/components/TableRA/components/TableBody.tsx
index 0cdd71f9c7..0359b02c21 100644
--- a/packages/ui/src/components/TableRA/TableBody.tsx
+++ b/packages/ui/src/components/TableRA/components/TableBody.tsx
@@ -18,7 +18,10 @@ import {
   TableBody as ReactAriaTableBody,
   type TableBodyProps,
 } from 'react-aria-components';
+import { useStyles } from '../../../hooks/useStyles';
 
 export const TableBody = <T extends object>(props: TableBodyProps<T>) => {
-  return <ReactAriaTableBody {...props} />;
+  const { classNames } = useStyles('TableRA');
+
+  return <ReactAriaTableBody className={classNames.body} {...props} />;
 };
diff --git a/packages/ui/src/components/TableRA/TableHeader.tsx b/packages/ui/src/components/TableRA/components/TableHeader.tsx
similarity index 89%
rename from packages/ui/src/components/TableRA/TableHeader.tsx
rename to packages/ui/src/components/TableRA/components/TableHeader.tsx
index 2feb953939..b0b19ea86d 100644
--- a/packages/ui/src/components/TableRA/TableHeader.tsx
+++ b/packages/ui/src/components/TableRA/components/TableHeader.tsx
@@ -21,6 +21,7 @@ import {
 } from 'react-aria-components';
 import { Collection, useTableOptions } from 'react-aria-components';
 import { Column } from './Column';
+import { useStyles } from '../../../hooks/useStyles';
 
 export const TableHeader = <T extends object>({
   columns,
@@ -28,8 +29,10 @@ export const TableHeader = <T extends object>({
 }: TableHeaderProps<T>) => {
   let { selectionBehavior, selectionMode, allowsDragging } = useTableOptions();
 
+  const { classNames } = useStyles('TableRA');
+
   return (
-    <ReactAriaTableHeader>
+    <ReactAriaTableHeader className={classNames.header}>
       {/* Add extra columns for drag and drop and selection. */}
       {allowsDragging && <Column />}
       {selectionBehavior === 'toggle' && (
diff --git a/packages/ui/src/components/TableRA/index.ts b/packages/ui/src/components/TableRA/index.ts
index 44fe35405a..a3b9bd1b22 100644
--- a/packages/ui/src/components/TableRA/index.ts
+++ b/packages/ui/src/components/TableRA/index.ts
@@ -14,7 +14,10 @@
  * limitations under the License.
  */
 
-export { Table } from './Table';
-export { TableHeader } from './TableHeader';
-export { TableBody } from './TableBody';
-export { Column } from './Column';
+export { Table } from './components/Table';
+export { TableHeader } from './components/TableHeader';
+export { TableBody } from './components/TableBody';
+export { Column } from './components/Column';
+export { Row } from './components/Row';
+export { Cell } from './components/Cell';
+export { CellProfile } from './components/CellProfile';
diff --git a/packages/ui/src/components/TableRA/mocked-data1.ts b/packages/ui/src/components/TableRA/mocked-data1.ts
new file mode 100644
index 0000000000..ea5a9f2db8
--- /dev/null
+++ b/packages/ui/src/components/TableRA/mocked-data1.ts
@@ -0,0 +1,1289 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface DataProps {
+  name: string;
+  owner: {
+    name: string;
+    profilePicture?: string;
+    link?: string;
+  };
+  type: 'documentation' | 'library' | 'service' | 'website' | 'other';
+  description?: string;
+  tags?: string[];
+  lifecycle: 'experimental' | 'production';
+}
+
+export const data: DataProps[] = [
+  {
+    name: 'authentication-and-authorization-service',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description:
+      'A comprehensive service handling user authentication and role-based access control across all applications.',
+    tags: ['security', 'authentication', 'authorization'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-interface-dashboard-and-analytics-platform',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description:
+      'Interactive dashboard providing real-time analytics and data visualization for business metrics.',
+    tags: ['analytics', 'visualization', 'dashboard'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'payment-gateway',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
+    type: 'service',
+    description:
+      'Secure payment processing system supporting multiple payment methods and currencies.',
+    tags: ['payments', 'security', 'finance'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'real-time-analytics-processing-and-visualization-engine',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description:
+      'High-performance engine for processing and visualizing streaming data analytics.',
+    tags: ['analytics', 'real-time', 'data-processing'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'notification-center',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'Centralized system for managing and delivering notifications across multiple channels.',
+    tags: ['notifications', 'messaging'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'administrative-control-panel-and-user-management-interface',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description:
+      'Admin interface for managing users, permissions, and system configurations.',
+    tags: ['admin', 'user-management', 'configuration'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'search-indexer',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
+    type: 'service',
+    description:
+      'Service responsible for indexing and updating searchable content across the platform.',
+    tags: ['search', 'indexing'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'cross-platform-mobile-application-framework',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
+    type: 'website',
+    description:
+      'Framework enabling development of cross-platform mobile applications with shared codebase.',
+    tags: ['mobile', 'framework', 'cross-platform'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'database-migration',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'other',
+    description:
+      'Tools and scripts for managing database schema migrations and data transformations.',
+    tags: ['database', 'migration', 'devops'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'api-gateway',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'Central entry point for all API requests, handling routing, authentication, and rate limiting.',
+    tags: ['api', 'gateway', 'security', 'routing'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'content-management',
+    owner: {
+      name: 'content-team',
+      profilePicture: 'https://github.com/content-team.png',
+      link: 'https://github.com/orgs/company/teams/content-team',
+    },
+    type: 'service',
+    description:
+      'System for managing and delivering digital content across multiple channels.',
+    tags: ['content', 'management', 'delivery'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'enterprise-reporting-and-analytics-dashboard',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
+    type: 'website',
+    description:
+      'Comprehensive business intelligence platform for enterprise-wide reporting and analytics.',
+    tags: ['analytics', 'reporting', 'business-intelligence'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'image-processing-and-optimization-service',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
+    type: 'service',
+    description:
+      'Service for processing, optimizing, and delivering images across different devices and networks.',
+    tags: ['media', 'optimization', 'processing'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'customer-portal',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description:
+      'Self-service portal for customers to manage their accounts and access services.',
+    tags: ['customer', 'self-service'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'log-aggregator',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description:
+      'Centralized logging system for collecting, processing, and analyzing application logs.',
+    tags: ['logging', 'monitoring', 'devops'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'identity-provider',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description:
+      'Service managing user identities and authentication across the organization.',
+    tags: ['identity', 'security', 'authentication'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'document-storage',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
+    type: 'service',
+    description:
+      'Secure and scalable document storage system with version control and access management.',
+    tags: ['storage', 'documents', 'version-control'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'workflow-engine',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'Engine for defining and executing business processes and workflows.',
+    tags: ['workflow', 'automation'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'mobile-backend',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
+    type: 'service',
+    description:
+      'Backend services supporting mobile applications with optimized APIs and data synchronization.',
+    tags: ['mobile', 'backend', 'api'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'system-monitoring-and-alerting-dashboard',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'website',
+    description:
+      'Real-time monitoring and alerting system for infrastructure and application health.',
+    tags: ['monitoring', 'alerting', 'devops', 'infrastructure'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'email-service',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
+    type: 'service',
+    description:
+      'Reliable email delivery service with templates and tracking capabilities.',
+    tags: ['email', 'communication'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-pipeline',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description:
+      'ETL pipeline for processing and transforming large volumes of data.',
+    tags: ['data', 'etl', 'pipeline'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'configuration-manager',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'Centralized system for managing application configurations across environments.',
+    tags: ['configuration', 'management'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'testing-framework',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
+    type: 'library',
+    description:
+      'Comprehensive testing framework supporting various types of automated tests.',
+    tags: ['testing', 'automation', 'qa'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'cache-service',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'Distributed caching service for improving application performance.',
+    tags: ['caching', 'performance'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'billing-system',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
+    type: 'service',
+    description:
+      'System for managing customer billing, invoicing, and payment processing.',
+    tags: ['billing', 'finance', 'payments'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'comprehensive-product-documentation-and-api-reference',
+    owner: {
+      name: 'docs-team',
+      profilePicture: 'https://github.com/docs-team.png',
+      link: 'https://github.com/orgs/company/teams/docs-team',
+    },
+    type: 'documentation',
+    description:
+      'Complete documentation covering product features, APIs, and integration guides.',
+    tags: ['documentation', 'api', 'reference'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'queue-manager',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'Message queue system for asynchronous processing and event handling.',
+    tags: ['queue', 'messaging', 'async'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'security-scanner',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'other',
+    description:
+      'Automated security scanning tool for identifying vulnerabilities in code and infrastructure.',
+    tags: ['security', 'scanning', 'vulnerability'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'user-profile',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description:
+      'User profile management interface with personalization features.',
+    tags: ['user', 'profile', 'personalization'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-warehouse',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description:
+      'Centralized data repository for business intelligence and analytics.',
+    tags: ['data', 'warehouse', 'analytics'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'deployment-automation',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'other',
+    description:
+      'Automated deployment pipeline for continuous integration and delivery.',
+    tags: ['deployment', 'automation', 'ci-cd', 'devops'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'chat-service',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
+    type: 'service',
+    description:
+      'Real-time chat service supporting text, file sharing, and group conversations.',
+    tags: ['chat', 'communication', 'real-time'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'analytics-dashboard',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
+    type: 'website',
+    description:
+      'Interactive dashboard for visualizing and analyzing business metrics.',
+    tags: ['analytics', 'dashboard', 'visualization'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'file-uploader',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
+    type: 'service',
+    description:
+      'Service for handling secure file uploads with progress tracking and validation.',
+    tags: ['storage', 'upload', 'files'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'search-service',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
+    type: 'service',
+    description:
+      'Full-text search service with advanced filtering and ranking capabilities.',
+    tags: ['search', 'full-text'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'mobile-sdk',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
+    type: 'library',
+    description:
+      'Software development kit for building mobile applications with native features.',
+    tags: ['mobile', 'sdk', 'development'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'performance-monitor',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description:
+      'System for monitoring and analyzing application performance metrics.',
+    tags: ['performance', 'monitoring', 'metrics'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'content-delivery',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
+    type: 'service',
+    description:
+      'CDN service for optimized content delivery across global networks.',
+    tags: ['cdn', 'content', 'delivery'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-authentication',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description:
+      'Service handling user login, session management, and authentication flows.',
+    tags: ['authentication', 'security', 'user'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-export',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description:
+      'Service for exporting data in various formats with scheduling capabilities.',
+    tags: ['data', 'export', 'scheduling'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'admin-api',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'API endpoints for administrative functions and system management.',
+    tags: ['api', 'admin', 'management'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'testing-dashboard',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
+    type: 'website',
+    description: 'Dashboard for monitoring test results and quality metrics.',
+    tags: ['testing', 'dashboard', 'qa'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'message-broker',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description:
+      'Message broker service for reliable event-driven communication between services.',
+    tags: ['messaging', 'broker', 'event-driven'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'payment-processor',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
+    type: 'service',
+    description:
+      'Service for processing financial transactions and payment methods.',
+    tags: ['payments', 'finance', 'processing'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'document-viewer',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description: 'Web-based document viewer supporting multiple file formats.',
+    tags: ['documents', 'viewer'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'load-balancer',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description:
+      'Service for distributing network traffic across multiple servers.',
+    tags: ['load-balancing', 'networking', 'infrastructure'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'security-audit',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'other',
+    description:
+      'Tools and processes for conducting security audits and compliance checks.',
+    tags: ['security', 'audit', 'compliance'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-settings',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description:
+      'Interface for users to manage their preferences and account settings.',
+    tags: ['user', 'settings', 'preferences'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-import',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description:
+      'Service for importing and validating data from external sources.',
+    tags: ['data', 'import', 'validation'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'infrastructure-monitor',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description:
+      'Monitoring system for infrastructure components and resources.',
+    tags: ['monitoring', 'infrastructure', 'devops'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'notification-manager',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
+    type: 'service',
+    description:
+      'Service for managing and delivering notifications across multiple channels.',
+    tags: ['notifications', 'management'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'analytics-processor',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
+    type: 'service',
+    description:
+      'Service for processing and analyzing business data and metrics.',
+    tags: ['analytics', 'processing', 'metrics'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'file-manager',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
+    type: 'website',
+    description: 'Web interface for managing files and storage resources.',
+    tags: ['files', 'storage', 'management'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'search-index',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
+    type: 'service',
+    description: 'Service for maintaining and updating search indices.',
+    tags: ['search', 'indexing'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'mobile-authentication',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
+    type: 'service',
+    description:
+      'Authentication service specifically designed for mobile applications.',
+    tags: ['mobile', 'authentication', 'security'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'system-monitor',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description:
+      'Monitoring service for system health and performance metrics.',
+    tags: ['monitoring', 'system', 'metrics'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'media-processor',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
+    type: 'service',
+    description: 'Service for processing and optimizing media files.',
+    tags: ['media', 'processing', 'optimization'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-management',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description: 'Service for managing user accounts and permissions.',
+    tags: ['user', 'management', 'security'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-transformer',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description:
+      'Service for transforming data between different formats and structures.',
+    tags: ['data', 'transformation'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'admin-dashboard',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'website',
+    description:
+      'Administrative interface for system management and monitoring.',
+    tags: ['admin', 'dashboard', 'management'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'test-automation',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
+    type: 'other',
+    description: 'Tools and frameworks for automating testing processes.',
+    tags: ['testing', 'automation', 'qa'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'event-bus',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description: 'Event-driven communication system between services.',
+    tags: ['events', 'messaging', 'communication'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'invoice-generator',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
+    type: 'service',
+    description: 'Service for generating and managing invoices.',
+    tags: ['invoices', 'finance'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'document-editor',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description: 'Web-based document editing interface.',
+    tags: ['documents', 'editor'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'service-discovery',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description: 'Service for discovering and registering available services.',
+    tags: ['discovery', 'services', 'devops'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'security-monitor',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description: 'Service for monitoring security events and threats.',
+    tags: ['security', 'monitoring', 'threats'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-preferences',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description: 'Interface for managing user preferences and settings.',
+    tags: ['user', 'preferences'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-validator',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description: 'Service for validating data integrity and format.',
+    tags: ['data', 'validation'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'infrastructure-automation',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'other',
+    description:
+      'Tools for automating infrastructure provisioning and management.',
+    tags: ['infrastructure', 'automation', 'devops'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'notification-dispatcher',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
+    type: 'service',
+    description:
+      'Service for dispatching notifications to appropriate channels.',
+    tags: ['notifications', 'dispatch'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'analytics-collector',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
+    type: 'service',
+    description: 'Service for collecting and aggregating analytics data.',
+    tags: ['analytics', 'collection', 'aggregation'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'file-processor',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
+    type: 'service',
+    description: 'Service for processing and managing files.',
+    tags: ['files', 'processing'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'search-analyzer',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
+    type: 'service',
+    description: 'Service for analyzing search queries and results.',
+    tags: ['search', 'analysis'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'mobile-notifications',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
+    type: 'service',
+    description: 'Service for sending notifications to mobile devices.',
+    tags: ['mobile', 'notifications'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'system-alerts',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description: 'Service for managing and dispatching system alerts.',
+    tags: ['alerts', 'system', 'monitoring'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'media-encoder',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
+    type: 'service',
+    description: 'Service for encoding and processing media files.',
+    tags: ['media', 'encoding'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-authorization',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description: 'Service for managing user permissions and access control.',
+    tags: ['authorization', 'security', 'user'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-aggregator',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description: 'Service for aggregating data from multiple sources.',
+    tags: ['data', 'aggregation'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'admin-authentication',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description: 'Authentication service for administrative access.',
+    tags: ['admin', 'authentication', 'security'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'test-coverage',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
+    type: 'other',
+    description: 'Tools for measuring and reporting test coverage.',
+    tags: ['testing', 'coverage', 'qa'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'event-processor',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description: 'Service for processing and handling events.',
+    tags: ['events', 'processing'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'payment-validator',
+    owner: {
+      name: 'finance-team',
+      profilePicture: 'https://github.com/finance-team.png',
+      link: 'https://github.com/orgs/company/teams/finance-team',
+    },
+    type: 'service',
+    description: 'Service for validating payment transactions.',
+    tags: ['payments', 'validation', 'finance'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'document-converter',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'service',
+    description: 'Service for converting documents between different formats.',
+    tags: ['documents', 'conversion'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'service-health',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description: 'Service for monitoring and reporting service health status.',
+    tags: ['health', 'monitoring', 'services'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'security-logger',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description: 'Service for logging security-related events and activities.',
+    tags: ['security', 'logging'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-analytics',
+    owner: {
+      name: 'frontend-team',
+      profilePicture: 'https://github.com/frontend-team.png',
+      link: 'https://github.com/orgs/company/teams/frontend-team',
+    },
+    type: 'website',
+    description:
+      'Analytics dashboard for user behavior and engagement metrics.',
+    tags: ['analytics', 'user', 'metrics'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'data-cleaner',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description: 'Service for cleaning and standardizing data.',
+    tags: ['data', 'cleaning'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'infrastructure-deployer',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'other',
+    description: 'Tools for deploying and managing infrastructure resources.',
+    tags: ['infrastructure', 'deployment', 'devops'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'notification-queue',
+    owner: {
+      name: 'communication-team',
+      profilePicture: 'https://github.com/communication-team.png',
+      link: 'https://github.com/orgs/company/teams/communication-team',
+    },
+    type: 'service',
+    description: 'Queue system for managing notification delivery.',
+    tags: ['notifications', 'queue'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'analytics-exporter',
+    owner: {
+      name: 'analytics-team',
+      profilePicture: 'https://github.com/analytics-team.png',
+      link: 'https://github.com/orgs/company/teams/analytics-team',
+    },
+    type: 'service',
+    description: 'Service for exporting analytics data in various formats.',
+    tags: ['analytics', 'export'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'file-validator',
+    owner: {
+      name: 'storage-team',
+      profilePicture: 'https://github.com/storage-team.png',
+      link: 'https://github.com/orgs/company/teams/storage-team',
+    },
+    type: 'service',
+    description: 'Service for validating file integrity and format.',
+    tags: ['files', 'validation'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'search-optimizer',
+    owner: {
+      name: 'search-team',
+      profilePicture: 'https://github.com/search-team.png',
+      link: 'https://github.com/orgs/company/teams/search-team',
+    },
+    type: 'service',
+    description: 'Service for optimizing search performance and relevance.',
+    tags: ['search', 'optimization'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'mobile-analytics',
+    owner: {
+      name: 'mobile-team',
+      profilePicture: 'https://github.com/mobile-team.png',
+      link: 'https://github.com/orgs/company/teams/mobile-team',
+    },
+    type: 'service',
+    description: 'Analytics service specifically for mobile applications.',
+    tags: ['mobile', 'analytics'],
+    lifecycle: 'experimental',
+  },
+  {
+    name: 'system-logger',
+    owner: {
+      name: 'devops-team',
+      profilePicture: 'https://github.com/devops-team.png',
+      link: 'https://github.com/orgs/company/teams/devops-team',
+    },
+    type: 'service',
+    description: 'Service for logging system events and activities.',
+    tags: ['logging', 'system'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'media-validator',
+    owner: {
+      name: 'media-team',
+      profilePicture: 'https://github.com/media-team.png',
+      link: 'https://github.com/orgs/company/teams/media-team',
+    },
+    type: 'service',
+    description: 'Service for validating media files and formats.',
+    tags: ['media', 'validation'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'user-audit',
+    owner: {
+      name: 'security-team',
+      profilePicture: 'https://github.com/security-team.png',
+      link: 'https://github.com/orgs/company/teams/security-team',
+    },
+    type: 'service',
+    description: 'Service for auditing user activities and access.',
+    tags: ['audit', 'user', 'security'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'data-normalizer',
+    owner: {
+      name: 'data-team',
+      profilePicture: 'https://github.com/data-team.png',
+      link: 'https://github.com/orgs/company/teams/data-team',
+    },
+    type: 'service',
+    description: 'Service for normalizing data formats and structures.',
+    tags: ['data', 'normalization'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'admin-authorization',
+    owner: {
+      name: 'platform-team',
+      profilePicture: 'https://github.com/platform-team.png',
+      link: 'https://github.com/orgs/company/teams/platform-team',
+    },
+    type: 'service',
+    description: 'Authorization service for administrative functions.',
+    tags: ['admin', 'authorization', 'security'],
+    lifecycle: 'production',
+  },
+  {
+    name: 'test-reporting',
+    owner: {
+      name: 'qa-team',
+      profilePicture: 'https://github.com/qa-team.png',
+      link: 'https://github.com/orgs/company/teams/qa-team',
+    },
+    type: 'other',
+    description: 'Tools for generating and managing test reports.',
+    tags: ['testing', 'reporting', 'qa'],
+    lifecycle: 'production',
+  },
+];
diff --git a/packages/ui/src/components/TableRA/mocked-data2.ts b/packages/ui/src/components/TableRA/mocked-data2.ts
new file mode 100644
index 0000000000..30ca36a689
--- /dev/null
+++ b/packages/ui/src/components/TableRA/mocked-data2.ts
@@ -0,0 +1,46 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createElement } from 'react';
+import { RiCactusLine } from '@remixicon/react';
+
+export interface DataProps {
+  name: string;
+  description?: string;
+  icon?: React.ReactNode;
+}
+
+export const data: DataProps[] = [
+  {
+    name: 'Cell with title only',
+  },
+  {
+    name: 'Cell with title and description',
+    description:
+      'A comprehensive service handling user authentication and role-based access control across all applications.',
+  },
+  {
+    name: 'Cell with title and icon',
+    icon: createElement(RiCactusLine),
+  },
+  {
+    name: 'Cell with title, description and icon',
+
+    description:
+      'A comprehensive service handling user authentication and role-based access control across all applications.',
+    icon: createElement(RiCactusLine),
+  },
+];
diff --git a/packages/ui/src/components/TableRA/mocked-data3.ts b/packages/ui/src/components/TableRA/mocked-data3.ts
new file mode 100644
index 0000000000..d209a0b5b4
--- /dev/null
+++ b/packages/ui/src/components/TableRA/mocked-data3.ts
@@ -0,0 +1,59 @@
+/*
+ * Copyright 2025 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface DataProps {
+  name: string;
+  profilePicture?: string;
+  link?: string;
+  description?: string;
+}
+
+export const data: DataProps[] = [
+  {
+    name: 'John Lennon',
+    profilePicture:
+      'https://upload.wikimedia.org/wikipedia/commons/8/85/John_Lennon_1969_%28cropped%29.jpg',
+  },
+  {
+    name: 'Paul McCartney',
+    profilePicture:
+      'https://d2kdkfqxnvpuu9.cloudfront.net/images/giant/51895.jpg?1341834484',
+  },
+  {
+    name: 'Paul McCartney (Broken image link - fallback instead)',
+    profilePicture:
+      'https://d2kdkfqxnvpuu9.clont.net/images/giant/51895.jpg?1341834484',
+  },
+  {
+    name: 'George Harrison (with link)',
+    profilePicture:
+      'https://www.who2.com/wp-content/uploads/2015/10/georgeharrison-6-scaled.jpg',
+    link: 'https://en.wikipedia.org/wiki/George_Harrison',
+  },
+  {
+    name: 'Ringo Starr (with description)',
+    profilePicture:
+      'https://ntvb.tmsimg.com/assets/assets/1686_v9_bb.jpg?w=360&h=480',
+    description: 'Ringo Starr is a drummer and singer.',
+  },
+  {
+    name: 'Ringo Starr (with everything)',
+    profilePicture:
+      'https://ntvb.tmsimg.com/assets/assets/1686_v9_bb.jpg?w=360&h=480',
+    description: 'Ringo Starr is a drummer and singer.',
+    link: 'https://en.wikipedia.org/wiki/George_Harrison',
+  },
+];
diff --git a/packages/ui/src/components/TableRA/types.ts b/packages/ui/src/components/TableRA/types.ts
index 379ce77f52..6cdc339d18 100644
--- a/packages/ui/src/components/TableRA/types.ts
+++ b/packages/ui/src/components/TableRA/types.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 The Backstage Authors
+ * Copyright 2024 The Backstage Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -13,3 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
+import { CellProps as ReactAriaCellProps } from 'react-aria-components';
+
+/** @public */
+export interface CellProps extends ReactAriaCellProps {
+  title: string;
+  description?: string;
+  color?: 'primary' | 'secondary';
+  leadingIcon?: React.ReactNode | null;
+  href?: string;
+}
+
+/** @public */
+export interface CellProfileProps extends ReactAriaCellProps {
+  src?: string;
+  name?: string;
+  href?: string;
+  description?: string;
+  color?: 'primary' | 'secondary';
+}
diff --git a/packages/ui/src/css/components.css b/packages/ui/src/css/components.css
index e23e0d8209..e6963732ca 100644
--- a/packages/ui/src/css/components.css
+++ b/packages/ui/src/css/components.css
@@ -40,6 +40,8 @@
 @import '../components/Table/TableCellProfile/TableCellProfile.styles.css';
 @import '../components/Table/TablePagination/TablePagination.styles.css';
 
+@import '../components/TableRA/Table.styles.css';
+
 @import '../components/Tabs/Tabs.styles.css';
 @import '../components/Text/styles.css';
 @import '../components/TextField/TextField.styles.css';
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index b05695c0b9..2f733a211b 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -43,7 +43,8 @@ export * from './components/ButtonIcon';
 export * from './components/ButtonLink';
 export * from './components/Checkbox';
 export * from './components/RadioGroup';
-export * from './components/Table';
+export * from './components/TableRA';
+export * from './components/TablePagination';
 export * from './components/Tabs';
 export * from './components/Text';
 export * from './components/TextField';
diff --git a/packages/ui/src/utils/componentDefinitions.ts b/packages/ui/src/utils/componentDefinitions.ts
index 83f6470dbf..ac8b41a9e7 100644
--- a/packages/ui/src/utils/componentDefinitions.ts
+++ b/packages/ui/src/utils/componentDefinitions.ts
@@ -250,6 +250,26 @@ export const componentDefinitions = {
       cellProfileLink: 'bui-TableCellProfileLink',
     },
   },
+  TableRA: {
+    classNames: {
+      table: 'bui-Table',
+      header: 'bui-TableHeader',
+      body: 'bui-TableBody',
+      row: 'bui-TableRow',
+      head: 'bui-TableHead',
+      headSortButton: 'bui-TableHeadSortButton',
+      caption: 'bui-TableCaption',
+      cell: 'bui-TableCell',
+      cellContentWrapper: 'bui-TableCellContentWrapper',
+      cellContent: 'bui-TableCellTextContent',
+      cellIcon: 'bui-TableCellTextIcon',
+      cellProfileAvatar: 'bui-TableCellProfileAvatar',
+      cellProfileAvatarImage: 'bui-TableCellProfileAvatarImage',
+      cellProfileAvatarFallback: 'bui-TableCellProfileAvatarFallback',
+      cellProfileName: 'bui-TableCellProfileName',
+      cellProfileLink: 'bui-TableCellProfileLink',
+    },
+  },
   Tabs: {
     classNames: {
       tabs: 'bui-Tabs',