diff --git a/x-pack/plugins/endpoint/common/types.ts b/x-pack/plugins/endpoint/common/types.ts
index 0dc3fc29ca8050..5ef9d22e4dd7b8 100644
--- a/x-pack/plugins/endpoint/common/types.ts
+++ b/x-pack/plugins/endpoint/common/types.ts
@@ -118,4 +118,4 @@ export interface EndpointMetadata {
 /**
  * The PageId type is used for the payload when firing userNavigatedToPage actions
  */
-export type PageId = 'alertsPage' | 'managementPage';
+export type PageId = 'alertsPage' | 'managementPage' | 'policyListPage';
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/components/truncate_text.ts b/x-pack/plugins/endpoint/public/applications/endpoint/components/truncate_text.ts
new file mode 100644
index 00000000000000..83f4bc1e793178
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/components/truncate_text.ts
@@ -0,0 +1,13 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import styled from 'styled-components';
+
+export const TruncateText = styled.div`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`;
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/index.tsx b/x-pack/plugins/endpoint/public/applications/endpoint/index.tsx
index a86c647e771d41..7bb3b13525914f 100644
--- a/x-pack/plugins/endpoint/public/applications/endpoint/index.tsx
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/index.tsx
@@ -14,6 +14,7 @@ import { Store } from 'redux';
 import { appStoreFactory } from './store';
 import { AlertIndex } from './view/alerts';
 import { ManagementList } from './view/managing';
+import { PolicyList } from './view/policy';
 
 /**
  * This module will be loaded asynchronously to reduce the bundle size of your plugin's main bundle.
@@ -51,6 +52,7 @@ const AppRoot: React.FunctionComponent<RouterProps> = React.memo(({ basename, st
           />
           <Route path="/management" component={ManagementList} />
           <Route path="/alerts" component={AlertIndex} />
+          <Route path="/policy" exact component={PolicyList} />
           <Route
             render={() => (
               <FormattedMessage id="xpack.endpoint.notFound" defaultMessage="Page Not Found" />
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/action.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/action.ts
index 04c6cf7fc46340..d099c81317090d 100644
--- a/x-pack/plugins/endpoint/public/applications/endpoint/store/action.ts
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/action.ts
@@ -7,5 +7,6 @@
 import { ManagementAction } from './managing';
 import { AlertAction } from './alerts';
 import { RoutingAction } from './routing';
+import { PolicyListAction } from './policy_list';
 
-export type AppAction = ManagementAction | AlertAction | RoutingAction;
+export type AppAction = ManagementAction | AlertAction | RoutingAction | PolicyListAction;
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/index.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/index.ts
index 3bbcc3f25a6d88..8fe61ae01d319a 100644
--- a/x-pack/plugins/endpoint/public/applications/endpoint/store/index.ts
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/index.ts
@@ -17,6 +17,7 @@ import { CoreStart } from 'kibana/public';
 import { appReducer } from './reducer';
 import { alertMiddlewareFactory } from './alerts/middleware';
 import { managementMiddlewareFactory } from './managing';
+import { policyListMiddlewareFactory } from './policy_list';
 import { GlobalState } from '../types';
 import { AppAction } from './action';
 
@@ -56,6 +57,10 @@ export const appStoreFactory = (coreStart: CoreStart): Store => {
         substateMiddlewareFactory(
           globalState => globalState.managementList,
           managementMiddlewareFactory(coreStart)
+        ),
+        substateMiddlewareFactory(
+          globalState => globalState.policyList,
+          policyListMiddlewareFactory(coreStart)
         )
       )
     )
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/action.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/action.ts
new file mode 100644
index 00000000000000..5ac2a4328b00a2
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/action.ts
@@ -0,0 +1,27 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { PolicyData } from '../../types';
+
+interface ServerReturnedPolicyListData {
+  type: 'serverReturnedPolicyListData';
+  payload: {
+    policyItems: PolicyData[];
+    total: number;
+    pageSize: number;
+    pageIndex: number;
+  };
+}
+
+interface UserPaginatedPolicyListTable {
+  type: 'userPaginatedPolicyListTable';
+  payload: {
+    pageSize: number;
+    pageIndex: number;
+  };
+}
+
+export type PolicyListAction = ServerReturnedPolicyListData | UserPaginatedPolicyListTable;
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/fake_data.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/fake_data.ts
new file mode 100644
index 00000000000000..62bdd28f30be16
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/fake_data.ts
@@ -0,0 +1,53 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+// !!!! Should be deleted when https://github.com/elastic/endpoint-app-team/issues/150
+// is implemented
+
+const dateOffsets = [
+  0,
+  1000,
+  300000, // 5 minutes
+  3.6e6, // 1 hour
+  86340000, // 23h, 59m
+  9e7, // 25h
+  9e7 * 5, // 5d
+];
+
+const randomNumbers = [5, 50, 500, 5000, 50000];
+
+const getRandomDateIsoString = () => {
+  const randomIndex = Math.floor(Math.random() * Math.floor(dateOffsets.length));
+  return new Date(Date.now() - dateOffsets[randomIndex]).toISOString();
+};
+
+const getRandomNumber = () => {
+  const randomIndex = Math.floor(Math.random() * Math.floor(randomNumbers.length));
+  return randomNumbers[randomIndex];
+};
+
+export const getFakeDatasourceApiResponse = async (page: number, pageSize: number) => {
+  await new Promise(resolve => setTimeout(resolve, 500));
+
+  // Emulates the API response - see PR:
+  // https://github.com/elastic/kibana/pull/56567/files#diff-431549a8739efe0c56763f164c32caeeR25
+  return {
+    items: Array.from({ length: pageSize }, (x, i) => ({
+      name: `policy with some protections  ${i + 1}`,
+      total: getRandomNumber(),
+      pending: getRandomNumber(),
+      failed: getRandomNumber(),
+      created_by: `admin ABC`,
+      created: getRandomDateIsoString(),
+      updated_by: 'admin 123',
+      updated: getRandomDateIsoString(),
+    })),
+    success: true,
+    total: pageSize * 10,
+    page,
+    perPage: pageSize,
+  };
+};
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/index.test.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/index.test.ts
new file mode 100644
index 00000000000000..ae4a0868a68fec
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/index.test.ts
@@ -0,0 +1,74 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { PolicyListState } from '../../types';
+import { applyMiddleware, createStore, Dispatch, Store } from 'redux';
+import { AppAction } from '../action';
+import { policyListReducer } from './reducer';
+import { policyListMiddlewareFactory } from './middleware';
+import { coreMock } from '../../../../../../../../src/core/public/mocks';
+import { CoreStart } from 'kibana/public';
+import { selectIsLoading } from './selectors';
+
+describe('policy list store concerns', () => {
+  const sleep = () => new Promise(resolve => setTimeout(resolve, 1000));
+  let fakeCoreStart: jest.Mocked<CoreStart>;
+  let store: Store<PolicyListState>;
+  let getState: typeof store['getState'];
+  let dispatch: Dispatch<AppAction>;
+
+  beforeEach(() => {
+    fakeCoreStart = coreMock.createStart({ basePath: '/mock' });
+    store = createStore(
+      policyListReducer,
+      applyMiddleware(policyListMiddlewareFactory(fakeCoreStart))
+    );
+    getState = store.getState;
+    dispatch = store.dispatch;
+  });
+
+  test('it sets `isLoading` when `userNavigatedToPage`', async () => {
+    expect(selectIsLoading(getState())).toBe(false);
+    dispatch({ type: 'userNavigatedToPage', payload: 'policyListPage' });
+    expect(selectIsLoading(getState())).toBe(true);
+    await sleep();
+    expect(selectIsLoading(getState())).toBe(false);
+  });
+
+  test('it sets `isLoading` when `userPaginatedPolicyListTable`', async () => {
+    expect(selectIsLoading(getState())).toBe(false);
+    dispatch({
+      type: 'userPaginatedPolicyListTable',
+      payload: {
+        pageSize: 10,
+        pageIndex: 1,
+      },
+    });
+    expect(selectIsLoading(getState())).toBe(true);
+    await sleep();
+    expect(selectIsLoading(getState())).toBe(false);
+  });
+
+  test('it resets state on `userNavigatedFromPage` action', async () => {
+    dispatch({
+      type: 'serverReturnedPolicyListData',
+      payload: {
+        policyItems: [],
+        pageIndex: 20,
+        pageSize: 50,
+        total: 200,
+      },
+    });
+    dispatch({ type: 'userNavigatedFromPage', payload: 'policyListPage' });
+    expect(getState()).toEqual({
+      policyItems: [],
+      isLoading: false,
+      pageIndex: 0,
+      pageSize: 10,
+      total: 0,
+    });
+  });
+});
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/index.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/index.ts
new file mode 100644
index 00000000000000..8086acc41d2bd7
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/index.ts
@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+export { policyListReducer } from './reducer';
+export { PolicyListAction } from './action';
+export { policyListMiddlewareFactory } from './middleware';
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/middleware.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/middleware.ts
new file mode 100644
index 00000000000000..f8e2b7d07c389c
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/middleware.ts
@@ -0,0 +1,45 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { MiddlewareFactory, PolicyListState } from '../../types';
+
+export const policyListMiddlewareFactory: MiddlewareFactory<PolicyListState> = coreStart => {
+  return ({ getState, dispatch }) => next => async action => {
+    next(action);
+
+    if (
+      (action.type === 'userNavigatedToPage' && action.payload === 'policyListPage') ||
+      action.type === 'userPaginatedPolicyListTable'
+    ) {
+      const state = getState();
+      let pageSize: number;
+      let pageIndex: number;
+
+      if (action.type === 'userPaginatedPolicyListTable') {
+        pageSize = action.payload.pageSize;
+        pageIndex = action.payload.pageIndex;
+      } else {
+        pageSize = state.pageSize;
+        pageIndex = state.pageIndex;
+      }
+
+      // Need load data from API and remove fake data below
+      // Refactor tracked via: https://github.com/elastic/endpoint-app-team/issues/150
+      const { getFakeDatasourceApiResponse } = await import('./fake_data');
+      const { items: policyItems, total } = await getFakeDatasourceApiResponse(pageIndex, pageSize);
+
+      dispatch({
+        type: 'serverReturnedPolicyListData',
+        payload: {
+          policyItems,
+          pageIndex,
+          pageSize,
+          total,
+        },
+      });
+    }
+  };
+};
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/reducer.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/reducer.ts
new file mode 100644
index 00000000000000..77f536d413ae38
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/reducer.ts
@@ -0,0 +1,48 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { Reducer } from 'redux';
+import { PolicyListState } from '../../types';
+import { AppAction } from '../action';
+
+const initialPolicyListState = (): PolicyListState => {
+  return {
+    policyItems: [],
+    isLoading: false,
+    pageIndex: 0,
+    pageSize: 10,
+    total: 0,
+  };
+};
+
+export const policyListReducer: Reducer<PolicyListState, AppAction> = (
+  state = initialPolicyListState(),
+  action
+) => {
+  if (action.type === 'serverReturnedPolicyListData') {
+    return {
+      ...state,
+      ...action.payload,
+      isLoading: false,
+    };
+  }
+
+  if (
+    action.type === 'userPaginatedPolicyListTable' ||
+    (action.type === 'userNavigatedToPage' && action.payload === 'policyListPage')
+  ) {
+    return {
+      ...state,
+      isLoading: true,
+    };
+  }
+
+  if (action.type === 'userNavigatedFromPage' && action.payload === 'policyListPage') {
+    return initialPolicyListState();
+  }
+
+  return state;
+};
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/selectors.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/selectors.ts
new file mode 100644
index 00000000000000..b9c2edbf5d55b1
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/policy_list/selectors.ts
@@ -0,0 +1,17 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { PolicyListState } from '../../types';
+
+export const selectPolicyItems = (state: PolicyListState) => state.policyItems;
+
+export const selectPageIndex = (state: PolicyListState) => state.pageIndex;
+
+export const selectPageSize = (state: PolicyListState) => state.pageSize;
+
+export const selectTotal = (state: PolicyListState) => state.total;
+
+export const selectIsLoading = (state: PolicyListState) => state.isLoading;
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/reducer.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/reducer.ts
index 7d738c266fae0c..3d9d21c0da9c3e 100644
--- a/x-pack/plugins/endpoint/public/applications/endpoint/store/reducer.ts
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/reducer.ts
@@ -8,8 +8,10 @@ import { managementListReducer } from './managing';
 import { AppAction } from './action';
 import { alertListReducer } from './alerts';
 import { GlobalState } from '../types';
+import { policyListReducer } from './policy_list';
 
 export const appReducer: Reducer<GlobalState, AppAction> = combineReducers({
   managementList: managementListReducer,
   alertList: alertListReducer,
+  policyList: policyListReducer,
 });
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/store/routing/action.ts b/x-pack/plugins/endpoint/public/applications/endpoint/store/routing/action.ts
index 263a3f72d57d5a..9080af8c918175 100644
--- a/x-pack/plugins/endpoint/public/applications/endpoint/store/routing/action.ts
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/store/routing/action.ts
@@ -11,4 +11,9 @@ interface UserNavigatedToPage {
   readonly payload: PageId;
 }
 
-export type RoutingAction = UserNavigatedToPage;
+interface UserNavigatedFromPage {
+  readonly type: 'userNavigatedFromPage';
+  readonly payload: PageId;
+}
+
+export type RoutingAction = UserNavigatedToPage | UserNavigatedFromPage;
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/types.ts b/x-pack/plugins/endpoint/public/applications/endpoint/types.ts
index 02a7793fc38b06..6b20012592fd9b 100644
--- a/x-pack/plugins/endpoint/public/applications/endpoint/types.ts
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/types.ts
@@ -29,9 +29,38 @@ export interface ManagementListPagination {
   pageSize: number;
 }
 
+// REFACTOR to use Types from Ingest Manager - see: https://github.com/elastic/endpoint-app-team/issues/150
+export interface PolicyData {
+  name: string;
+  total: number;
+  pending: number;
+  failed: number;
+  created_by: string;
+  created: string;
+  updated_by: string;
+  updated: string;
+}
+
+/**
+ * Policy list store state
+ */
+export interface PolicyListState {
+  /** Array of policy items  */
+  policyItems: PolicyData[];
+  /** total number of policies */
+  total: number;
+  /** Number of policies per page */
+  pageSize: number;
+  /** page number (zero based) */
+  pageIndex: number;
+  /** data is being retrieved from server */
+  isLoading: boolean;
+}
+
 export interface GlobalState {
   readonly managementList: ManagementListState;
   readonly alertList: AlertListState;
+  readonly policyList: PolicyListState;
 }
 
 export type AlertListData = AlertResultList;
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/index.ts b/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/index.ts
new file mode 100644
index 00000000000000..d561da7574de07
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/index.ts
@@ -0,0 +1,7 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+export * from './policy_list';
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/policy_hooks.ts b/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/policy_hooks.ts
new file mode 100644
index 00000000000000..14558fb6504bb0
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/policy_hooks.ts
@@ -0,0 +1,12 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { useSelector } from 'react-redux';
+import { GlobalState, PolicyListState } from '../../types';
+
+export function usePolicyListSelector<TSelected>(selector: (state: PolicyListState) => TSelected) {
+  return useSelector((state: GlobalState) => selector(state.policyList));
+}
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/policy_list.tsx b/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/policy_list.tsx
new file mode 100644
index 00000000000000..75ffa5e8806e99
--- /dev/null
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/view/policy/policy_list.tsx
@@ -0,0 +1,232 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { useCallback, useMemo } from 'react';
+import {
+  EuiPage,
+  EuiPageBody,
+  EuiPageContent,
+  EuiPageContentBody,
+  EuiPageContentHeader,
+  EuiPageContentHeaderSection,
+  EuiTitle,
+  EuiBasicTable,
+  EuiText,
+  EuiTableFieldDataColumnType,
+  EuiToolTip,
+} from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import {
+  FormattedMessage,
+  FormattedDate,
+  FormattedTime,
+  FormattedNumber,
+  FormattedRelative,
+} from '@kbn/i18n/react';
+import { useDispatch } from 'react-redux';
+import styled from 'styled-components';
+import { usePageId } from '../use_page_id';
+import {
+  selectIsLoading,
+  selectPageIndex,
+  selectPageSize,
+  selectPolicyItems,
+  selectTotal,
+} from '../../store/policy_list/selectors';
+import { usePolicyListSelector } from './policy_hooks';
+import { PolicyListAction } from '../../store/policy_list';
+import { PolicyData } from '../../types';
+import { TruncateText } from '../../components/truncate_text';
+
+interface TableChangeCallbackArguments {
+  page: { index: number; size: number };
+}
+
+const TruncateTooltipText = styled(TruncateText)`
+  .euiToolTipAnchor {
+    display: block;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+`;
+
+const FormattedDateAndTime: React.FC<{ date: Date }> = ({ date }) => {
+  // If date is greater than or equal to 24h (ago), then show it as a date
+  // else, show it as relative to "now"
+  return Date.now() - date.getTime() >= 8.64e7 ? (
+    <>
+      <FormattedDate value={date} year="numeric" month="short" day="2-digit" />
+      {' @'}
+      <FormattedTime value={date} />
+    </>
+  ) : (
+    <>
+      <FormattedRelative value={date} />
+    </>
+  );
+};
+
+const renderDate = (date: string, _item: PolicyData) => (
+  <TruncateTooltipText>
+    <EuiToolTip content={date}>
+      <FormattedDateAndTime date={new Date(date)} />
+    </EuiToolTip>
+  </TruncateTooltipText>
+);
+
+const renderFormattedNumber = (value: number, _item: PolicyData) => (
+  <TruncateText>
+    <FormattedNumber value={value} />
+  </TruncateText>
+);
+
+export const PolicyList = React.memo(() => {
+  usePageId('policyListPage');
+
+  const dispatch = useDispatch<(action: PolicyListAction) => void>();
+  const policyItems = usePolicyListSelector(selectPolicyItems);
+  const pageIndex = usePolicyListSelector(selectPageIndex);
+  const pageSize = usePolicyListSelector(selectPageSize);
+  const totalItemCount = usePolicyListSelector(selectTotal);
+  const loading = usePolicyListSelector(selectIsLoading);
+
+  const paginationSetup = useMemo(() => {
+    return {
+      pageIndex,
+      pageSize,
+      totalItemCount,
+      pageSizeOptions: [10, 20, 50],
+      hidePerPageOptions: false,
+    };
+  }, [pageIndex, pageSize, totalItemCount]);
+
+  const handleTableChange = useCallback(
+    ({ page: { index, size } }: TableChangeCallbackArguments) => {
+      dispatch({
+        type: 'userPaginatedPolicyListTable',
+        payload: {
+          pageIndex: index,
+          pageSize: size,
+        },
+      });
+    },
+    [dispatch]
+  );
+
+  const columns: Array<EuiTableFieldDataColumnType<PolicyData>> = useMemo(
+    () => [
+      {
+        field: 'name',
+        name: i18n.translate('xpack.endpoint.policyList.nameField', {
+          defaultMessage: 'Policy Name',
+        }),
+        truncateText: true,
+      },
+      {
+        field: 'total',
+        name: i18n.translate('xpack.endpoint.policyList.totalField', {
+          defaultMessage: 'Total',
+        }),
+        render: renderFormattedNumber,
+        dataType: 'number',
+        truncateText: true,
+        width: '15ch',
+      },
+      {
+        field: 'pending',
+        name: i18n.translate('xpack.endpoint.policyList.pendingField', {
+          defaultMessage: 'Pending',
+        }),
+        render: renderFormattedNumber,
+        dataType: 'number',
+        truncateText: true,
+        width: '15ch',
+      },
+      {
+        field: 'failed',
+        name: i18n.translate('xpack.endpoint.policyList.failedField', {
+          defaultMessage: 'Failed',
+        }),
+        render: renderFormattedNumber,
+        dataType: 'number',
+        truncateText: true,
+        width: '15ch',
+      },
+      {
+        field: 'created_by',
+        name: i18n.translate('xpack.endpoint.policyList.createdByField', {
+          defaultMessage: 'Created By',
+        }),
+        truncateText: true,
+      },
+      {
+        field: 'created',
+        name: i18n.translate('xpack.endpoint.policyList.createdField', {
+          defaultMessage: 'Created',
+        }),
+        render: renderDate,
+        truncateText: true,
+      },
+      {
+        field: 'updated_by',
+        name: i18n.translate('xpack.endpoint.policyList.updatedByField', {
+          defaultMessage: 'Last Updated By',
+        }),
+        truncateText: true,
+      },
+      {
+        field: 'updated',
+        name: i18n.translate('xpack.endpoint.policyList.updatedField', {
+          defaultMessage: 'Last Updated',
+        }),
+        render: renderDate,
+        truncateText: true,
+      },
+    ],
+    []
+  );
+
+  return (
+    <EuiPage data-test-subj="policyListPage">
+      <EuiPageBody>
+        <EuiPageContent>
+          <EuiPageContentHeader>
+            <EuiPageContentHeaderSection>
+              <EuiTitle size="l">
+                <h1 data-test-subj="policyViewTitle">
+                  <FormattedMessage
+                    id="xpack.endpoint.policyList.viewTitle"
+                    defaultMessage="Policies"
+                  />
+                </h1>
+              </EuiTitle>
+              <h2>
+                <EuiText color="subdued" data-test-subj="policyTotalCount" size="s">
+                  <FormattedMessage
+                    id="xpack.endpoint.policyList.viewTitleTotalCount"
+                    defaultMessage="{totalItemCount} Policies"
+                    values={{ totalItemCount }}
+                  />
+                </EuiText>
+              </h2>
+            </EuiPageContentHeaderSection>
+          </EuiPageContentHeader>
+          <EuiPageContentBody>
+            <EuiBasicTable
+              items={policyItems}
+              columns={columns}
+              loading={loading}
+              pagination={paginationSetup}
+              onChange={handleTableChange}
+              data-test-subj="policyTable"
+            />
+          </EuiPageContentBody>
+        </EuiPageContent>
+      </EuiPageBody>
+    </EuiPage>
+  );
+});
diff --git a/x-pack/plugins/endpoint/public/applications/endpoint/view/use_page_id.ts b/x-pack/plugins/endpoint/public/applications/endpoint/view/use_page_id.ts
index 9e241af4c0445c..49c39064c8d9a2 100644
--- a/x-pack/plugins/endpoint/public/applications/endpoint/view/use_page_id.ts
+++ b/x-pack/plugins/endpoint/public/applications/endpoint/view/use_page_id.ts
@@ -10,11 +10,19 @@ import { PageId } from '../../../../common/types';
 import { RoutingAction } from '../store/routing';
 
 /**
- * Dispatches a 'userNavigatedToPage' action with the given 'pageId' as the action payload
+ * Dispatches a 'userNavigatedToPage' action with the given 'pageId' as the action payload.
+ * When the component is un-mounted, a `userNavigatedFromPage` action will be dispatched
+ * with the given `pageId`.
+ *
+ * @param pageId A page id
  */
 export function usePageId(pageId: PageId) {
   const dispatch: (action: RoutingAction) => unknown = useDispatch();
   useEffect(() => {
     dispatch({ type: 'userNavigatedToPage', payload: pageId });
+
+    return () => {
+      dispatch({ type: 'userNavigatedFromPage', payload: pageId });
+    };
   }, [dispatch, pageId]);
 }
diff --git a/x-pack/test/functional/apps/endpoint/index.ts b/x-pack/test/functional/apps/endpoint/index.ts
index 5fdf54b98cda63..0ea9344a67abac 100644
--- a/x-pack/test/functional/apps/endpoint/index.ts
+++ b/x-pack/test/functional/apps/endpoint/index.ts
@@ -12,5 +12,6 @@ export default function({ loadTestFile }: FtrProviderContext) {
     loadTestFile(require.resolve('./feature_controls'));
     loadTestFile(require.resolve('./landing_page'));
     loadTestFile(require.resolve('./management'));
+    loadTestFile(require.resolve('./policy_list'));
   });
 }
