Turn Your Application Data into Great-Looking PDFs

Design and manage document templates in a cloud dashboard, and produce dynamic, data-filled PDFs inside your application with just a few lines of code.

  • Design document templates in the browser using a drag-and-drop designer
  • Add dynamic data fields, formulas, and charts based on your data
  • Generate PDFs inside your application with just a few lines of code

Secure PDF Generation

ReportLayer generates documents entirely in the browser. That means you can create PDFs without sensitive data ever leaving your application. Perfect for financial statements and health records.

Want to generate PDFs on the server? You can do that too, using our simple API. And if you really need to, you can run ReportLayer on-premise so you can keep everything entirely within your building.

Self-Service Reporting

Let your customers tweak their own reports — swapping out colors, logos, rearranging data, even creating their own reports from scratch — all without your developers' intervention.

With ReportLayer you define the structure of the data that's available for the report, then embed our designer in your application so your customers can take control of their own document generation.

How to Get Started

1. Create a free account and design a document template, or use a built-in one for testing

2. Add the reportlayer library to your application:

npm install --save reportlayer

3. Generate a PDF from the template in your application:

import { DownloadLink, DocumentView } from 'reportlayer/react';

class ReportDemo extends React.Component {
  render() {
    const { templateId, data } = this.props;
    return (
      <div>
        {/* Show a link that downloads the PDF */}
        <DownloadLink
          templateId={templateId}
          apiKey={MY_API_KEY}
          data={data}
        >
          Click here to download your report
        </DownloadLink>

        {/* Or render the PDF on-screen */}
        <DocumentView
          templateId={templateId}
          apiKey={MY_API_KEY}
          data={data} 
        />
      </div>
    );
  }
}

The best way to find out what ReportLayer can do is to try it out yourself. It only takes a minute to get started and there's a free plan, so there's no reason not to try it!