• Simplify Development

    React templates allow you to simplify your development with the React Viewer for ActiveReportsJS. Build React apps with TypeScript and HTML based markup for React Components.

  • Export JavaScript Reports

    Export your JavaScript reports to popular documents in pixel-perfect format. You can export reports to HTML, Excel or PDF.

  • Client-Side Exporting and Printing

    Quickly generate WYSIWYG reports and export them to PDF, HTML, or Excel on the client-side. Allow your end-users to print pixel-perfect reports.

  • Generate Reports on the Client

    ActiveReportsJS viewer is a client-side reporting tool for viewing reports. You can view reports in any modern browser with no server required.

  • Reporting for Every Device

    JavaScript can be used to develop applications for any platform including desktop and mobile. Create similar reporting experiences for various devices and screen sizes.

  • Multiple Report Types

    Choose from layout-driven page reports or data-driven RDL reports creating a full-featured report library.

JavaScript Reporting Top Features

React Cross-Platform Tools

Cross-Platform Tools

Build interactive, customizable reports with a multi-platform standalone designer application.

Powerful React Data Binding

Powerful Data Binding

Bind a report to the REST API, OData, or GraphQL end-point in no time with the advanced data binding capabilities.

Flexible React Report Layouts

Flexible Report Layouts

Choose among two layout types and dozens of controls to create a pixel-perfect report.

Personalized React Reporting

Personalized Reporting

Make use of the Report Designer component to let users fine-tune reports.

React Perfect View Reporting

Perfect View

Give end-users of your application the ultimate view, export, and print capabilities with the Viewer component.

Front-End Frameworks Support

Front-End Frameworks Support

Easily integrate ActiveReportsJS into your application with built-in Angular and Vue support.

ActiveReportsJS for React

ActiveReportsJS Viewer Component

Use TypeScript and other React tools and features with ActiveReportsJS Viewer. The Viewer Component is available as a React component which allows you to embed the Viewer into a React application without working around the framework.

React Install from NPM

Install From NPM

npm install /@grapecity/activereports-react

The npm package is a part of the ActiveReportsJS product and provides an React wrapper for the ARJS viewer component.

Use React Templates

Use React Templates

React Markup and HTML define Component templates. Templates in React provide features like template bindings and interpolation. The ActiveReportsJS Viewer for React allows you to take advantage of these features when integrating the Viewer component into your applications.

Stand-Alone Designer Application

Build interactive, customizable reports with a multi-platform standalone designer application.

ActiveReportsJS Designer

Install on any OS

The designer can be installed on Windows, Mac, or Linux Operating Systems, enabling developers to design reports on any platform.

React Reporting

Create complex reports using the intuitive drag-and-drop GUI. Visualize your data with report controls like tables and charts.

Convert to React Reports

Open traditional RDLX reports in the designer and save them as RDLX-JSON.

Embeddable React Report Viewer

Give end-users of your application the ultimate view, export, and print capabilities with the Viewer component.

Embeddable React Report Viewer

Render Reports in Browser

Take advantage of client-side, React report rendering without depending on the server.

Customizable Viewer

Style the viewer using themes or create your own. Configure Viewer options in the toolbar or view your report in Galley mode.

View Lightweight Reports

React is perfect for processing lightweight reports and viewing transactional or operational reports.

Embeddable React Report Designer

Make use of the Report Designer component to let users fine-tune reports.

Embeddable React Report Designer
What's New in ActiveReportsJS v2.0

What's New in ActiveReportsJS v2.0

ActiveReportsJS Designer Component

ActiveReportsJS Report Designer component can be integrated into an application so that end-users could modify 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.

JSON Data Provider Enhancement

Offers a powerful data binding capability at design-time that allows you to connect to a wide variety of data end-points includes, but not limited to: OData API, GraphQL API, and REST API

What's New

ActiveReportsJS is Trusted by the
World’s Leading Companies

Trusted by the World’s Leading Companies