diff --git a/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx b/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx
index 5a149e7886..4f833dd96a 100644
--- a/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx
+++ b/frontend/src/component/admin/apiToken/ApiTokenTable/ApiTokenTable.tsx
@@ -28,12 +28,38 @@ import { useConditionallyHiddenColumns } from 'hooks/useConditionallyHiddenColum
 import { TimeAgoCell } from 'component/common/Table/cells/TimeAgoCell/TimeAgoCell';
 
 const hiddenColumnsSmall = ['Icon', 'createdAt'];
+const hiddenColumnsCompact = ['Icon', 'project', 'seenAt'];
 
-export const ApiTokenTable = () => {
+interface IApiTokenTableProps {
+    compact?: boolean;
+    filterForProject?: string;
+}
+export const ApiTokenTable = ({
+    compact = false,
+    filterForProject,
+}: IApiTokenTableProps) => {
     const { tokens, loading } = useApiTokens();
     const initialState = useMemo(() => ({ sortBy: [{ id: 'createdAt' }] }), []);
     const isSmallScreen = useMediaQuery(theme.breakpoints.down('md'));
 
+    const filteredTokens = useMemo(() => {
+        if (Boolean(filterForProject)) {
+            return tokens.filter(token => {
+                if (token.projects) {
+                    if (token.projects?.length > 1) return false;
+                    if (
+                        token.projects?.length === 1 &&
+                        token.projects[0] === filterForProject
+                    )
+                        return true;
+                }
+
+                return token.project === filterForProject;
+            });
+        }
+        return tokens;
+    }, [tokens, filterForProject]);
+
     const {
         getTableProps,
         getTableBodyProps,
@@ -46,7 +72,7 @@ export const ApiTokenTable = () => {
     } = useTable(
         {
             columns: COLUMNS as any,
-            data: tokens as any,
+            data: filteredTokens as any,
             initialState,
             sortTypes,
             autoResetHiddenColumns: false,
@@ -62,6 +88,10 @@ export const ApiTokenTable = () => {
                 condition: isSmallScreen,
                 columns: hiddenColumnsSmall,
             },
+            {
+                condition: compact,
+                columns: hiddenColumnsCompact,
+            },
         ],
         setHiddenColumns,
         COLUMNS
diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectApiAccess.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectApiAccess.tsx
new file mode 100644
index 0000000000..815ee3c90a
--- /dev/null
+++ b/frontend/src/component/project/Project/ProjectSettings/ProjectApiAccess.tsx
@@ -0,0 +1,35 @@
+import { useContext } from 'react';
+import { PageContent } from 'component/common/PageContent/PageContent';
+import { Alert } from '@mui/material';
+import { PageHeader } from 'component/common/PageHeader/PageHeader';
+import AccessContext from 'contexts/AccessContext';
+import { UPDATE_PROJECT } from 'component/providers/AccessProvider/permissions';
+import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
+import { usePageTitle } from 'hooks/usePageTitle';
+import { useProjectNameOrId } from 'hooks/api/getters/useProject/useProject';
+import { ApiTokenTable } from '../../../admin/apiToken/ApiTokenTable/ApiTokenTable';
+
+export const ProjectApiAccess = () => {
+    const projectId = useRequiredPathParam('projectId');
+    const projectName = useProjectNameOrId(projectId);
+    const { hasAccess } = useContext(AccessContext);
+
+    usePageTitle(`Project api access – ${projectName}`);
+
+    if (!hasAccess(UPDATE_PROJECT, projectId)) {
+        return (
+            <PageContent header={<PageHeader title="Api access" />}>
+                <Alert severity="error">
+                    You need project owner or admin permissions to access this
+                    section.
+                </Alert>
+            </PageContent>
+        );
+    }
+
+    return (
+        <div style={{ width: '100%', overflow: 'hidden' }}>
+            <ApiTokenTable compact filterForProject={projectId} />
+        </div>
+    );
+};
diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx
index 56aec71fd6..972f48370c 100644
--- a/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx
+++ b/frontend/src/component/project/Project/ProjectSettings/ProjectSettings.tsx
@@ -9,10 +9,14 @@ import { ITab, VerticalTabs } from 'component/common/VerticalTabs/VerticalTabs';
 import { ProjectAccess } from 'component/project/ProjectAccess/ProjectAccess';
 import ProjectEnvironmentList from 'component/project/ProjectEnvironment/ProjectEnvironment';
 import { ChangeRequestConfiguration } from './ChangeRequestConfiguration/ChangeRequestConfiguration';
+import { ProjectApiAccess } from './ProjectApiAccess';
+import useUiConfig from '../../../../hooks/api/getters/useUiConfig/useUiConfig';
 
 export const ProjectSettings = () => {
     const location = useLocation();
     const navigate = useNavigate();
+    const { uiConfig } = useUiConfig();
+    const { showProjectApiAccess } = uiConfig.flags;
 
     const tabs: ITab[] = [
         {
@@ -29,6 +33,13 @@ export const ProjectSettings = () => {
         },
     ];
 
+    if (Boolean(showProjectApiAccess)) {
+        tabs.push({
+            id: 'api-access',
+            label: 'API access',
+        });
+    }
+
     const onChange = (tab: ITab) => {
         navigate(tab.id);
     };
@@ -53,6 +64,9 @@ export const ProjectSettings = () => {
                     path="change-requests/*"
                     element={<ChangeRequestConfiguration />}
                 />
+                {Boolean(showProjectApiAccess) && (
+                    <Route path="api-access/*" element={<ProjectApiAccess />} />
+                )}
                 <Route
                     path="*"
                     element={<Navigate replace to={tabs[0].id} />}
diff --git a/frontend/src/interfaces/uiConfig.ts b/frontend/src/interfaces/uiConfig.ts
index fd13793794..d13b90af45 100644
--- a/frontend/src/interfaces/uiConfig.ts
+++ b/frontend/src/interfaces/uiConfig.ts
@@ -48,6 +48,7 @@ export interface IFlags {
     newProjectOverview?: boolean;
     caseInsensitiveInOperators?: boolean;
     crOnVariants?: boolean;
+    showProjectApiAccess?: boolean;
 }
 
 export interface IVersionInfo {
diff --git a/src/lib/__snapshots__/create-config.test.ts.snap b/src/lib/__snapshots__/create-config.test.ts.snap
index f5135eccb2..f459f90b44 100644
--- a/src/lib/__snapshots__/create-config.test.ts.snap
+++ b/src/lib/__snapshots__/create-config.test.ts.snap
@@ -83,6 +83,7 @@ exports[`should create default config 1`] = `
       "proxyReturnAllToggles": false,
       "responseTimeWithAppName": false,
       "serviceAccounts": false,
+      "showProjectApiAccess": false,
       "variantsPerEnvironment": false,
     },
   },
@@ -104,6 +105,7 @@ exports[`should create default config 1`] = `
       "proxyReturnAllToggles": false,
       "responseTimeWithAppName": false,
       "serviceAccounts": false,
+      "showProjectApiAccess": false,
       "variantsPerEnvironment": false,
     },
     "externalResolver": {
diff --git a/src/lib/types/experimental.ts b/src/lib/types/experimental.ts
index 6f537164a3..4a0dd55c13 100644
--- a/src/lib/types/experimental.ts
+++ b/src/lib/types/experimental.ts
@@ -66,6 +66,10 @@ const flags = {
         process.env.UNLEASH_EXPERIMENTAL_CR_ON_VARIANTS,
         false,
     ),
+    showProjectApiAccess: parseEnvVarBoolean(
+        process.env.UNLEASH_EXPERIMENTAL_PROJECT_API_ACCESS,
+        false,
+    ),
 };
 
 export const defaultExperimentalOptions: IExperimentalOptions = {