• Simplify Development

    Use Vue Report Viewer and Designer components supplied with TypeScript declarations to easily bring report capabilities into your Vue application.

  • Zero Server Dependencies

    Forget about back-end dependencies and focus on the reporting functionality of your client-side application.

  • Client-Side Exporting and Printing

    Allow your end-users to quickly print or export report output to PDF, Excel, or HTML formats providing the document settings.

  • JavaScript Reporting Engine

    Leverage the powerful JavaScript reporting engine in your application to run, export, and print reports on any device.

  • Design Interactive Reports

    Provide report readers with comprehensive data visualizations including drill-down, drill-through, runtime sorting, and other interactive capabilities.

  • Multiple Report Types

    Fulfill your requirements for a reporting solution by building printable, analytical, interactive, or fixed-layout reports.

JavaScript Reporting Top Features

Vue Cross-Platform Tools

Cross-Platform Tools

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

Powerful Vue 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 Vue Report Layouts

Flexible Report Layouts

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

Personalized Vue Reporting

Personalized Reporting

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

Vue 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 React support.

ActiveReportsJS for Vue

ActiveReportsJS Viewer Component

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

Vue Install from NPM

Install From NPM

npm install /@grapecity/activereports-vue

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

Use Vue Templates

Use Vue Templates

Vue Markup and HTML define Component templates. Templates in Vue provide features like template bindings and interpolation. The ActiveReportsJS Viewer for Vue 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.

Vue Reporting

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

Convert to Vue Reports

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

Embeddable Vue Report Viewer

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

Embeddable Vue Report Viewer

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 Vue Report Designer

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

Embeddable Vue 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