# ActiveReportsJS Report Designer: Overview

ActiveReportsJS Report Designer is a JavaScript component that can be integrated into a wide variety of front-end solutions and allows users to create and update reports

## Content



ActiveReportsJS Report Designer is a JavaScript component that can be integrated into a wide variety of front-end solutions and allows users to create new or modify existing reports. Report Designer, together with [Report Viewer](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSViewer/Overview) component, offer the complete reporting solution for front-end applications. Multiple interop components ensure out-of-the-box streamlined integration with Angular, React, and Vue applications. To learn more about these topics, check the following tutorials:

- [Supported environments](/activereportsjs/docs/v6.1/GettingStarted/Product-Requirements)
- [User Interface](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Designer-Interface)
- [Integration](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Integration)
- [Action Handlers](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Action-Handlers)
- [Loading reports](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Create-New-Report)
- [Saving reports](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Save-Reports)
- [Previewing reports](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Preview-Reports)
- [Using pre-defined data sources](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Add-Predefined-Datasources-Datasets)
- [Using pre-defined resources](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Use-Shared-Resources)
- [Localization](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Localization)
- [Themes](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Themes)