diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
index e2c53ebbe..59085a03d 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
@@ -1,11 +1,11 @@
-import { ApplicationConfig, ErrorHandler, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import { ApplicationConfig, EnvironmentProviders, ErrorHandler, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideRouter } from '@angular/router';
 
+import { environment } from '../environments/environment';
 import { routes } from './app.routes';
 import { GlobalErrorHandlerService } from './error-routing/error/global-error-handler.service';
-import { environment } from '../environments/environment';
 
 // provide the HAMMER_GESTURE_CONFIG token
 // to override the default settings of the HammerModule
diff --git a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
index 6e8584d43..f082ba0b6 100644
--- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
@@ -1,11 +1,18 @@
-import { ApplicationConfig, EnvironmentProviders, Provider, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
+import { provideAnimations } from '@angular/platform-browser/animations';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
+// provide the HAMMER_GESTURE_CONFIG token
+// to override the default settings of the HammerModule
+// { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
 const providers: (EnvironmentProviders | Provider)[] = [
   provideZoneChangeDetection({ eventCoalescing: true }),
-  provideRouter(routes)
+  provideRouter(routes),
+  importProvidersFrom(BrowserModule, HammerModule),
+  provideAnimations()
 ];
 
 export const appConfig: ApplicationConfig = { providers };
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
index 6e8584d43..f082ba0b6 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
@@ -1,11 +1,18 @@
-import { ApplicationConfig, EnvironmentProviders, Provider, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
+import { provideAnimations } from '@angular/platform-browser/animations';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
+// provide the HAMMER_GESTURE_CONFIG token
+// to override the default settings of the HammerModule
+// { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
 const providers: (EnvironmentProviders | Provider)[] = [
   provideZoneChangeDetection({ eventCoalescing: true }),
-  provideRouter(routes)
+  provideRouter(routes),
+  importProvidersFrom(BrowserModule, HammerModule),
+  provideAnimations()
 ];
 
 export const appConfig: ApplicationConfig = { providers };