# Is @angular/animations ESM-only? Can you require() it?

> @angular/animations@22.1.5 is ESM-only. ESM-only since 13.0.0 — last CommonJS version is 12.2.17.

Angular - animations integration with web-animations

Last verified Sep 9, 2026 against @angular/animations@22.1.5.

@angular/animations dropped its CommonJS build in 13.0.0 (November 2021). The last version with a plain require()-able CommonJS entry is 12.2.17, published Nov 22, 2022; it declares support for Node.js ^12.14.1 || >=14.0.0.

require("@angular/animations") failed in our probe on Node.js 20+ as well; see the runtime table for the error before relying on it. Node.js 18 has no require(esm), and @angular/animations@22.1.5 declares Node.js ^22.22.3 || ^24.15.0 || >=26.0.0, so 18 is outside its supported range anyway.

@angular/animations@22.1.5 declares engines "^22.22.3 || ^24.15.0 || >=26.0.0", so Node.js 18, 20 are outside its supported range regardless of module format.

**Deprecated:** @angular/animations is deprecated. Use `animate.enter` and `animate.leave` instead. For more information see: https://v22.angular.dev/guide/animations.

## What to do

1. require("@angular/animations") failed in our probe on Node.js 20+ as well; see the runtime table for the error before relying on it.
2. From a CommonJS file, use a dynamic import inside an async function: const animations = await import("@angular/animations"). That works on every Node.js version the package supports (^22.22.3 || ^24.15.0 || >=26.0.0).
3. If you need a synchronous require() or run Node.js 18: npm install @angular/animations@12.2.17, the last CommonJS release (published Nov 22, 2022); it declares Node.js ^12.14.1 || >=14.0.0.
4. @angular/animations@22.1.5 declares engines "^22.22.3 || ^24.15.0 || >=26.0.0", so Node.js 18, 20 are unsupported regardless: upgrade Node.js or pin an older release.
5. TypeScript: types are bundled; install nothing extra.
6. This package is deprecated: @angular/animations is deprecated. Use `animate.enter` and `animate.leave` instead. For more information see: https://v22.angular.dev/guide/animations.

## Facts

- Latest: 22.1.5 (Sep 3, 2026)
- Module format: ESM-only
- Last CommonJS version: 12.2.17
- ESM-only since: 13.0.0 (Nov 3, 2021)
- TypeScript types: bundled
- Node engines: ^22.22.3 || ^24.15.0 || >=26.0.0
- Weekly downloads: 3.6M
- License: MIT

## Runtime test results for @angular/animations@22.1.5

Installed and executed on Sep 9, 2026 with require("@angular/animations") from a CommonJS file and import "@angular/animations" from an ES module.

| Runtime | require("@angular/animations") | import "@angular/animations" |
|---|---|---|
| Node.js 18 | fails (ERR_REQUIRE_ESM) | fails (Error) |
| Node.js 20 | fails (Error) | fails (Error) |
| Node.js 22 | fails (Error) | fails (Error) |
| Node.js 24 | fails (Error) | fails (Error) |
| Node.js 26 | fails (Error) | fails (Error) |
| Bun 1.4.0 | fails (Error) | fails (Error) |

## How to import @angular/animations

ES modules:

```js
import * as animations from "@angular/animations";
```

Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.

CommonJS:

```js
// require("@angular/animations") failed in our probe on Node.js 22.12+ and newer as well (The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available); see the runtime table.

// Any Node.js version the package supports (^22.22.3 || ^24.15.0 || >=26.0.0), from an async function:
async function main() {
  const animations = await import("@angular/animations");
}

// Or pin the last CommonJS release (declares Node.js ^12.14.1 || >=14.0.0):
// npm install @angular/animations@12.2.17
```

## Module format by version

Derived from the type, main and exports fields of every stable release on npm (548 versions; the newest 60 shown).

| Versions | Format | First published |
|---|---|---|
| 20.3.26 – 22.1.5 | ESM-only | Jul 8, 2026 |

## Frequently asked

**Is @angular/animations ESM-only?**

@angular/animations@22.1.5 is ESM-only. @angular/animations dropped its CommonJS build in 13.0.0 (November 2021). The last version with a plain require()-able CommonJS entry is 12.2.17, published Nov 22, 2022; it declares support for Node.js ^12.14.1 || >=14.0.0.

**Which version of @angular/animations still supports CommonJS / require()?**

12.2.17 is the last version of @angular/animations with a CommonJS build; it declares Node.js ^12.14.1 || >=14.0.0. Install it with "npm install @angular/animations@12.2.17". Every version from 13.0.0 on is ESM-only.

**How do I use @angular/animations from a CommonJS file?**

From a CommonJS file, use a dynamic import inside an async function: const animations = await import("@angular/animations"). That works on every Node.js version the package supports (^22.22.3 || ^24.15.0 || >=26.0.0). require("@angular/animations") failed in our probe on Node.js 20+ as well; see the runtime table for the error before relying on it. Alternatively pin @angular/animations@12.2.17 (declares Node.js ^12.14.1 || >=14.0.0).

**Does @angular/animations work in Bun?**

Importing @angular/animations failed in Bun 1.4.0 on Sep 9, 2026: error: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.

**Does @angular/animations ship TypeScript types?**

Yes. @angular/animations bundles its own type declarations; no @types package is needed.

## Links

- [@angular/animations on npm](https://www.npmjs.com/package/@angular/animations)
- [Source repository](https://github.com/angular/angular)
- [HTML version](https://canirequire.com/package/@angular/animations/)
- [JSON version](https://canirequire.com/package/@angular/animations.json)

---

For scripts and AI agents: any package is at https://canirequire.com/package/<name>/index.md (Markdown) or https://canirequire.com/package/<name>.json (JSON); the site index is https://canirequire.com/llms.txt. Fetch the URL directly; no search needed.