diff --git a/cypress/e2e/page-list.spec.js b/cypress/e2e/page-list.spec.js
index 6333ba0b1..6c5718a08 100644
--- a/cypress/e2e/page-list.spec.js
+++ b/cypress/e2e/page-list.spec.js
@@ -201,6 +201,32 @@ describe('Page list', function() {
 		})
 	})
 
+	describe('Page favorites', function() {
+		it('Allows to add and remove pages from favorites', function() {
+			cy.get('.page-list .page-list-favorites')
+				.should('not.exist')
+
+			cy.openPageMenu('Day 1')
+			cy.clickMenuButton('Add to favorites')
+			cy.get('.page-list .page-list-favorites')
+				.should('contain', 'Day 1')
+
+			cy.get('.page-list-favorites-list')
+				.should('be.visible')
+			cy.get('.page-list-favorites .toggle-favorites-button')
+				.click()
+			cy.get('.page-list-favorites-list')
+				.should('not.be.visible')
+			cy.get('.page-list-favorites .toggle-favorites-button')
+				.click()
+
+			cy.openPageMenu('Day 1')
+			cy.clickMenuButton('Remove from favorites')
+			cy.get('.page-list .page-list-favorites')
+				.should('not.exist')
+		})
+	})
+
 	describe('Print view', function() {
 		it('renders all the pages', function() {
 			let printStub
diff --git a/src/apis/collectives/userSettings.js b/src/apis/collectives/userSettings.js
index d153abcf7..dee8b57e2 100644
--- a/src/apis/collectives/userSettings.js
+++ b/src/apis/collectives/userSettings.js
@@ -9,7 +9,7 @@ import { collectivesUrl } from './urls.js'
 /**
  * Set the page order for the current user
  *
- * @param {number} collectiveId ID of the colletive to be updated
+ * @param {number} collectiveId ID of the collective to be updated
  * @param {number} pageOrder the desired page order for the current user
  */
 export function setCollectiveUserSettingPageOrder(collectiveId, pageOrder) {
@@ -20,9 +20,9 @@ export function setCollectiveUserSettingPageOrder(collectiveId, pageOrder) {
 }
 
 /**
- * Set the the `show recent pages` toggle for the current user
+ * Set the `show recent pages` toggle for the current user
  *
- * @param {number} collectiveId ID of the colletive to be updated
+ * @param {number} collectiveId ID of the collective to be updated
  * @param {boolean} showRecentPages the desired value
  */
 export function setCollectiveUserSettingShowRecentPages(collectiveId, showRecentPages) {
@@ -31,3 +31,16 @@ export function setCollectiveUserSettingShowRecentPages(collectiveId, showRecent
 		{ showRecentPages },
 	)
 }
+
+/**
+ * Set favorite pages for the current user
+ *
+ * @param {number} collectiveId ID of the collective to be updated
+ * @param {Array} favoritePages the desired value
+ */
+export function setCollectiveUserSettingFavoritePages(collectiveId, favoritePages) {
+	return axios.put(
+		collectivesUrl(collectiveId, '_userSettings', 'favoritePages'),
+		{ favoritePages: JSON.stringify(favoritePages) },
+	)
+}
diff --git a/src/components/Page/PageActionMenu.vue b/src/components/Page/PageActionMenu.vue
index 43e99e024..55f1f036c 100644
--- a/src/components/Page/PageActionMenu.vue
+++ b/src/components/Page/PageActionMenu.vue
@@ -65,6 +65,17 @@
 				{{ t('collectives', 'Show in Files') }}
 			</NcActionLink>
 
+			<!-- Favor page action: only displayed in page list and not for landing page -->
+			<NcActionButton v-if="inPageList"
+				:close-after-click="true"
+				@click="toggleFavoritePage({ id: currentCollective.id, pageId })">
+				<template #icon>
+					<StarOffIcon v-if="isFavoritePage(currentCollective.id, pageId)" :size="20" />
+					<StarIcon v-else :size="20" />
+				</template>
+				{{ toggleFavoriteString }}
+			</NcActionButton>
+
 			<!-- Share page action: only displayed in page list and not for landing page (already in collectives actions there) -->
 			<NcActionButton v-if="inPageList && currentCollectiveCanShare && !isLandingPage"
 				:close-after-click="true"
@@ -143,6 +154,8 @@ import MoveOrCopyModal from './MoveOrCopyModal.vue'
 import PagesTemplateIcon from '../Icon/PagesTemplateIcon.vue'
 import PageActionLastUser from './PageActionLastUser.vue'
 import ShareVariantIcon from 'vue-material-design-icons/ShareVariant.vue'
+import StarIcon from 'vue-material-design-icons/Star.vue'
+import StarOffIcon from 'vue-material-design-icons/StarOff.vue'
 import pageMixin from '../../mixins/pageMixin.js'
 import { usePagesStore } from '../../stores/pages.js'
 
@@ -165,6 +178,8 @@ export default {
 		PagesTemplateIcon,
 		PageActionLastUser,
 		ShareVariantIcon,
+		StarIcon,
+		StarOffIcon,
 	},
 
 	mixins: [
@@ -228,6 +243,7 @@ export default {
 			'currentCollectiveCanEdit',
 			'currentCollectiveCanShare',
 			'currentCollectiveIsPageShare',
+			'isFavoritePage',
 		]),
 		...mapState(usePagesStore, [
 			'hasSubpages',
@@ -264,6 +280,12 @@ export default {
 			return generateUrl(`/f/${this.currentPage.id}`)
 		},
 
+		toggleFavoriteString() {
+			return this.isFavoritePage(this.currentCollective.id, this.pageId)
+				? t('collectives', 'Remove from favorites')
+				: t('collectives', 'Add to favorites')
+		},
+
 		editTemplateString() {
 			return this.hasTemplate
 				? t('collectives', 'Edit template for subpages')
@@ -310,7 +332,12 @@ export default {
 			'show',
 			'toggle',
 		]),
-		...mapActions(usePagesStore, ['setFullWidthView']),
+		...mapActions(useCollectivesStore, [
+			'toggleFavoritePage',
+		]),
+		...mapActions(usePagesStore, [
+			'setFullWidthView',
+		]),
 
 		onCheckFullWidthView() {
 			this.setFullWidthView({ pageId: this.currentPage.id, fullWidthView: true })
diff --git a/src/components/PageList.vue b/src/components/PageList.vue
index f8aca6312..b6acb6e1d 100644
--- a/src/components/PageList.vue
+++ b/src/components/PageList.vue
@@ -64,6 +64,7 @@
 			<SkeletonLoading type="items" :count="3" />
 		</div>
 		<div v-else class="page-list">
+			<!-- Landing page -->
 			<Item key="Readme"
 				:to="currentCollectivePath"
 				:page-id="rootPage.id"
@@ -81,6 +82,8 @@
 				:filtered-view="false"
 				class="page-list-root-page"
 				@click.native="show('details')" />
+
+			<!-- Sort order container (optional) -->
 			<div v-if="!sortedBy('byOrder')" class="sort-order-container">
 				<span class="sort-order-chip">
 					{{ sortedBy('byTitle') ? t('collectives', 'Sorted by title') : t('collectives', 'Sorted by recently changed') }}
@@ -94,12 +97,19 @@
 					</NcButton>
 				</span>
 			</div>
+
+			<!-- Favorites -->
+			<PageFavorites v-if="showFavorites" />
+
+			<!-- Templates (optional) -->
 			<SubpageList v-if="templateView"
 				:key="templateView.id"
 				:page="templateView"
 				:level="1"
 				:filtered-view="isFilteredView"
 				:is-template="true" />
+
+			<!-- Filtered view page list -->
 			<div v-if="isFilteredView" ref="pageListFiltered" class="page-list-filtered">
 				<NcAppNavigationCaption v-if="filteredPages.length > 0" :name="t('Collectives','Results in title')" />
 				<RecycleScroller v-if="filteredPages.length > 0"
@@ -133,6 +143,8 @@
 					<SkeletonLoading type="items" :count="3" />
 				</div>
 			</div>
+
+			<!-- Unfiltered view page list -->
 			<Draggable v-else
 				:list="subpages"
 				:parent-id="rootPage.id"
@@ -146,6 +158,8 @@
 					class="page-list-drag-item" />
 			</Draggable>
 		</div>
+
+		<!-- Page trash -->
 		<PageTrash v-if="displayTrash" />
 	</NcAppContentList>
 </template>
@@ -165,6 +179,7 @@ import CloseIcon from 'vue-material-design-icons/Close.vue'
 import Draggable from './PageList/Draggable.vue'
 import SubpageList from './PageList/SubpageList.vue'
 import Item from './PageList/Item.vue'
+import PageFavorites from './PageList/PageFavorites.vue'
 import PageTrash from './PageList/PageTrash.vue'
 import SortAlphabeticalAscendingIcon from 'vue-material-design-icons/SortAlphabeticalAscending.vue'
 import SortAscendingIcon from 'vue-material-design-icons/SortAscending.vue'
@@ -193,6 +208,7 @@ export default {
 		Draggable,
 		Item,
 		PagesTemplateIcon,
+		PageFavorites,
 		PageTrash,
 		SubpageList,
 		SortAlphabeticalAscendingIcon,
@@ -229,6 +245,7 @@ export default {
 			'rootPage',
 			'templatePage',
 			'currentPage',
+			'hasFavoritePages',
 			'keptSortable',
 			'visibleSubpages',
 			'sortByOrder',
@@ -276,6 +293,10 @@ export default {
 			return (sortOrder) => this.sortByOrder === sortOrder
 		},
 
+		showFavorites() {
+			return !this.isFilteredView && this.hasFavoritePages
+		},
+
 		isFilteredView() {
 			return this.filterString !== ''
 		},
diff --git a/src/components/PageList/Item.vue b/src/components/PageList/Item.vue
index ad2ceef00..61a43a3d7 100644
--- a/src/components/PageList/Item.vue
+++ b/src/components/PageList/Item.vue
@@ -50,6 +50,13 @@
 					class="item-icon-badge"
 					:class="isCollapsed(pageId) ? 'collapsed' : 'expanded'" />
 			</template>
+			<template v-if="showFavoriteStar">
+				<StarIcon v-show="!filteredView"
+					:size="18"
+					fill-color="var(--color-warning)"
+					:title="t('collectives', 'Favorite')"
+					class="item-icon-favorite" />
+			</template>
 		</div>
 		<router-link :to="to"
 			draggable="false"
@@ -88,6 +95,7 @@
 <script>
 import { generateUrl } from '@nextcloud/router'
 import { mapActions, mapState } from 'pinia'
+import { useCollectivesStore } from '../../stores/collectives.js'
 import { usePagesStore } from '../../stores/pages.js'
 import { TEMPLATE_PAGE } from '../../constants.js'
 import isMobile from '@nextcloud/vue/dist/Mixins/isMobile.js'
@@ -99,6 +107,7 @@ import pageMixin from '../../mixins/pageMixin.js'
 import PageIcon from '../Icon/PageIcon.vue'
 import PageActionMenu from '../Page/PageActionMenu.vue'
 import PageTemplateIcon from '../Icon/PageTemplateIcon.vue'
+import StarIcon from 'vue-material-design-icons/Star.vue'
 import { scrollToPage } from '../../util/scrollToElement.js'
 
 export default {
@@ -113,6 +122,7 @@ export default {
 		PageActionMenu,
 		PageTemplateIcon,
 		PlusIcon,
+		StarIcon,
 	},
 
 	mixins: [
@@ -165,6 +175,10 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		inFavoriteList: {
+			type: Boolean,
+			default: false,
+		},
 		hasVisibleSubpages: {
 			type: Boolean,
 			default: false,
@@ -191,6 +205,10 @@ export default {
 	},
 
 	computed: {
+		...mapState(useCollectivesStore, [
+			'currentCollective',
+			'isFavoritePage',
+		]),
 		...mapState(usePagesStore, [
 			'isCollapsed',
 			'currentPage',
@@ -208,14 +226,13 @@ export default {
 				&& this.currentPage.id === this.pageId
 		},
 
-		indent() {
-			// Start indention at level 2. And limit to 5 to prevent nasty subtrees
-			return Math.min(Math.max(0, this.level - 1), 4)
+		isCollapsible() {
+			// root page and favorites are not collapsible
+			return this.level > 0 && !this.inFavoriteList && this.hasVisibleSubpages
 		},
 
-		isCollapsible() {
-			// root page is not collapsible
-			return (this.level > 0 && this.hasVisibleSubpages)
+		showFavoriteStar() {
+			return !this.inFavoriteList && this.isFavoritePage(this.currentCollective.id, this.pageId)
 		},
 
 		pageTitleString() {
@@ -366,6 +383,10 @@ export default {
 		span.item-icon-badge {
 			background-color: var(--color-primary-element-light);
 		}
+
+		span.item-icon-favorite {
+			background-color: var(--color-primary-element-light);
+		}
 	}
 
 	&:hover, &:focus, &:active, &.highlight {
@@ -374,6 +395,10 @@ export default {
 		span.item-icon-badge {
 			background-color: var(--color-background-hover);
 		}
+
+		span.item-icon-favorite {
+			background-color: var(--color-background-hover);
+		}
 	}
 
 	&.highlight-animation {
@@ -442,6 +467,17 @@ export default {
 				transform: rotate(90deg);
 			}
 		}
+
+		// Configure favorite icon
+		.item-icon-favorite {
+			position: absolute;
+			top: 0;
+			right: -1px;
+			cursor: pointer;
+			border: 0;
+			border-radius: 50%;
+			background-color: var(--color-main-background);
+		}
 	}
 
 	.app-content-list-item-line-one {
diff --git a/src/components/PageList/PageFavorites.vue b/src/components/PageList/PageFavorites.vue
new file mode 100644
index 000000000..3dc0a9930
--- /dev/null
+++ b/src/components/PageList/PageFavorites.vue
@@ -0,0 +1,146 @@
+<!--
+  - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<template>
+	<div class="page-list-favorites">
+		<div class="app-content-list-item">
+			<div class="app-content-list-item-icon" @click="toggleFavorites">
+				<StarIcon :size="22" fill-color="var(--color-main-text)" />
+			</div>
+			<div class="app-content-list-item-line-one" @click="toggleFavorites">
+				{{ t('collectives', 'Favorites') }}
+				<NcButton :aria-label="t('collectives', 'Toggle favorites')"
+					type="tertiary"
+					class="toggle-favorites-button">
+					<template #icon>
+						<ChevronDownIcon :size="22"
+							:class="{ 'collapsed': !showFavoritesOpen }" />
+					</template>
+				</NcButton>
+			</div>
+		</div>
+
+		<div v-show="showFavoritesOpen" class="page-list-favorites-list">
+			<Item v-for="page in favoritePages"
+				:key="page.title"
+				:to="pagePath(page)"
+				:page-id="page.id"
+				:parent-id="page.parentId"
+				:title="page.title"
+				:timestamp="page.timestamp"
+				:last-user-id="page.lastUserId"
+				:last-user-display-name="page.lastUserDisplayName"
+				:emoji="page.emoji"
+				:level="2"
+				:can-edit="currentCollectiveCanEdit"
+				:in-favorite-list="true"
+				:filtered-view="false"
+				@click.native="show('details')" />
+		</div>
+	</div>
+</template>
+
+<script>
+import { mapActions, mapState } from 'pinia'
+import { useRootStore } from '../../stores/root.js'
+import { useCollectivesStore } from '../../stores/collectives.js'
+import { usePagesStore } from '../../stores/pages.js'
+import { NcButton } from '@nextcloud/vue'
+import Item from './Item.vue'
+import ChevronDownIcon from 'vue-material-design-icons/ChevronDown.vue'
+import StarIcon from 'vue-material-design-icons/Star.vue'
+
+export default {
+	name: 'PageFavorites',
+
+	components: {
+		Item,
+		NcButton,
+		ChevronDownIcon,
+		StarIcon,
+	},
+
+	data() {
+		return {
+			showFavoritesOpen: true,
+		}
+	},
+
+	computed: {
+		...mapActions(useRootStore, ['show']),
+		...mapState(useCollectivesStore, [
+			'currentCollectiveCanEdit',
+		]),
+		...mapState(usePagesStore, [
+			'favoritePages',
+			'pagePath',
+		]),
+	},
+
+	methods: {
+		toggleFavorites() {
+			this.showFavoritesOpen = !this.showFavoritesOpen
+		},
+	},
+}
+</script>
+
+<style scoped lang="scss">
+.page-list-favorites {
+	border-bottom: 1px solid var(--color-border);
+
+	.page-list-favorites-list {
+		padding-left: 20px;
+	}
+}
+
+.app-content-list-item {
+	box-sizing: border-box;
+	height: var(--default-clickable-area);
+	margin-bottom: 4px;
+
+	padding: 0;
+	border-radius: var(--border-radius-large);
+
+	&:hover, &:focus, &:active, &.highlight {
+		background-color: var(--color-background-hover);
+
+		span.item-icon-badge {
+			background-color: var(--color-background-hover);
+		}
+
+		span.item-icon-favorite {
+			background-color: var(--color-background-hover);
+		}
+	}
+
+	.app-content-list-item-icon {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+		.material-design-icon {
+			cursor: pointer;
+		}
+	}
+
+	.app-content-list-item-line-one {
+		display: flex;
+		padding-left: 40px;
+	}
+
+	.toggle-favorites-button {
+		position: absolute;
+		top: 0;
+		right: 0;
+		width: 34px;
+
+		.collapsed {
+			transition: transform var(--animation-slow);
+			transform: rotate(-90deg);
+		}
+	}
+}
+</style>
diff --git a/src/stores/collectives.js b/src/stores/collectives.js
index 29ad49b1c..59f77132d 100644
--- a/src/stores/collectives.js
+++ b/src/stores/collectives.js
@@ -137,6 +137,10 @@ export const useCollectivesStore = defineStore('collectives', {
 				? state.collectives.find(c => c.id === state.settingsCollectiveId)
 				: null
 		},
+
+		isFavoritePage: (state) => (id, pageId) => {
+			return state.collectives.find(c => c.id === id).userFavoritePages.includes(pageId)
+		},
 	},
 
 	actions: {
@@ -306,6 +310,26 @@ export const useCollectivesStore = defineStore('collectives', {
 			this._addOrUpdateCollectiveState(response.data.data)
 		},
 
+		/**
+		 * @param {object} data the data object
+		 * @param {number} data.id ID of the collective to be updated
+		 * @param {number} data.pageId pageId to toggle in favoritePages
+		 */
+		async toggleFavoritePage({ id, pageId }) {
+			const favoritePages = this.collectives
+				.find(c => c.id === id)
+				.userFavoritePages
+				// Only unique entries, filter out duplicates
+				.filter((value, i, a) => a.indexOf(value) === i)
+
+			if (favoritePages.indexOf(pageId) === -1) {
+				favoritePages.push(pageId)
+			} else {
+				favoritePages.splice(favoritePages.findIndex(id => id === pageId), 1)
+			}
+			await this.setCollectiveUserSettingFavoritePages({ id, favoritePages })
+		},
+
 		/**
 		 * Set the page order for the current user
 		 *
@@ -322,5 +346,10 @@ export const useCollectivesStore = defineStore('collectives', {
 			this.patchCollectiveWithProperty({ id, property: 'userShowRecentPages', value: showRecentPages })
 			await api.setCollectiveUserSettingShowRecentPages(id, showRecentPages)
 		},
+
+		async setCollectiveUserSettingFavoritePages({ id, favoritePages }) {
+			this.patchCollectiveWithProperty({ id, property: 'userFavoritePages', value: favoritePages })
+			await api.setCollectiveUserSettingFavoritePages(id, favoritePages)
+		},
 	},
 })
diff --git a/src/stores/pages.js b/src/stores/pages.js
index 2d0f01f30..7cd403c2d 100644
--- a/src/stores/pages.js
+++ b/src/stores/pages.js
@@ -175,6 +175,16 @@ export const usePagesStore = defineStore('pages', {
 			}
 		},
 
+		favoritePages(state) {
+			const collectivesStore = useCollectivesStore()
+			const favoritePages = collectivesStore.currentCollective.userFavoritePages
+			return state.pages.filter(p => favoritePages.includes(p.id))
+		},
+
+		hasFavoritePages(state) {
+			return state.favoritePages.length > 0
+		},
+
 		sortedSubpages,
 
 		allPagesSorted(state) {