diff --git a/components/views/List.ts b/components/views/List.ts
index 561a7257d3..1d14c3a0a6 100644
--- a/components/views/List.ts
+++ b/components/views/List.ts
@@ -1,2 +1,2 @@
 export { default as List } from '../../dist/admin/components/views/collections/List/Default';
-export type { Props } from '../../dist/admin/components/views/collections/Edit/types';
+export type { Props } from '../../dist/admin/components/views/collections/List/types';
diff --git a/docs/admin/components.mdx b/docs/admin/components.mdx
index fb96ae48b6..d281719517 100644
--- a/docs/admin/components.mdx
+++ b/docs/admin/components.mdx
@@ -85,7 +85,14 @@ You can override components on a Collection-by-Collection basis via each Collect
 | **`edit.SaveDraftButton`** | Replace the default `Save Draft` button with a custom component. Drafts must be enabled and autosave must be disabled. |
 | **`edit.PublishButton`**   | Replace the default `Publish` button with a custom component. Drafts must be enabled.                                  |
 | **`edit.PreviewButton`**   | Replace the default `Preview` button with a custom component.                                                          |
-
+| **`BeforeList`**   | Array of components to inject _before_ the built-in List view
+                                                         |
+| **`BeforeListTable`**   | Array of components to inject _before_ the built-in List view's table
+                                                         |
+| **`AfterListTable`**   | Array of components to inject _after_ the built-in List view's table
+                                                         |
+| **`AfterList`**   | Array of components to inject _after_ the built-in List view
+                                                         |
 #### Examples
 
 ```tsx
@@ -136,6 +143,38 @@ export const CustomPreviewButton: CustomPreviewButtonProps = ({
 };
 ```
 
+##### Custom Collection List View Example
+
+Collection.ts
+```tsx
+import { MyListComponent } from './MyListComponent';
+export const MyCollection: CollectionConfig = {
+  slug: 'mycollection',
+  admin: {
+    components: {
+      views: {
+        List: MyListComponent,
+      },
+    },
+  },
+  fields: [
+    ...
+  ],
+};
+```
+
+MyListComponent.tsx
+```tsx
+import React from 'react';
+import {List, type Props} from 'payload/components/views/List' // Payload's default List view component and its props
+export const MyListComponent: React.FC<Props> = (props) => (
+  <div>
+    <p>Some text before the default list view component. If you just want to do that, you can also use the admin.components.list.BeforeList hook</p>
+    <List {...props} />
+  </div>
+);
+```
+
 ### Globals
 
 As with Collections, You can override components on a global-by-global basis via their `admin` property.
diff --git a/src/admin/components/Routes.tsx b/src/admin/components/Routes.tsx
index 3919e2535b..422ec3a67a 100644
--- a/src/admin/components/Routes.tsx
+++ b/src/admin/components/Routes.tsx
@@ -198,9 +198,9 @@ const Routes: React.FC = () => {
                                       >
                                         <Edit collection={collection} />
                                       </DocumentInfoProvider>
-                                      ) : (
-                                        <Unauthorized />
-                                      )}
+                                    ) : (
+                                      <Unauthorized />
+                                    )}
                                   </Route>,
                                   <Route
                                     key={`${collection.slug}-edit`}
@@ -217,7 +217,7 @@ const Routes: React.FC = () => {
                                           collection={collection}
                                         />
                                       </DocumentInfoProvider>
-                                      ) : <Unauthorized />}
+                                    ) : <Unauthorized />}
                                   </Route>,
                                 ];
 
@@ -230,7 +230,7 @@ const Routes: React.FC = () => {
                                     >
                                       {permissions?.collections?.[collection.slug]?.readVersions?.permission ? (
                                         <Versions collection={collection} />
-                                        ) : <Unauthorized />}
+                                      ) : <Unauthorized />}
                                     </Route>,
                                   );
 
@@ -247,7 +247,7 @@ const Routes: React.FC = () => {
                                         >
                                           <Version collection={collection} />
                                         </DocumentInfoProvider>
-                                        ) : <Unauthorized />}
+                                      ) : <Unauthorized />}
                                     </Route>,
                                   );
                                 }
@@ -272,7 +272,7 @@ const Routes: React.FC = () => {
                                       >
                                         <EditGlobal global={global} />
                                       </DocumentInfoProvider>
-                                      ) : <Unauthorized />}
+                                    ) : <Unauthorized />}
                                   </Route>,
                                 ];
 
