diff --git a/app/utils/frameworks.ts b/app/utils/frameworks.ts
index 96d242f49..5e5d94f98 100644
--- a/app/utils/frameworks.ts
+++ b/app/utils/frameworks.ts
@@ -66,6 +66,11 @@ export const SHOWCASED_FRAMEWORKS = [
     package: '@tanstack/react-start',
     color: 'oklch(60.9% .126 221.723)',
   },
+  {
+    name: 'storybook',
+    package: 'storybook',
+    color: 'oklch(67.88% 0.2222 5.18)',
+  },
 ]
 
 export type FrameworkPackageName = (typeof SHOWCASED_FRAMEWORKS)[number]['package']