diff --git a/server/core/templates/wagtailadmin/pages/listing/_button_with_dropdown.html b/server/core/templates/wagtailadmin/pages/listing/_button_with_dropdown.html
new file mode 100644
index 00000000..8cfabee7
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_button_with_dropdown.html
@@ -0,0 +1,4 @@
+{% load wagtailadmin_tags %}
+{% dropdown attrs=self.attrs toggle_icon=icon_name|default:"arrow-down" toggle_label=label toggle_aria_label=title toggle_classname=toggle_classname %}
+    {% include "wagtailadmin/pages/listing/_dropdown_items.html" with buttons=buttons only %}
+{% enddropdown %}
diff --git a/server/core/templates/wagtailadmin/pages/listing/_dropdown_items.html b/server/core/templates/wagtailadmin/pages/listing/_dropdown_items.html
new file mode 100644
index 00000000..8312b5b5
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_dropdown_items.html
@@ -0,0 +1,10 @@
+{% load wagtailadmin_tags %}
+
+{% for button in buttons %}
+    <a href="{{ button.url }}" {{ button.base_attrs_string }}>
+        {% if button.icon_name %}
+            {% icon name=button.icon_name %}
+        {% endif %}
+        {{ button.label }}
+    </a>
+{% endfor %}
diff --git a/server/core/templates/wagtailadmin/pages/listing/_locked_indicator.html b/server/core/templates/wagtailadmin/pages/listing/_locked_indicator.html
new file mode 100644
index 00000000..7b39645b
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_locked_indicator.html
@@ -0,0 +1,16 @@
+{% load i18n %}
+{% load wagtailadmin_tags %}
+
+{% comment %}
+    Expects a variable 'page', a page object.
+    Tests whether that page is locked for editing, and if so, outputs a 'locked' icon.
+{% endcomment %}
+
+{% if page.locked %}
+    <span
+        class="indicator locked-indicator {% if page.locked_by == request.user %}indicator--is-inverse{% endif %}"
+        title="{% if page.locked_by == request.user %}{% trans 'This page is locked, by you, to further editing' %}{% else %}{% trans 'This page is locked to further editing' %}{% endif %}"
+    >
+        {% icon name="lock" classname="initial" %}
+    </span>
+{% endif %}
diff --git a/server/core/templates/wagtailadmin/pages/listing/_navigation_explore.html b/server/core/templates/wagtailadmin/pages/listing/_navigation_explore.html
new file mode 100644
index 00000000..dd6499b1
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_navigation_explore.html
@@ -0,0 +1,21 @@
+{% load i18n wagtailadmin_tags %}
+
+{% comment %}
+Navigation controls for the page listing in 'explore' mode
+{% endcomment %}
+
+<td class="{% if page.is_navigable %}children{% else %}no-children{% endif %}">
+    {% if page.is_navigable %}
+        <a
+            href="{% url 'wagtailadmin_explore' page.id %}"
+            title="{% blocktrans trimmed with title=page.get_admin_display_title %}Explore child pages of '{{ title }}'{% endblocktrans %}"
+            aria-label="{% blocktrans trimmed with title=page.get_admin_display_title %}Explore child pages of '{{ title }}'{% endblocktrans %}"
+        >{% icon name="arrow-right" classname="default" %}</a>
+    {% elif page_perms.can_add_subpage %}
+        <a
+            href="{% url 'wagtailadmin_pages:add_subpage' page.id %}"
+            title="{% blocktrans trimmed with title=page.get_admin_display_title %}Add a child page to '{{ title }}'{% endblocktrans %}"
+            aria-label="{% blocktrans trimmed with title=page.get_admin_display_title %}Add a child page to '{{ title }}'{% endblocktrans %}"
+        >{% icon name="plus-inverse" classname="default" %}</a>
+    {% endif %}
+</td>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_ordering_cell.html b/server/core/templates/wagtailadmin/pages/listing/_ordering_cell.html
new file mode 100644
index 00000000..4b467d1c
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_ordering_cell.html
@@ -0,0 +1,10 @@
+{% load i18n wagtailadmin_tags %}
+<td class="ord">
+    <div class="handle" tabindex="0" aria-live="polite" data-order-handle>
+        {% icon name="grip" classname="default" %}
+        <span class="w-sr-only">
+            {% trans 'Drag' %}
+            <span data-order-label>Item {{ row.index|add:1 }} of {{ table.row_count }}</span>
+        </span>
+    </div>
+</td>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_ordering_header.html b/server/core/templates/wagtailadmin/pages/listing/_ordering_header.html
new file mode 100644
index 00000000..47a34249
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_ordering_header.html
@@ -0,0 +1,12 @@
+{% load i18n wagtailadmin_tags %}
+<th class="ord{% if is_ascending %} ord--active{% endif %}">
+    {% if is_ascending %}
+        <a href="{{ table.base_url }}{% querystring p=None ordering=None %}" title="{% trans 'Disable ordering of child pages' %}">
+            {% icon name="order" %}{% trans 'Sort' %}
+        </a>
+    {% else %}
+        <a href="{{ table.base_url }}{% querystring p=None ordering=column.sort_key %}" title="{% trans 'Enable ordering of child pages' %}">
+            {% icon name="order" %}{% trans 'Sort' %}
+        </a>
+    {% endif %}
+</th>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_page_header_buttons.html b/server/core/templates/wagtailadmin/pages/listing/_page_header_buttons.html
new file mode 100644
index 00000000..101a0f32
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_page_header_buttons.html
@@ -0,0 +1,10 @@
+{% load wagtailadmin_tags i18n %}
+
+{% trans "Actions" as title %}
+<nav aria-label="{{ title }}">
+    {% dropdown toggle_icon="dots-horizontal" toggle_aria_label=title toggle_classname="w-p-0 w-w-12 w-h-slim-header hover:w-scale-110 w-transition w-outline-offset-inside w-relative w-z-30" toggle_tooltip_offset="[0, -2]" %}
+        {% block content %}
+            {% include "wagtailadmin/pages/listing/_dropdown_items.html" with buttons=buttons only %}
+        {% endblock %}
+    {% enddropdown %}
+</nav>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_page_status_cell.html b/server/core/templates/wagtailadmin/pages/listing/_page_status_cell.html
new file mode 100644
index 00000000..0140ace6
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_page_status_cell.html
@@ -0,0 +1,3 @@
+<td {% if column.classname %}class="{{ column.classname }}"{% endif %}>
+    {% include "wagtailadmin/shared/page_status_tag.html" with page=instance %}
+</td>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_page_title_cell.html b/server/core/templates/wagtailadmin/pages/listing/_page_title_cell.html
new file mode 100644
index 00000000..6503627e
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_page_title_cell.html
@@ -0,0 +1,9 @@
+{% load l10n %}
+<td id="page_{{ instance.pk|unlocalize }}_title" {% if column.classname %}class="{{ column.classname }}"{% endif %} data-listing-page-title>
+    {% include "wagtailadmin/pages/listing/_page_title_explore.html" with page=instance show_locale_labels=show_locale_labels actions_next_url=actions_next_url %}
+    {% if parent_page %}
+        <div>
+            <a href="{% url 'wagtailadmin_explore' parent_page.id %}" class="icon icon-arrow-right">{{ parent_page.get_admin_display_title }}</a>
+        </div>
+    {% endif %}
+</td>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_page_title_column_header.html b/server/core/templates/wagtailadmin/pages/listing/_page_title_column_header.html
new file mode 100644
index 00000000..fd1c0db0
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_page_title_column_header.html
@@ -0,0 +1,30 @@
+{% extends "wagtailadmin/tables/column_header.html" %}
+{% load wagtailadmin_tags i18n %}
+
+{% block after_label %}
+    {% if page_obj %}
+        {% with start_index=page_obj.start_index end_index=page_obj.end_index result_count=page_obj.paginator.count %}
+            {% if is_searching %}
+                {% if is_searching_whole_tree %}
+                    {% blocktranslate trimmed %}
+                        {{ start_index }}-{{ end_index }} of {{ result_count }} across entire site.
+                    {% endblocktranslate %}
+                    <a href="{{ table.base_url }}{% querystring p=None search_all=None %}">
+                        {% blocktranslate trimmed with title=parent_page.get_admin_display_title %}Search within '{{ title }}'{% endblocktranslate %}
+                    </a>
+                {% else %}
+                    {% blocktranslate trimmed with title=parent_page.get_admin_display_title %}
+                        {{ start_index }}-{{ end_index }} of {{ result_count }} within '{{ title }}'.
+                    {% endblocktranslate %}
+                    <a href="{{ table.base_url }}{% querystring p=None search_all=1 %}">
+                        {% translate "Search the whole site" %}
+                    </a>
+                {% endif %}
+            {% else %}
+                {% blocktranslate trimmed %}
+                    {{ start_index }}-{{ end_index }} of {{ result_count }}
+                {% endblocktranslate %}
+            {% endif %}
+        {% endwith %}
+    {% endif %}
+{% endblock %}
diff --git a/server/core/templates/wagtailadmin/pages/listing/_page_title_explore.html b/server/core/templates/wagtailadmin/pages/listing/_page_title_explore.html
new file mode 100644
index 00000000..ca16cd16
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_page_title_explore.html
@@ -0,0 +1,32 @@
+{% load i18n wagtailadmin_tags %}
+
+{# The title field for a page in the page listing, when in 'explore' mode #}
+
+<div class="title-wrapper">
+    {% if page.is_site_root %}
+        {% if perms.wagtailcore.add_site or perms.wagtailcore.change_site or perms.wagtailcore.delete_site %}
+            <a href="{% url 'wagtailsites:index' %}" title="{% trans 'Sites menu' %}">{% icon name="site" classname="initial" %}</a>
+        {% endif %}
+    {% endif %}
+
+    {% if page_perms.can_edit %}
+        <a href="{% url 'wagtailadmin_pages:edit' page.id %}" title="{% trans 'Edit this page' %}">
+            {% if not page.is_site_root and not page.is_leaf %}{% icon name="folder" classname="initial" %}{% endif %}
+            {{ page.get_admin_display_title }}
+        </a>
+    {% else %}
+        {% if not page.is_site_root and not page.is_leaf %}{% icon name="folder" classname="initial" %}{% endif %}
+        {{ page.get_admin_display_title }}
+    {% endif %}
+
+    {% if show_locale_labels %}
+        {% status page.locale.get_display_name classname="w-status--label" %}
+    {% endif %}
+
+    {% include "wagtailadmin/pages/listing/_privacy_indicator.html" with page=page %}
+    {% include "wagtailadmin/pages/listing/_locked_indicator.html" with page=page %}
+</div>
+
+<ul class="actions">
+    {% page_listing_buttons page request.user next_url=actions_next_url %}
+</ul>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_pagination.html b/server/core/templates/wagtailadmin/pages/listing/_pagination.html
new file mode 100644
index 00000000..31eb260c
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_pagination.html
@@ -0,0 +1,29 @@
+{% load i18n wagtailadmin_tags %}
+
+{% comment %}
+Pagination for page listings. Used by the `{% paginate %}` template tag.
+{% endcomment %}
+
+<nav class="pagination" aria-label="{% trans 'Pagination' %}">
+    <p>{% blocktrans trimmed with page_number=page.number num_pages=paginator.num_pages %}
+        Page {{ page_number }} of {{ num_pages }}.
+    {% endblocktrans %}</p>
+    <ul>
+        <li class="prev">
+            {% if page.has_previous %}
+                <a data-page="{{ page.previous_page_number }}" href="{{ base_url }}{% pagination_querystring page.previous_page_number page_key=page_key %}" class="{{ classname }}">
+                    {% icon name="arrow-left" classname="default" %}
+                    {% trans "Previous" %}
+                </a>
+            {% endif %}
+        </li>
+        <li class="next">
+            {% if page.has_next %}
+                <a data-page="{{ page.next_page_number }}" href="{{ base_url }}{% pagination_querystring page.next_page_number page_key=page_key %}" class="{{ classname }}">
+                    {% trans "Next" %}
+                    {% icon name="arrow-right" classname="default" %}
+                </a>
+            {% endif %}
+        </li>
+    </ul>
+</nav>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_parent_page_cell.html b/server/core/templates/wagtailadmin/pages/listing/_parent_page_cell.html
new file mode 100644
index 00000000..bb0f455d
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_parent_page_cell.html
@@ -0,0 +1,5 @@
+<td {% if column.classname %}class="{{ column.classname }}"{% endif %}>
+    {% if value %}
+        <a href="{% url 'wagtailadmin_explore' value.id %}">{{ value.specific_deferred.get_admin_display_title }}</a>
+    {% endif %}
+</td>
diff --git a/server/core/templates/wagtailadmin/pages/listing/_privacy_indicator.html b/server/core/templates/wagtailadmin/pages/listing/_privacy_indicator.html
new file mode 100644
index 00000000..d6ee39f7
--- /dev/null
+++ b/server/core/templates/wagtailadmin/pages/listing/_privacy_indicator.html
@@ -0,0 +1,17 @@
+{% load i18n %}
+{% load wagtailadmin_tags %}
+
+{% comment %}
+    Expects a variable 'page', a page object.
+    Tests whether that page is protected from public view, and if so, outputs a 'protected' icon.
+{% endcomment %}
+
+{% test_page_is_public page as is_public %}
+{% if not is_public %}
+    <span
+        class="indicator privacy-indicator"
+        title="{% trans "This page is protected from public view" %}"
+    >
+        {% icon name="no-view" classname="initial" %}
+    </span>
+{% endif %}