diff --git a/package.json b/package.json
index 8290a85b..9542ab6e 100644
--- a/package.json
+++ b/package.json
@@ -13,23 +13,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.0.0",
-    "@angular/common": "^20.0.0",
-    "@angular/compiler": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/forms": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
-    "@angular/platform-browser-dynamic": "^20.0.0",
-    "@angular/router": "^20.0.0",
+    "@angular/animations": "^21.0.1",
+    "@angular/common": "^21.0.1",
+    "@angular/compiler": "^21.0.1",
+    "@angular/core": "^21.0.1",
+    "@angular/forms": "^21.0.1",
+    "@angular/platform-browser": "^21.0.1",
+    "@angular/platform-browser-dynamic": "^21.0.1",
+    "@angular/router": "^21.0.1",
     "@scarf/scarf": "^1.1.1",
     "rxjs": "~7.4.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^20.0.0",
-    "@angular/cli": "^20.0.0",
-    "@angular/compiler-cli": "^20.0.0",
+    "@angular-devkit/build-angular": "^21.0.0",
+    "@angular/cli": "^21.0.0",
+    "@angular/compiler-cli": "^21.0.1",
     "@types/jasmine": "~3.10.0",
     "@types/node": "^12.11.1",
     "jasmine-core": "~3.10.0",
@@ -38,7 +38,7 @@
     "karma-coverage": "~2.1.0",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^20.0.0",
-    "typescript": "~5.8.3"
+    "ng-packagr": "^21.0.0",
+    "typescript": "~5.9.3"
   }
 }
\ No newline at end of file
diff --git a/projects/demo/src/main.ts b/projects/demo/src/main.ts
index fec1d0f6..fe5a0bfb 100644
--- a/projects/demo/src/main.ts
+++ b/projects/demo/src/main.ts
@@ -1,4 +1,4 @@
-import { enableProdMode, importProvidersFrom } from '@angular/core';
+import { enableProdMode, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { bootstrapApplication } from "@angular/platform-browser";
 import { AppComponent } from "./app/app.component";
 import { BrowserModule } from '@angular/platform-browser';
@@ -8,5 +8,12 @@ if (environment.production) {
   enableProdMode();
 }
 
-bootstrapApplication(AppComponent, {providers: [importProvidersFrom(BrowserModule)]})
+bootstrapApplication(
+  AppComponent,
+  {
+    providers: [
+      provideZoneChangeDetection(),
+      importProvidersFrom(BrowserModule)
+    ]
+  })
   .catch(err => console.error(err));
diff --git a/projects/ngx-infinite-scroll/CHANGELOG.md b/projects/ngx-infinite-scroll/CHANGELOG.md
index fcbb4b6b..29d5e0d3 100644
--- a/projects/ngx-infinite-scroll/CHANGELOG.md
+++ b/projects/ngx-infinite-scroll/CHANGELOG.md
@@ -1,3 +1,7 @@
+## v 21.0.0 (2025/11/25)
+
+- [UPGRADE] - now using Angular 21
+
 ## v 20.0.0 (2025/05/29)
 
 - [UPGRADE] - now using Angular 20
diff --git a/projects/ngx-infinite-scroll/package.json b/projects/ngx-infinite-scroll/package.json
index 123cb07f..cc9125ea 100644
--- a/projects/ngx-infinite-scroll/package.json
+++ b/projects/ngx-infinite-scroll/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-infinite-scroll",
-  "version": "20.0.0",
+  "version": "21.0.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/orizens/ngx-infinite-scroll"
@@ -14,8 +14,8 @@
     "postinstall": "opencollective-postinstall || exit 0"
   },
   "peerDependencies": {
-    "@angular/common": ">=20.0.0 <21.0.0",
-    "@angular/core": ">=20.0.0 <21.0.0"
+    "@angular/common": ">=21.0.0 <22.0.0",
+    "@angular/core": ">=21.0.0 <22.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
diff --git a/tsconfig.json b/tsconfig.json
index c69e9d93..63f001bc 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,14 +20,10 @@
     },
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "es2020",
-    "lib": [
-      "es2020",
-      "dom"
-    ],
     "useDefineForClassFields": false,
     "removeComments": false
   },