diff --git a/frontend/common/stores/default-flags.ts b/frontend/common/stores/default-flags.ts
index de011ae06e58..7bd8d4415353 100644
--- a/frontend/common/stores/default-flags.ts
+++ b/frontend/common/stores/default-flags.ts
@@ -28,6 +28,15 @@ const defaultFlags = {
       'perEnvironment': false,
       'title': 'Backstage',
     },
+    'code-references': {
+      'description':
+        'Integrate with Code References to track feature flag usage in your codebase, and unlock new functionality in Flagsmith.',
+      'docs': 'https://docs.flagsmith.com/managing-flags/code-references',
+      'external': true,
+      'image': '/static/images/integrations/code-references.svg',
+      'perEnvironment': false,
+      'title': 'Code References',
+    },
     'datadog': {
       'description':
         'Sends events to Datadog for when flags are created, updated and removed. Logs are tagged with the environment they came from e.g. production.',
diff --git a/frontend/web/static/images/integrations/code-references.svg b/frontend/web/static/images/integrations/code-references.svg
new file mode 100644
index 000000000000..fd038c2a4d79
--- /dev/null
+++ b/frontend/web/static/images/integrations/code-references.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#6C757D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="4.5" cy="18.5" r="2"/><circle cx="4.5" cy="5.5" r="2"/><line x1="4.5" y1="7.5" x2="4.5" y2="16.5"/><path d="M4.5 7.5 C4.5 11 8 12.5 12.5 12.5" fill="none"/><path d="M15.5 9.5 L13 12.5 L15.5 15.5"/><path d="M19 9.5 L21.5 12.5 L19 15.5"/></svg>