diff --git a/x-pack/test/functional/apps/endpoint/policy_list.ts b/x-pack/test/functional/apps/endpoint/policy_list.ts
new file mode 100644
index 00000000000000..1fe2492bed5a05
--- /dev/null
+++ b/x-pack/test/functional/apps/endpoint/policy_list.ts
@@ -0,0 +1,47 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import expect from '@kbn/expect';
+import { FtrProviderContext } from '../../ftr_provider_context';
+
+export default function({ getPageObjects, getService }: FtrProviderContext) {
+  const pageObjects = getPageObjects(['common', 'endpoint']);
+  const testSubjects = getService('testSubjects');
+
+  describe('Endpoint Policy List', function() {
+    this.tags(['ciGroup7']);
+    before(async () => {
+      await pageObjects.common.navigateToUrlWithBrowserHistory('endpoint', '/policy');
+    });
+
+    it('loads the Policy List Page', async () => {
+      await testSubjects.existOrFail('policyListPage');
+    });
+    it('displays page title', async () => {
+      const policyTitle = await testSubjects.getVisibleText('policyViewTitle');
+      expect(policyTitle).to.equal('Policies');
+    });
+    it('shows policy count total', async () => {
+      const policyTotal = await testSubjects.getVisibleText('policyTotalCount');
+      expect(policyTotal).to.equal('0 Policies');
+    });
+    it('includes policy list table', async () => {
+      await testSubjects.existOrFail('policyTable');
+    });
+    it('has correct table headers', async () => {
+      const allHeaderCells = await pageObjects.endpoint.tableHeaderVisibleText('policyTable');
+      expect(allHeaderCells).to.eql([
+        'Policy Name',
+        'Total',
+        'Pending',
+        'Failed',
+        'Created By',
+        'Created',
+        'Last Updated By',
+        'Last Updated',
+      ]);
+    });
+  });
+}
diff --git a/x-pack/test/functional/page_objects/endpoint_page.ts b/x-pack/test/functional/page_objects/endpoint_page.ts
index a306a855a83eb3..54f537dd0e8c37 100644
--- a/x-pack/test/functional/page_objects/endpoint_page.ts
+++ b/x-pack/test/functional/page_objects/endpoint_page.ts
@@ -11,6 +11,25 @@ export function EndpointPageProvider({ getService }: FtrProviderContext) {
   const table = getService('table');
 
   return {
+    /**
+     * Finds the Table with the given `selector` (test subject) and returns
+     * back an array containing the table's header column text
+     *
+     * @param selector
+     * @returns Promise<string[]>
+     */
+    async tableHeaderVisibleText(selector: string) {
+      const $ = await (await testSubjects.find('policyTable')).parseDomContent();
+      return $('thead tr th')
+        .toArray()
+        .map(th =>
+          $(th)
+            .text()
+            .replace(/&nbsp;/g, '')
+            .trim()
+        );
+    },
+
     async welcomeEndpointTitle() {
       return await testSubjects.getVisibleText('welcomeTitle');
     },