diff --git a/frontend/packages/app/public/icons/Catalog.svg b/frontend/packages/app/public/icons/Catalog.svg
new file mode 100644
index 0000000000..0641df52c6
--- /dev/null
+++ b/frontend/packages/app/public/icons/Catalog.svg
@@ -0,0 +1,5 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.2447 40.1566H88.4896C90.0684 40.1566 91.3428 38.8765 91.3428 37.2908C91.3428 35.705 90.0684 34.425 88.4896 34.425H37.2447C35.6659 34.425 34.3914 35.705 34.3914 37.2908C34.3914 38.8765 35.6659 40.1566 37.2447 40.1566Z" fill="#D4D30A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.6388 28.7316H77.0765C78.6553 28.7316 79.9297 27.4515 79.9297 25.8658C79.9297 24.2801 78.6553 23 77.0765 23H48.6388C47.06 23 45.7855 24.2801 45.7855 25.8658C45.7855 27.4515 47.06 28.7316 48.6388 28.7316Z" fill="#D4D30A"/>
+<path d="M38.0816 105C31.1767 105 25.2229 99.6887 24.5381 92.8872L21 59.3765V58.383C21.1902 51.3141 26.8587 45.8882 33.8968 45.8882H94.6717C98.0385 46.2512 101.063 47.8942 103.193 50.5308C105.305 53.1482 106.275 56.4343 105.933 59.7586L102.547 92.8681C101.862 99.6123 96.0793 104.828 89.1173 104.981H38.0816V105Z" fill="#D4D30A"/>
+</svg>
diff --git a/frontend/packages/core/src/flags.tsx b/frontend/packages/core/src/flags.tsx
index 540134761d..ffc271eb84 100644
--- a/frontend/packages/core/src/flags.tsx
+++ b/frontend/packages/core/src/flags.tsx
@@ -72,10 +72,27 @@ interface SimpleFeatureFlagStateProps {
   children: React.ReactNode;
 }
 
+interface SimpleFeatureEnabledProps {
+  /** The name of the feature flag to lookup */
+  feature: string;
+}
+
 const FeatureOn = ({ children }: SimpleFeatureFlagStateProps) => <>{children}</>;
 
 const FeatureOff = ({ children }: SimpleFeatureFlagStateProps) => <>{children}</>;
 
+const checkFeatureEnabled = ({ feature }: SimpleFeatureEnabledProps) => {
+  const cachedFlags = JSON.parse(sessionStorage.getItem("featureFlags"));
+  let featureEnabled = false;
+
+  const flag = cachedFlags?.flags?.[feature];
+  if (flag !== undefined) {
+    featureEnabled = flag.booleanValue;
+  }
+
+  return featureEnabled;
+};
+
 /**
  * A feature flag wrapper that evaluates a binary value of a specified flag to determine
  * if it's children should be shown.
@@ -114,4 +131,11 @@ const SimpleFeatureFlag = ({ feature, children }: SimpleFeatureFlagProps) => {
   return <>{statefulChildren}</>;
 };
 
-export { FEATURE_FLAG_POLL_RATE, featureFlags, FeatureOff, FeatureOn, SimpleFeatureFlag };
+export {
+  FEATURE_FLAG_POLL_RATE,
+  featureFlags,
+  checkFeatureEnabled,
+  FeatureOff,
+  FeatureOn,
+  SimpleFeatureFlag,
+};
diff --git a/frontend/packages/core/src/index.tsx b/frontend/packages/core/src/index.tsx
index d221ca72a1..921c11e27d 100644
--- a/frontend/packages/core/src/index.tsx
+++ b/frontend/packages/core/src/index.tsx
@@ -22,7 +22,7 @@ export {
 } from "./Contexts";
 export { Dialog, DialogActions, DialogContent } from "./dialog";
 export * from "./Feedback";
-export { FeatureOff, FeatureOn, SimpleFeatureFlag } from "./flags";
+export { checkFeatureEnabled, FeatureOff, FeatureOn, SimpleFeatureFlag } from "./flags";
 export { default as Grid } from "./grid";
 export { AvatarIcon, StatusIcon } from "./icon";
 export * from "./Input";
diff --git a/frontend/workflows/projectSelector/src/project-group.tsx b/frontend/workflows/projectSelector/src/project-group.tsx
index 4c3e016751..0fca315a8e 100644
--- a/frontend/workflows/projectSelector/src/project-group.tsx
+++ b/frontend/workflows/projectSelector/src/project-group.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Checkbox, Switch } from "@clutch-sh/core";
+import { Checkbox, checkFeatureEnabled, Switch } from "@clutch-sh/core";
 import styled from "@emotion/styled";
 import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 import ClearIcon from "@mui/icons-material/Clear";
@@ -139,6 +139,26 @@ const ProjectGroup: React.FC<ProjectGroupProps> = ({ title, group, displayToggle
   const numProjects = groupKeys.length;
   const checkedProjects = groupKeys.filter(k => state?.[group][k].checked);
 
+  const additionalQuickLinks = (key: string) => {
+    const links: any[] = [];
+
+    if (checkFeatureEnabled({ feature: "projectCatalog" })) {
+      links.push({
+        name: "Project Catalog",
+        links: [
+          {
+            name: "Project Catalog",
+            trackingId: "dash-project-catalog",
+            url: `/catalog/${key}`,
+          },
+        ],
+        imagePath: "/icons/Catalog.svg",
+      });
+    }
+
+    return links;
+  };
+
   // We need to keep track of which project has its quick links open so that we know
   // to hide the other projects' buttons
   const [quickLinksWindowKey, setQuickLinksWindowKey] = React.useState<string>("");
@@ -235,7 +255,10 @@ const ProjectGroup: React.FC<ProjectGroupProps> = ({ title, group, displayToggle
               </StyledHoverOptions>
               {!state?.loading && state?.projectData?.[key]?.linkGroups && (
                 <ProjectLinks
-                  linkGroups={state?.projectData?.[key]?.linkGroups ?? []}
+                  linkGroups={[
+                    ...(state?.projectData?.[key]?.linkGroups ?? []),
+                    ...additionalQuickLinks(key),
+                  ]}
                   onOpen={() => onOpenQuickLinks(key)}
                   onClose={onCloseQuickLinks}
                   showOpenButton={quickLinksWindowKey !== key}