diff --git a/src/content/libraries/config.ts b/src/content/libraries/config.ts
index 5f1b30368b..19eafbdb76 100644
--- a/src/content/libraries/config.ts
+++ b/src/content/libraries/config.ts
@@ -20,6 +20,7 @@ export const categories = [
   "networking",
   "export",
   "utils",
+  "integrations",
 ] as const;
 
 /**
diff --git a/src/content/libraries/en/p5js-project-generator.yaml b/src/content/libraries/en/p5js-project-generator.yaml
new file mode 100644
index 0000000000..90f4306790
--- /dev/null
+++ b/src/content/libraries/en/p5js-project-generator.yaml
@@ -0,0 +1,11 @@
+name: p5.js 2.x Project Generator
+description: A Visual Studio Code extension that quickly generates new p5.js 2.0 projects with a clean, minimal setup, including autocomplete, IntelliSense, and parameter hints for p5.js functions
+category: integrations
+sourceUrl: https://github.com/IrtizaNasar/p5-2.vscode
+websiteUrl: https://marketplace.visualstudio.com/items?itemName=Irti.p5js-project-generator
+featuredImage: "../images/p5js-project-generator.png"
+featuredImageAlt: Screenshot of p5.js 2.x Project Generator VSCode extension interface showing project creation options
+author:
+  name: IrtizaNasar
+  url: https://github.com/IrtizaNasar
+license: MIT
diff --git a/src/content/libraries/images/p5js-project-generator.png b/src/content/libraries/images/p5js-project-generator.png
new file mode 100644
index 0000000000..9dcc98d613
Binary files /dev/null and b/src/content/libraries/images/p5js-project-generator.png differ
diff --git a/src/content/ui/en.yaml b/src/content/ui/en.yaml
index 75792e1c3d..efeec94b01 100644
--- a/src/content/ui/en.yaml
+++ b/src/content/ui/en.yaml
@@ -93,6 +93,7 @@ libraryCategories:
   networking: "Networking"
   export: "Export"
   utils: "Utilities"
+  integrations: "Integrations"
 tutorialCategories:
   introduction: "Introduction to p5.js"
   drawing: "Drawing"