The Leading React Reporting Tool for Visualizing Data in Web Applications
ActiveReportsJS is a set of React reporting tools for web applications. It includes the React Report Viewer and Report Designer components, distributed via NPM packages. It also provides a cross-platform standalone report designer that can be installed on Windows, Mac, and Desktop Linux.
Download Free Trial (v 5.1) Request A Demo- Create and view reports using the React Report Viewer and Designer components
- Integrate JSON report templates into your React application as static assets or modules
- Enable reporting on the client without server-side dependencies
Overview
A React reporting tool is a set of React components used for data consolidation and visualization. ActiveReportsJS is a solution used by React developers to embed reporting within web applications. Major features such as the report designer and viewer components, powerful data visualizers, and the rich API make ActiveReportsJS an industry leader in React reporting tools.
Product Highlights
Simplify Development
Use React Report Viewer and Designer components supplied with TypeScript declarations to easily bring report capabilities into your React application.
Client-Side Exporting and Printing
Allow your end-users to quickly print or export report output to PDF, Tabular Data, and HTML formats providing the document settings.
Multiple Report Types
Leverage the Angular reporting tools to build printable, analytical, interactive, or fixed-layout reports.
Zero Server Dependencies
Integrate the report designer and viewer into client-side applications and easily connect to existing back-end infrastructure.
React Reporting Engine
Load and generate React reports on any device with the ActiveReportsJS reporting engine.
Design Interactive React Reports
Provide report readers with comprehensive data visualizations including drill-down, drill-through, runtime sorting, and other interactive capabilities.
Standalone Report Designer
Use the cross-platform report designer app to create printable, analytical, or interactive pixel-perfect report templates bound to REST, OData, GraphQL API, or custom data sources.
Tabular Reports
Build inventory lists, product catalogs, and other Tabular Reports organized in a multicolumn, multirow fashion and apply conditional formatting, grouping, sorting, and filtering to the data based on pre-defined conditions or user input.
Banded Reports
Build product catalogs, employee directories, and other list-like data views with Banded Reports organized with multiple types of sections that display data in a free-form layout fashion.
Fixed Reports
Build purchase orders, quotes, parking tickets, and other pre-printed forms with unparalleled accuracy using the unique Fixed Layout Reports. The output of such a report is a completed form that you can view in a browser, print, or export to one of the supported formats and share the export output with interested parties.
Summary Reports
Build summary reports that reduce a complete, often large, set of raw data into smaller views that help yield useful information. Group, sort, and filter the data based on pre-defined conditions or user input with pivot tables or charts.
Drill-down Reports
Build interactive analytical reports that allow a reader to switch between a comprehensive data view and a more detailed one.
Drill-through Reports
Build interactive reports that allow a reader to navigate back and forth between the main report and a sequence of subreports by clicking parametrized links.
Serverless Reporting
Integrate ActiveReportsJS reporting tool into your front-end applications using NPM packages, CDN-hosted, or app-hosted JavaScript code with ZERO server-side dependencies.
Embeddable Components
Allow end-users of your app to preview a report output and modify it on the fly by integrating Viewer and Designer components.
Create Reports Programmatically
Build custom report designers using the API supplied with TypeScript declarations.
React Reporting Top Features
Cross-Platform Tools
Build interactive, customizable reports with the standalone report designer, available on Windows, Mac, and Linux.
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 Report Layouts
Choose between Continuous, Fixed, and Pageless report layouts to design the report that fits your needs.
Rich Component Selection
Use the React Report Designer component and its dozens of controls and charts to build the perfect report.
Perfect Report View
Give end-users of your application the ultimate view, export, and print capabilities with the JavaScript Report Viewer component.
Out-of-the-box React Support
Install the ActiveReportsJS React NPM package to easily integrate the Report Viewer and Designer components supplied with TypeScript declarations.
View on NPM.
Standalone Report Designer
Streamline report creation with our cross-platform report designer. Effortlessly connect to data sources, build data sets, define interactive parameters, and embed subreports for a comprehensive reporting experience.
Install on your OS
The standalone report designer can be installed on Windows, Mac, or Desktop Linux.
User-friendly Interface
Create printable, analytical, or interactive reports using the intuitive interface and a rich set of data visualization components.
JSON Report Templates
Save report templates in JSON format and integrate them into your application as static resources or dynamic modules.
Embeddable React Report Viewer
Give end-users the ultimate view with the React Report Viewer component. Interactive features such as drill-down, drill-through, subreports, and filtering assist users in their data analysis, and built-in authorization ensures secure access control for sensitive reports.
Adaptive UI
Built-in mobile, desktop, and full-screen modes ensure a smooth user experience on any screen size.
Rich Customization
Insert new or modify existing buttons in the toolbar and configure the export sidebar using the API. Use one of the pre-defined color themes or create custom ones.
Multilingual Support
Provide your users with the translated texts for the viewer UI elements such as tooltips and buttons.
Embeddable React Report Designer
Integrate the React Report Designer component into your application and allow end-users to design reports within the browser. With all of the functionality of the standalone report designer, users will be able to build and save their reports anytime, anywhere.
Flexible Integration
Use the API to define the application-specific functions for creating, saving, opening, and previewing your reports.
Rich Customization
Change the color scheme using one of the pre-defined themes or create your own theme.
Multilingual Support
Provide your users with the translated texts for the viewer UI elements such as tooltips and buttons.
What's New in ActiveReportsJS v4.2
Report Designer Customization
The enhanced Report Designer features a new customization API, allowing users to finely configure the interface, control sidebar items, adjust menus and toolbars, and toggle data panel editing. Its extensive UI configurations offer a tailored and flexible reporting experience to meet specific requirements.
Svelte Wrappers for ActiveReportsJS
ActiveReportsJS now provides enhanced support for Svelte with dedicated wrappers for the Report Viewer and Report Designer components. Unlike the previous reliance on the JavaScript library, these Svelte wrappers offer a more streamlined efficient integration of ActiveReportsJS within your Svelte project.
CSV Data Provider
We've expanded the data provider options by adding CSV support alongside JSON, offering more versatile report data management. This enhancement enables seamless integration with Web APIs delivering data in CSV format, direct handling of CSV files, and embedding CSV data directly into reports.
Resources
Support
Forums (24-hour Global Support)
Submit a Ticket
Documentation
Featured Blogs and Videos
Trusted by the World's Leading Companies
