---
updatedAt: 2026-05-01T16:55:15.000Z
agentTools:
  projectIndex: https://developers.byallaccounts.morningstar.com/llms.txt
---

# 5. Download and Install Components

## Overview

The Account Summary and Account Linking components are distributed as `.tgz` packages that you download and install into your development environment.

## Instructions

### 1. Download the component packages

* Account Summary: <https://www.byallaccounts.net/WebPortfolio/mstar-aggregation-consumer-accountsummary.tgz>
* Account Linking: <https://www.byallaccounts.net/WebPortfolio/mstar-aggregation-consumer-accountsetup.tgz>

### 2. Install the packages

Run the following commands in your development environment:

```
npm install mstar-aggregation-consumer-accountsummary.tgz
npm install mstar-aggregation-consumer-accountsetup.tgz
```

### 3. Verify installed files

Confirm these files are under the node\_modules directory:

<Accordion title="mstar-aggregation-consumer-accountsummary folder">
  The folder contains:

  * `mstar-aggregation-consumer-accountsummary.js`, which is the JavaScript bundle for the Account Summary component.
  * `as_assets` folder, which contains various configuration files and images for the component.
  * `package.json` file that describes the npm package.
</Accordion>

<Accordion title="mstar-aggregation-consumer-accountsetup folder">
  The folder contains:

  * `mstar-aggregation-consumer-accountsetup.js`, which is the JavaScript bundle for the Account Linking component.
  * `assets` folder, which contains various configuration files and images for the component.
  * `package.json` file that describes the npm package.
</Accordion>

The build system should ensure that the `as_assets` and `assets` folders and the main JavaScript files (`mstar-aggregation-consumer-accountsummary.js` and `mstar-aggregation-consumer-accountsetup.js`) are placed under the application's distribution (`/dist`) folder from where it is being served.

### 4. Import JavaScript files and initialize components in HTML

Import the JavaScript files into your HTML parent page and create instances of the `mstar-aggregation-consumer-accountsummary` and `mstar-aggregation-consumer-accountsetup` tag elements. The [next step](https://developers.byallaccounts.morningstar.com/docs/6-incorporate-components-into-parent-page) covers how to instantiate and configure them.

> 👍 Success Criteria
>
> * Both `.tgz` packages installed successfully via npm
> * Both component folders present under `node_modules` with their JavaScript bundles, asset folders, and `package.json` files
> * Build system configured to copy component bundles and asset folders to your `/dist` directory
> * JavaScript bundles imported into your HTML parent page