---
title: "Installation"
framework: javascript
version: "2.1.2"
---

# Installation

AG Studio is available for download from NPM or CDN. When using NPM, you need to import the package and optionally register the AI module.

## NPM Installation

Install the `ag-studio` package:

```bash
npm install ag-studio
```

> **Note**
>
> You can test AG Studio locally without a licence. To test in production, access support, and remove the watermark and console warnings, [Request a Trial Licence](https://www.ag-grid.com/studio/license-pricing/?tab=trial).

> **Note**
>
> [Matching AG Grid and AG Charts Versions](https://www.ag-grid.com/studio/javascript/compatibility#ag-grid-and-ag-charts-compatibility) are required to ensure that all features work correctly.

### Registering AI Module

In order to access [AI Features](https://www.ag-grid.com/studio/javascript/ai/), register the `AgStudioAiModule`:

```js
import { AgStudioAiModule, AgStudioModuleRegistry } from 'ag-studio';

// Register AI features
AgStudioModuleRegistry.registerModules([AgStudioAiModule]);
```

It is also possible to register the AI module directly to an instance of Studio:

```
createStudio(studioProperties, { modules: [AgStudioAiModule] });
```

### Importing

Import `createStudio` from the `ag-studio` package to create a new Studio component:

```js
import { createStudio } from 'ag-studio';
```

## CDN Installation

To install AG Studio, include the following script tags in your HTML file:

```html
<script src="https://cdn.jsdelivr.net/npm/ag-studio@2.1.2/dist/ag-studio.min.js"></script>
```

When installing via a CDN, you can access AG Studio via the `agStudio` global variable. If using [AI Features](https://www.ag-grid.com/studio/javascript/ai/), use `agStudio.createStudioWithAi` instead of `agStudio.createStudio` to automatically register the AI module.