diff --git a/Pages/Index.cshtml b/Pages/Index.cshtml
index 1f71371..4c75cf9 100644
--- a/Pages/Index.cshtml
+++ b/Pages/Index.cshtml
@@ -30,7 +30,7 @@
     <div class="alert alert-info mt-3">@Model.StatusMessage</div>
 }
 
-<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 g-3 mt-3">
+<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-6 g-3 mt-3">
     @if (Model.Folders.Count == 0)
     {
         <div class="col">
@@ -72,6 +72,34 @@
     }
 </div>
 
+@if (Model.TotalPages > 1)
+{
+    <nav class="mt-3" aria-label="Pagination">
+        <ul class="pagination mb-0">
+            <li class="page-item @(Model.PageNumber <= 1 ? "disabled" : "")">
+                <a class="page-link"
+                   href="@Url.Page("Index", null, new { page = Model.PageNumber - 1, keyword = Model.Keyword })"
+                   aria-label="Previous">
+                    <span aria-hidden="true">«</span>
+                </a>
+            </li>
+            @for (var i = 1; i <= Model.TotalPages; i++)
+            {
+                <li class="page-item @(i == Model.PageNumber ? "active" : "")">
+                    <a class="page-link" href="@Url.Page("Index", null, new { page = i, keyword = Model.Keyword })">@i</a>
+                </li>
+            }
+            <li class="page-item @(Model.PageNumber >= Model.TotalPages ? "disabled" : "")">
+                <a class="page-link"
+                   href="@Url.Page("Index", null, new { page = Model.PageNumber + 1, keyword = Model.Keyword })"
+                   aria-label="Next">
+                    <span aria-hidden="true">»</span>
+                </a>
+            </li>
+        </ul>
+    </nav>
+}
+
 <div class="modal fade" id="folderModal" tabindex="-1" aria-labelledby="folderModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
         <div class="modal-content">
diff --git a/Pages/Index.cshtml.cs b/Pages/Index.cshtml.cs
index 8e16e0c..9147cce 100644
--- a/Pages/Index.cshtml.cs
+++ b/Pages/Index.cshtml.cs
@@ -31,10 +31,14 @@
 
     public IReadOnlyList<FolderCard> Folders { get; private set; } = Array.Empty<FolderCard>();
     public string? Keyword { get; private set; }
+    public int PageNumber { get; private set; } = 1;
+    public int TotalPages { get; private set; } = 1;
+    public int PageSize { get; } = 30;
 
-    public async Task OnGetAsync(string? keyword)
+    public async Task OnGetAsync(string? keyword, int page = 1)
     {
         Keyword = string.IsNullOrWhiteSpace(keyword) ? null : keyword.Trim();
+        PageNumber = Math.Max(1, page);
 
         var query = _dbContext.FanboxFolders.AsNoTracking();
         if (!string.IsNullOrWhiteSpace(Keyword))
@@ -43,9 +47,18 @@
             query = query.Where(x => x.Keywords != null && EF.Functions.Like(x.Keywords, pattern));
         }
 
+        var totalCount = await query.CountAsync();
+        TotalPages = Math.Max(1, (int)Math.Ceiling(totalCount / (double)PageSize));
+        if (PageNumber > TotalPages)
+        {
+            PageNumber = TotalPages;
+        }
+
         var folders = await query
             .OrderByDescending(x => x.Date)
             .ThenByDescending(x => x.CreatedAt)
+            .Skip((PageNumber - 1) * PageSize)
+            .Take(PageSize)
             .ToListAsync();
 
         var cards = new List<FolderCard>(folders.Count);