diff --git a/pkgs/applications/editors/vscode/extensions/default.nix b/pkgs/applications/editors/vscode/extensions/default.nix
index 8ab464f21329..1f3de6bb4a33 100644
--- a/pkgs/applications/editors/vscode/extensions/default.nix
+++ b/pkgs/applications/editors/vscode/extensions/default.nix
@@ -3760,6 +3760,8 @@ let
 
       prince781.vala = callPackage ./prince781.vala { };
 
+      pranaygp.vscode-css-peek = callPackage ./pranaygp.vscode-css-peek { };
+
       prisma.prisma = buildVscodeMarketplaceExtension {
         mktplcRef = {
           name = "prisma";
diff --git a/pkgs/applications/editors/vscode/extensions/pranaygp.vscode-css-peek/default.nix b/pkgs/applications/editors/vscode/extensions/pranaygp.vscode-css-peek/default.nix
new file mode 100644
index 000000000000..4c4726f733a0
--- /dev/null
+++ b/pkgs/applications/editors/vscode/extensions/pranaygp.vscode-css-peek/default.nix
@@ -0,0 +1,25 @@
+{
+  lib,
+  vscode-utils,
+}:
+let
+  version = "4.4.3";
+in
+
+vscode-utils.buildVscodeMarketplaceExtension {
+  mktplcRef = {
+    publisher = "pranaygp";
+    name = "vscode-css-peek";
+    inherit version;
+    hash = "sha256-oY+mpDv2OTy5hFEk2DMNHi9epFm4Ay4qi0drCXPuYhU=";
+  };
+
+  meta = {
+    description = "Allow peeking to css ID and class strings as definitions from html files to respective CSS";
+    downloadPage = "https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek";
+    homepage = "https://github.com/pranaygp/vscode-css-peek";
+    changelog = "https://github.com/pranaygp/vscode-css-peek/blob/v${version}/README.md#changelog";
+    license = lib.licenses.mit;
+    maintainers = [ lib.maintainers.kozm9000 ];
+  };
+}