Installation of Syncfusion® Controls

19 Aug 20251 minute to read

Install by using NPM CLI

Syncfusion® packages are distributed on npm as @syncfusion scoped packages. All Angular Syncfusion® packages can be found on npm.

Currently, Syncfusion® provides two package structures for Angular components:

  1. Ivy library distribution package format
  2. Angular compatibility compiler (Angular’s legacy compilation and rendering pipeline) package.

Ivy Library Distribution Package

By default, Syncfusion® Angular packages(>=20.2.36) supports Angular Ivy distribution. These packages are compatible with Angular version 12 and above. To install the package, use the below command,

Install the @syncfusion/ej2-angular-grids package in the application:

npm install @syncfusion/ej2-angular-grids --save

Angular Compatibility Compiler (ngcc) Package

For Angular versions below 12, use the ngcc tagged packages of Syncfusion® Angular components. To install the package, use the following command,

Install the @syncfusion/ej2-angular-grids@ngcc package in the application.

npm install @syncfusion/ej2-angular-grids@ngcc --save

To specify the ngcc package directly in the package.json file, add the suffix -ngcc to the package version as shown below:

@syncfusion/ej2-angular-grids:"20.2.38-ngcc"

If the ngcc tag is not specified for Angular versions below 12, the Ivy package installs by default, resulting in a warning.

Install by using package.json

  1. Add Syncfusion® Angular (Essential JS 2) package references in the dependencies section of the ~/package.json file.

     {
     "dependencies": {
         "@syncfusion/ej2-angular-grids": "*",
         "@syncfusion/ej2-angular-charts": "*"
     }
 }

    The * indicates the latest version of the npm package. Refer to the documentation for more details.

  2. Run the npm install command in the command prompt to install all npm dependencies at once.

    Refer to the documentation for additional details.