Skip to main content

Pega Marketplace Terms of Use

Pega Marketplace Terms of Use

Angular SDK

An Angular-based bridge and DX components that connect the ConstellationJS Engine to a design system based on Angular: Angular Material UI components.

By using or submitting listings via the Pega Marketplace, you agree to our Terms of Use.


The Angular SDK includes a bridge and DX components that connect the ConstellationJS Engine to an Angular-based design system. The SDK provides a front-end developer friendly NodeJS environment for building an application’s UI using a different design system than Cosmos React. The alternative design system used in the Angular SDK is Angular Material.


Starting with 8.6, Pega Infinity™ is shipping a new technology stack which supports views instead of harnesses and sections and is authored in App Studio.  The technology consists of the Constellation technology stack and Cosmos design system.  Constellation contains the Constellation DX API, Constellation JavaScript Engine, and Constellation JavaScript API.  Constellation combined with Cosmos is referred to as Cosmos React. However, not all Pega customers want to use the Cosmos React user interface. Pega SDKs provide a front-end developer friendly toolset to use an alternative design system.

The Angular SDK provides support for design systems based on Angular. The included code uses Angular Material components instead of the standard Cosmos design system.

The downloadable Angular SDK Guide contains installation details and additional information.

Available Version

Angular SDK Compatible Pega Versions Documentation
Version SDK-A-87.1 8.7, 8.7.1, 8.7.2 Angular SDK 87.* Guide
Version SDK-A.86.3 8.6.1, 8.6.2, 8.6.3, 8.6.4 Angular SDK 86.* Guide


Key Features

Unlike previous DX API V1 Angular starter kits, the Angular SDK leverages the Constellation JavaScript Engine to simplify implementation and improve quality and performance. The ConstellationJS Engine is the same acceleration layer utilized in Pega’s Cosmos React UI.

The SDK includes:

  • ConstellationJS Engine to Angular bridge
  • Sample integration of the Angular bridge with the Angular Material design system 
  • DX components and presentation components that use the Angular-based bridge
  • MediaCo sample Infinity application
  • Documentation: SDK Guide, ConstellationJS Engine overview, component building instructions, and ConstellationJS API documentation 

The examples provided in the SDK allow you to run an Angular-driven Pega Infinity application as embedded UI hosted by a customer Portal or a stand-alone-Portal. The Embedded use case is the most common use of the Angular SDK. The Embedded use case presents a Pega flow action running inside a non-Pega web application. The Portal use case presents the Pega portal UI for a Constellation-based Pega application.




Compatible with

Pega Platform, 8.6.1, 8.6.2, 8.6.3, 8.6.4, 8.7, 8.7.1, 8.7.2

Product Owner

John Arnold

Last updated

June 27, 2022


We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us