--- title: "AG Studio" description: "AG Studio is a high-performance dashboard component for building interactive, self-service analytics directly into your application, with production-ready code for React, Angular, Vue and JavaScript." version: 2.1.1 --- # AG Studio AG Studio is a high-performance dashboard component for building interactive, self-service analytics directly into your application, with production-ready code for React, Angular, Vue and JavaScript. ## Embedded analytics. Built to perform. AG Studio is an embedded analytics toolkit for modern web applications. Add dashboards, charts, grids and filters without building everything from scratch. - [Start a 45-day free trial](https://www.ag-grid.com/studio/license-pricing/?tab=trial) - [See demos](https://www.ag-grid.com/studio/example) ## Get started - [React quick start](https://www.ag-grid.com/studio/react/quick-start/) - [Angular quick start](https://www.ag-grid.com/studio/angular/quick-start/) - [Vue quick start](https://www.ag-grid.com/studio/vue/quick-start/) - [JavaScript quick start](https://www.ag-grid.com/studio/javascript/quick-start/) ## Everything you need to build dashboards Grids, charts, filters, KPI widgets, and AI-powered insights. Interactive components designed to work together. ### Create - **Drag & Drop**: Rearrange widgets freely with intuitive drag-and-drop. Resize, reorder, and reflow your dashboard layout in real time. ([docs](https://www.ag-grid.com/studio/r/widgets/)) - **Modes & Layout**: Switch between edit and view modes with configurable layout options for different use cases. ([docs](https://www.ag-grid.com/studio/r/modes-layout/)) - **Widget Gallery**: Browse and add from a library of pre-built chart, grid, and KPI widgets to populate your dashboard. ([docs](https://www.ag-grid.com/studio/r/widgets/)) ### View & Edit - **Multi-Page Reports**: Organise widgets across multiple pages and tabs to build comprehensive, navigable reports. ([docs](https://www.ag-grid.com/studio/r/page-settings/)) - **View & Edit Modes**: Switch between a polished read-only view for stakeholders and full edit mode for dashboard builders. ([docs](https://www.ag-grid.com/studio/r/modes-layout/)) - **Working with Widgets**: Add, configure, and compose charts, grids, and KPI tiles to build the views your users need. ([docs](https://www.ag-grid.com/studio/r/widgets/)) ### Filters - **Page & Cross Filters**: Apply page-level filters that cascade across every widget, or click a chart segment to cross-filter connected visualisations. ([docs](https://www.ag-grid.com/studio/r/filters/)) - **Working with Data**: Connect and manage multiple data sources with automatic relationship mapping to power your filters and widgets. ([docs](https://www.ag-grid.com/studio/r/data-setup/)) - **Expressions**: Build calculated fields and custom measures with a formula engine, no raw code needed. ([docs](https://www.ag-grid.com/studio/r/expressions/)) ### Theming - **Page & Widget Styles**: Customise colours, borders, backgrounds, and typography at both the page and individual widget level. ([docs](https://www.ag-grid.com/studio/r/theming/)) - **Built-in Themes**: Ship with polished light and dark themes out of the box, powered by the same theming engine as AG Grid. ([docs](https://www.ag-grid.com/studio/r/theming/)) - **Studio Interface**: Customise panels, toolbars, and the studio chrome to seamlessly embed dashboards within your application. ([docs](https://www.ag-grid.com/studio/r/user-interface/)) [Explore docs](https://www.ag-grid.com/studio/react/quick-start/) ## Grids, charts, and dashboards. Designed to work together AG Studio combines high-performance data grids, interactive charts, and dashboard tooling into a single embedded analytics framework. - **AG Grid**: High-performance, feature rich, and fully customisable Data Grids ([Visit AG Grid](https://www.ag-grid.com)) - **AG Charts**: High-performance, canvas-based charting library ([Visit AG Charts](https://www.ag-grid.com/charts)) - **AG Studio**: High-performance, developer-first dashboard library ([Enquire about AG Studio](https://www.ag-grid.com/studio/license-pricing/)) ## Start a 45-day free trial Explore the full capabilities of AG Studio with a free trial. No restrictions. No watermarks. Build and test embedded dashboards in your application before committing to a licence. - **Full feature access**: Access all dashboard, grid, and chart features with no console warnings or watermarks. - **45 days to evaluate**: Test integration, performance, and fit in your application before purchasing a licence. - **Direct engineering support during your trial**: Get help from our engineers via [Zendesk](https://ag-grid.zendesk.com/hc/en-us) throughout your trial. [Start free trial](https://www.ag-grid.com/studio/license-pricing/?tab=trial) ## Build dashboards like this in minutes Create interactive analytics experiences inside your product using AG Studio. Start a 45-day trial or speak with our team about integrating embedded analytics into your application. - [Start free trial](https://www.ag-grid.com/studio/license-pricing/?tab=trial) - [Enquire about AG Studio](https://www.ag-grid.com/studio/license-pricing/) ## Frequently asked questions What is AG Studio? Which frameworks does it support? Is it free? Answers to these common questions and more. ### What is AG Studio? AG Studio is a high-performance dashboard component for building interactive, self-service analytics directly into your application. It provides a visual interface for creating reports with charts, grids, and KPI tiles, and generates production-ready code that you can deploy across React, Angular, Vue, and vanilla JavaScript. ### Which frameworks does AG Studio support? AG Studio supports React, Angular, Vue 3, and vanilla JavaScript. Each framework has its own wrapper package (ag-studio-react, ag-studio-angular, ag-studio-vue3), built on top of a framework-agnostic core. You can integrate AG Studio into any project that uses one of these frameworks. ### Is AG Studio free? AG Studio is an Enterprise product that requires a commercial licence. You can evaluate the full feature set with a free 45-day trial, no restrictions or watermarks. Visit the [Sales & Licensing](/license-pricing) for licence options and to get started. ### How does AG Studio relate to AG Grid and AG Charts? AG Studio is built on top of AG Grid and AG Charts, leveraging both libraries for its grid widgets and chart visualisations. It shares the same theming engine as AG Grid, so if you already use AG Grid or AG Charts, AG Studio will feel familiar and integrate seamlessly with your existing setup. ### How much data can AG Studio handle? AG Studio is designed for high-performance scenarios. Its data engine can process hundreds of thousands of rows with joins, aggregations, and computed columns. With enterprise row models, AG Studio can comfortably handle up to a million rows without compromising responsiveness. ### Does AG Studio include an AI assistant? Yes. AG Studio includes an AI Agent Playground that allows end users to interact with their data using natural language. The AI assistant can create dashboards, rearrange layouts, add filters, and answer questions about the data, all through conversational prompts. ### Can end users customise dashboards themselves? Absolutely. AG Studio has two modes: Edit mode lets dashboard builders configure layouts, widgets, filters, and data sources through a visual interface. View mode provides a read-only experience for stakeholders and analysts. You can set up a dashboard once and hand it off to non-technical users for self-service reporting. ### What types of widgets are available? AG Studio includes a wide range of pre-built widgets: bar charts, line charts, area charts, pie and donut charts, scatter plots, stacked and grouped charts, data grids with full AG Grid functionality, and KPI tiles for key metrics. You can also configure computed columns, expressions, and cross-filters between widgets. ## More - [Pricing and licensing](https://www.ag-grid.com/studio/license-pricing/) - [Community](https://www.ag-grid.com/studio/community/)