@@ -297,7 +297,7 @@ const Routes: React.FC = () => {
                                     >
                                       {permissions?.globals?.[global.slug]?.readVersions?.permission ? (
                                         <Version global={global} />
-                                          ) : <Unauthorized />}
+                                      ) : <Unauthorized />}
                                     </Route>,
                                   );
                                 }
diff --git a/src/admin/components/views/collections/List/Default.tsx b/src/admin/components/views/collections/List/Default.tsx
index b175ebdcd6..c0190272b4 100644
--- a/src/admin/components/views/collections/List/Default.tsx
+++ b/src/admin/components/views/collections/List/Default.tsx
@@ -37,6 +37,12 @@ const DefaultList: React.FC<Props> = (props) => {
       },
       admin: {
         description,
+        components: {
+          BeforeList,
+          BeforeListTable,
+          AfterListTable,
+          AfterList,
+        } = {},
       } = {},
     },
     data,
@@ -68,6 +74,13 @@ const DefaultList: React.FC<Props> = (props) => {
 
   return (
     <div className={baseClass}>
+      {Array.isArray(BeforeList) && BeforeList.map((Component, i) => (
+        <Component
+          key={i}
+          {...props}
+        />
+      ))}
+
       <Meta
         title={getTranslation(collection.labels.plural, i18n)}
       />
@@ -111,6 +124,12 @@ const DefaultList: React.FC<Props> = (props) => {
             handleWhereChange={handleWhereChange}
             resetParams={resetParams}
           />
+          {Array.isArray(BeforeListTable) && BeforeListTable.map((Component, i) => (
+            <Component
+              key={i}
+              {...props}
+            />
+          ))}
           {!data.docs && (
             <StaggeredShimmers
               className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}
@@ -137,6 +156,13 @@ const DefaultList: React.FC<Props> = (props) => {
               )}
             </div>
           )}
+          {Array.isArray(AfterListTable) && AfterListTable.map((Component, i) => (
+            <Component
+              key={i}
+              {...props}
+            />
+          ))}
+
           <div className={`${baseClass}__page-controls`}>
             <Paginator
               limit={data.limit}
@@ -200,6 +226,12 @@ const DefaultList: React.FC<Props> = (props) => {
           </div>
         </Gutter>
       </SelectionProvider>
+      {Array.isArray(AfterList) && AfterList.map((Component, i) => (
+        <Component
+          key={i}
+          {...props}
+        />
+      ))}
     </div>
   );
 };
diff --git a/src/collections/config/schema.ts b/src/collections/config/schema.ts
index 80332f01df..326c4dc7d3 100644
--- a/src/collections/config/schema.ts
+++ b/src/collections/config/schema.ts
@@ -69,6 +69,10 @@ const collectionSchema = joi.object().keys({
         SaveDraftButton: componentSchema,
         PreviewButton: componentSchema,
       }),
+      BeforeList: joi.array().items(componentSchema),
+      BeforeListTable: joi.array().items(componentSchema),
+      AfterListTable: joi.array().items(componentSchema),
+      AfterList: joi.array().items(componentSchema),
     }),
     pagination: joi.object({
       defaultLimit: joi.number(),
diff --git a/src/collections/config/types.ts b/src/collections/config/types.ts
index f2650cda57..782ef94aff 100644
--- a/src/collections/config/types.ts
+++ b/src/collections/config/types.ts
@@ -12,6 +12,8 @@ import { IncomingUploadType, Upload } from '../../uploads/types';
 import { IncomingCollectionVersions, SanitizedCollectionVersions } from '../../versions/types';
 import { BuildQueryArgs } from '../../mongoose/buildQuery';
 import { CustomPreviewButtonProps, CustomPublishButtonProps, CustomSaveButtonProps, CustomSaveDraftButtonProps } from '../../admin/components/elements/types';
+import type { Props as ListProps } from '../../admin/components/views/collections/List/types';
+import type { Props as EditProps } from '../../admin/components/views/collections/Edit/types';
 
 type Register<T = any> = (doc: T, password: string) => T;
 
@@ -220,9 +222,13 @@ export type CollectionAdminOptions = {
       PreviewButton?: CustomPreviewButtonProps
     },
     views?: {
-      Edit?: React.ComponentType<any>
-      List?: React.ComponentType<any>
-    }
+      Edit?: React.ComponentType<EditProps>
+      List?: React.ComponentType<ListProps>
+    },
+    BeforeList?: React.ComponentType<ListProps>[],
+    BeforeListTable?: React.ComponentType<ListProps>[],
+    AfterListTable?: React.ComponentType<ListProps>[],
+    AfterList?: React.ComponentType<ListProps>[],
   };
   pagination?: {
     defaultLimit?: number