diff --git a/npm/ng-packs/package.json b/npm/ng-packs/package.json
index 0d5af004d4..a99649f0b4 100644
--- a/npm/ng-packs/package.json
+++ b/npm/ng-packs/package.json
@@ -53,18 +53,18 @@
     "@angular-eslint/eslint-plugin": "~20.0.0",
     "@angular-eslint/eslint-plugin-template": "~20.0.0",
     "@angular-eslint/template-parser": "~20.0.0",
-    "@angular/animations": "20.0.2",
+    "@angular/animations": "20.0.3",
     "@angular/cli": "~20.0.1",
-    "@angular/common": "20.0.2",
-    "@angular/compiler": "20.0.2",
-    "@angular/compiler-cli": "20.0.2",
-    "@angular/core": "20.0.2",
-    "@angular/forms": "20.0.2",
-    "@angular/language-service": "20.0.2",
-    "@angular/localize": "20.0.2",
-    "@angular/platform-browser": "20.0.2",
-    "@angular/platform-browser-dynamic": "20.0.2",
-    "@angular/router": "20.0.2",
+    "@angular/common": "20.0.3",
+    "@angular/compiler": "20.0.3",
+    "@angular/compiler-cli": "20.0.3",
+    "@angular/core": "20.0.3",
+    "@angular/forms": "20.0.3",
+    "@angular/language-service": "20.0.3",
+    "@angular/localize": "20.0.3",
+    "@angular/platform-browser": "20.0.3",
+    "@angular/platform-browser-dynamic": "20.0.3",
+    "@angular/router": "20.0.3",
     "@fortawesome/fontawesome-free": "^6.0.0",
     "@ng-bootstrap/ng-bootstrap": "~19.0.0-rc.0",
     "@ngneat/spectator": "~19.6.2",
diff --git a/templates/app/angular/angular.json b/templates/app/angular/angular.json
index 7a6c2413d3..b67ff8045e 100644
--- a/templates/app/angular/angular.json
+++ b/templates/app/angular/angular.json
@@ -19,12 +19,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/MyProjectName",
+            "outputPath": {
+              "base": "dist/MyProjectName"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "allowedCommonJsDependencies": ["chart.js", "js-sha256"],
@@ -112,7 +115,8 @@
               },
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -137,9 +141,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
@@ -148,7 +150,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "MyProjectName:build:production"
@@ -160,13 +162,13 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "MyProjectName:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "main": "src/test.ts",
             "polyfills": "src/polyfills.ts",
@@ -186,5 +188,31 @@
         }
       }
     }
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
 }
diff --git a/templates/app/angular/karma.conf.js b/templates/app/angular/karma.conf.js
index b2fd9c40e8..b06ddef227 100644
--- a/templates/app/angular/karma.conf.js
+++ b/templates/app/angular/karma.conf.js
@@ -10,7 +10,7 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      
     ],
     client: {
       jasmine: {
diff --git a/templates/app/angular/package.json b/templates/app/angular/package.json
index d67c0bc549..6571823f55 100644
--- a/templates/app/angular/package.json
+++ b/templates/app/angular/package.json
@@ -21,15 +21,15 @@
     "@abp/ng.tenant-management": "~9.2.0",
     "@abp/ng.theme.lepton-x": "~4.2.0",
     "@abp/ng.theme.shared": "~9.2.0",
-    "@angular/animations": "~19.1.0",
-    "@angular/common": "~19.1.0",
-    "@angular/compiler": "~19.1.0",
-    "@angular/core": "~19.1.0",
-    "@angular/forms": "~19.1.0",
-    "@angular/localize": "~19.1.0",
-    "@angular/platform-browser": "~19.1.0",
-    "@angular/platform-browser-dynamic": "~19.1.0",
-    "@angular/router": "~19.1.0",
+    "@angular/animations": "~20.0.3",
+    "@angular/common": "~20.0.3",
+    "@angular/compiler": "~20.0.3",
+    "@angular/core": "~20.0.3",
+    "@angular/forms": "~20.0.3",
+    "@angular/localize": "~20.0.3",
+    "@angular/platform-browser": "~20.0.3",
+    "@angular/platform-browser-dynamic": "~20.0.3",
+    "@angular/router": "~20.0.3",
     "bootstrap-icons": "~1.8.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.0.0",
@@ -37,15 +37,15 @@
   },
   "devDependencies": {
     "@abp/ng.schematics": "~9.2.0",
-    "@angular-devkit/build-angular": "~19.1.0",
     "@angular-eslint/builder": "~19.0.0",
     "@angular-eslint/eslint-plugin": "~19.0.0",
     "@angular-eslint/eslint-plugin-template": "~19.0.0",
     "@angular-eslint/schematics": "~19.0.0",
     "@angular-eslint/template-parser": "~19.0.0",
-    "@angular/cli": "~19.1.0",
-    "@angular/compiler-cli": "~19.1.0",
-    "@angular/language-service": "~19.1.0",
+    "@angular/build": "^20.0.1",
+    "@angular/cli": "~20.0.1",
+    "@angular/compiler-cli": "~20.0.3",
+    "@angular/language-service": "~20.0.3",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",
     "@typescript-eslint/eslint-plugin": "7.16.0",
@@ -57,6 +57,6 @@
     "karma-coverage": "~2.1.0",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.7.0",
-    "typescript": "~5.6.0"
+    "typescript": "~5.8.3"
   }
-}
+}
\ No newline at end of file
diff --git a/templates/app/angular/tsconfig.json b/templates/app/angular/tsconfig.json
index 9395506033..ac49d470a6 100644
--- a/templates/app/angular/tsconfig.json
+++ b/templates/app/angular/tsconfig.json
@@ -5,10 +5,10 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
+    "esModuleInterop": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "es2020",