Angular Animations

@angular/animations

Version: Angular 21 (2025) Tags: Animations, UI, Transitions, Motion

References: Animations Guide • API • npm

API Changes

This section documents recent version-specific API changes.

• NEW: Modern animation API — Use animateEnter and animateLeave over deprecated :enter/:leave

• NEW: CSS-based animations — Angular team recommends CSS for better performance

• NEW: View transitions API — Support for browser View Transitions API

• DEPRECATED: :enter and :leave — Use animateEnter and animateLeave instead

Best Practices

• Enable animations module

import { provideAnimations } from '@angular/platform-browser/animations';

export const appConfig: ApplicationConfig = {
  providers: [
    provideAnimations()
  ]
};

• Use triggers for state-based animations

import { trigger, state, style, transition, animate } from '@angular/animations';