@angular/animations

Angular

The sources for this package are in the main Angular repo. Please file issues and pull requests against that repo.

Usage information and reference details can be found in Angular documentation.

License: MIT

Changelog

21.0.0-next.4 (2025-09-17)

Breaking Changes

common

• ngComponentOutletContent is now of type Node[][] | undefined instead of any[][] | undefined.

core

• Using a combination of provideZoneChangeDetection while also removing ZoneJS polyfills will no longer result in the internal scheduler being disabled. All Angular applications now consistenly use the same scheduler, and those with the Zone change detection provider include additional automatic scheduling behaviors based on NgZone stabilization.
• Angular no longer provides a change detection scheduler for ZoneJS-based change detection by default. Add provideZoneChangeDetection to the providers of your bootstrapApplication function or your AppModule (if using bootstrapModule). This provider addition will be covered by an automated migration.
• moduleId was removed from Component metadata.
• The interpolation option on Components has been removed. Only the default {{ ... }} is now supported.

common

| Commit | Type | Description | | -- | -- | -- | | 7a4b225c57 | refactor | improve typing of ngComponentOutletContent (#63674) |

compiler

| Commit | Type | Description | | -- | -- | -- | | 803dc8e44c | fix | Add support for aria-invalid (#63748) |

compiler-cli

| Commit | Type | Description | | -- | -- | -- | | 89cf62f907 | fix | only bind inputs that are part of microsyntax to a structural directive (#52453) | | 7fd3db0423 | fix | remove internal syntax-related flags (#63787) | | 0a60e355e1 | fix | signal not invoked diagnostic not raised when input has same name in template (#63754) |

core

| Commit | Type | Description | | -- | -- | -- | | 809a4ed8c1 | feat | Add migration for zoneless by default. (#63042) | | 1352fbdbf2 | fix | Drop special-case disables automatic change detection scheduling (#63846) | | 3d6eeab2e0 | fix | prevent animation events from being cleaned up on destroy (#63414) | | a4001c440f | fix | Prevent leave animations on a move operation (#63745) | | 45fed3d201 | fix | Remove Zone-based change provider from internals by default (#63382) | | a5e5dbbc16 | refactor | remove moduleId from Component metadata (#63482) | | 9a16718b13 | refactor | remove deprecated interpolation option on Components. (#63474) |

forms

| Commit | Type | Description | | -- | -- | -- | | d201cd2c2b | feat | Prevents marking fields as touched/dirty when state is hidden/readonly/disabled (#63633) |

migrations

| Commit | Type | Description | | -- | -- | -- | | 8dc8914c8a | feat | add migration to convert ngStyle to use style (#63517) | | 4133b08d93 | fix | fix route-lazy-loading migration (#63818) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="20.3.1"></a>

Similar packages

Other packages similar to @angular/animations

react-spring

React-spring is a spring-physics based animation library for React applications. It provides a similar declarative API for defining animations but is tailored for React instead of Angular. It offers a different set of primitives and hooks for creating animations in a React environment.

animejs

Anime.js is a lightweight JavaScript animation library that works with any web framework, including Angular. It provides a more imperative approach to animations and includes a wide range of features for animating CSS properties, SVG, DOM attributes, and JavaScript Objects. It is not as tightly integrated with Angular as @angular/animations.