---
product: "AG Studio"
title: "Installation"
description: "AG Studio is available for download from NPM or CDN. An NPM install needs the package imported, and optionally the AI module registered."
framework: javascript
version: "3.0.0"
related:
    - title: "Installing a Licence Key"
      url: "https://www.ag-grid.com/studio/archive/3.0.0/javascript/licence-install/"
llms: "https://www.ag-grid.com/studio/archive/3.0.0/llms.txt"
---

# Installation

AG Studio is available for download from NPM or CDN. An NPM install needs the package imported, and optionally the AI module registered.

## 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/archive/3.0.0/license-pricing/?tab=trial).

> **Note**
>
> [Matching AG Grid and AG Charts Versions](https://www.ag-grid.com/studio/archive/3.0.0/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/archive/3.0.0/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';
```

### Development Validations

Development-time validations help to identify misconfiguration early. We recommend doing so only in development builds to keep production bundles small.

Call `enableStudioDevValidations` once, before any Studio instance is created:

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

if (process.env.NODE_ENV !== 'production') {
    enableStudioDevValidations();
}
```

## 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@3.0.0/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/archive/3.0.0/javascript/ai/), use `agStudio.createStudioWithAi` instead of `agStudio.createStudio` to automatically register the AI module.