diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index 637523f5e..5608f512d 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -1,6 +1,7 @@
 export { default as Modal } from './modal.svelte';
 export { default as Pagination } from './pagination.svelte';
 export { default as PaginationInline } from './paginationInline.svelte';
+export { default as Paginator } from './paginator.svelte';
 export { default as Card } from './card.svelte';
 export { default as CardGrid } from './cardGrid.svelte';
 export { default as CardContainer } from './cardContainer.svelte';
diff --git a/src/lib/components/paginator.svelte b/src/lib/components/paginator.svelte
new file mode 100644
index 000000000..36849247a
--- /dev/null
+++ b/src/lib/components/paginator.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import PaginationInline from './paginationInline.svelte';
+
+    export let items = [];
+    export let limit = 5;
+
+    let offset = 0;
+
+    $: total = items?.length;
+    $: paginatedItems = items.slice(offset, offset + limit);
+</script>
+
+<slot {paginatedItems} />
+
+<div class="u-flex u-margin-block-start-32 u-main-space-between">
+    <p class="text">Total results: {total}</p>
+    <PaginationInline {limit} bind:offset sum={total} hidePages />
+</div>