Build React Reports | A React Reporting Tool for Web Apps

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.

Data Visualizations

Create highly functional, interactive React reports in your web applications from multiple JSON data sources. Give more insight into your data with tables, lists, and charts.

Use data-bound report items
Summarize your data with charts and sparklines
Provide a detailed view with drill-down and drill-through capabilities

LEARN MORE

Tablix

The Tablix control provides a tabular layout with advanced features which allows analysis on multiple dimensions.

Group data by rows and columns
Summarize categorized data
create flexible layouts

LEARN MORE

Subreports

Combine multiple reports, with different data sources, in a single file. Filter data by passing parameters from the main report to subreport.

Reuse the same React report in multiple reports
Changes to subreport automatically carry over
Display multiple reports with a single React report

LEARN MORE

Barcodes

Save time using the built-in barcodes and increase productivity and efficiency. No need to integrate your own barcode library.

30+ barcode symbologies supported
Configure barcode size, style, color, text, etc.

LEARN MORE

Sparklines

Sparklines are great for quick analysis of recent data and to display trends. Integrate sparklines in React data visualization components.

Identify trends and give more meaning to raw data
Choose from different types: Line, Area, Column, Whiskers, and Stackedbar

LEARN MORE

JavaScript Reporting Top Features

Cross-Platform Tools

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

Powerful Data Binding

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

View Demo

Flexible Report Layouts

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

View Demo

Personalized Reporting

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

View Demo

Perfect View

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

View Demo

Front-End Frameworks Support

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

View Demo

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.

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.

View On NPM

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.

View Demo

Stand-Alone Designer Application

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

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.

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.

Getting Started Developer Guide Live Demos

Embeddable React Report Designer

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

Getting Started Developer Guide Live Demos

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 Media and Content

Featured Blogs

View All Blogs

Featured Videos + Webinars

Getting Started with the ActiveReportsJS Designer

Creating Reports for Web Apps

Introducing ActiveReportsJS

View All Videos + Webinars

The Leading React Reporting Components to Visualize Data in Web Applications

Simplify Development

Export JavaScript Reports

Client-Side Exporting and Printing

Generate Reports on the Client

Reporting for Every Device

Multiple Report Types

JavaScript Reporting Top Features

Cross-Platform Tools

Powerful Data Binding

Flexible Report Layouts

Personalized Reporting

Perfect View

Front-End Frameworks Support

ActiveReportsJS Viewer Component

Install From NPM

Use React Templates