diff --git a/apps/website/src/pages/Resources/Resources.tsx b/apps/website/src/pages/Resources/Resources.tsx
index 0e123633e7..2c8e369cc5 100644
--- a/apps/website/src/pages/Resources/Resources.tsx
+++ b/apps/website/src/pages/Resources/Resources.tsx
@@ -1,12 +1,30 @@
 import { useTranslation } from "react-i18next";
 
+import Card from "../../components/Card";
+import Section from "../../components/Section";
 import { usePageTitle } from "../../hooks";
 
+const iconPacksMeta = Object.values(import.meta.glob("../../assets/resources/icon-packs/*.json", {
+    eager: true
+}));
+
 export default function Resources() {
     const { t } = useTranslation();
     usePageTitle(t("resources.title"));
 
     return (
-        <p>Resources go here.</p>
+        <Section>
+            <h2>{t("resources.icon_packs")}</h2>
+
+            <div className="grid-3-cols">
+                {iconPacksMeta.map(meta => (
+                    <Card
+                        key={meta.name}
+                        title={`${meta.name} ${meta.version}`}
+                        moreInfoUrl={meta.website}
+                    />
+                ))}
+            </div>
+        </Section>
     );
 }
diff --git a/apps/website/src/translations/en/translation.json b/apps/website/src/translations/en/translation.json
index bbeb445324..dcd5035088 100644
--- a/apps/website/src/translations/en/translation.json
+++ b/apps/website/src/translations/en/translation.json
@@ -198,6 +198,7 @@
     "download_triliumcc": "Alternatively see trilium.cc"
   },
   "resources": {
-    "title": "Resources"
+    "title": "Resources",
+    "icon_packs": "Icon packs"
   }
 }