# Get started with ActiveReportsJS Report Designer Component

This section covers tutorials for using the ActiveReportsJS Report Designer component with Angular, Vue, React frameworks, and Pure JavaScript applications.

## Content

ActiveReportsJS Report Designer component can be integrated into an application so that end-users could create new or modify existing reports at runtime according to their needs. The Report Designer component allows integration into any front-end framework or architecture. Here are tutorials for the most popular frameworks.

* [Angular](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Angular)
* [React](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-React)
* [Vue](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Vue)
* [Svelte](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/svelte)
* [Vite.js](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/vitejs)
* [Next.js](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/nextjs)
* [Nuxt.js](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/nuxtjs)
* [JavaScript](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Vanilla)