@broadpaper/angular

Angular components for the BroadPaper report designer and viewer.

Part of BroadPaper — an embeddable visual report designer and PDF renderer. Your users design the report in your application; BroadPaper owns the layout, the branding, the pagination and the output.

Try the demo · Get a free evaluation key · Pricing

Install

npm install @broadpaper/angular

<bp-report-designer [dataSources]="dataSources" [template]="template" (templateChange)="save($event)" />

A standalone component wrapping the same createReportDesigner mount API the React package wraps. It requires Angular 21 or later, and is built with ng-packagr in partial compilation mode, so it isn't pinned to one minor version.

Licensing

BroadPaper is free to evaluate, with no trial clock and nothing behind a feature gate. Install it, use every feature and evaluate it against your real data for as long as you like. Production use needs a licence.

In the software, the only difference without a licence is that generated PDFs carry an evaluation mark. A free 60-day evaluation key removes it while you evaluate, and a paid licence removes it in production. Contractually, the paid licence is also what permits production use. Evaluation keys need BroadPaper 1.0.0 or later. No seats, no activation, no machine binding, no telemetry, and no call home at any point.

• How licensing works
• Get a free evaluation key
• Pricing
• Licence agreement

Documentation

• Angular
• The designer
• Full documentation
• Sample application: the same app in React and Angular over one .NET back end
• How BroadPaper compares with react-pdf, pdfmake, Puppeteer and embedded report designers

Support

Paid licences include email support at [email protected].

Copyright © 2026 Codingbadger Creative Limited. See LICENSE in this package, and THIRD-PARTY-NOTICES.md for the components it ships with.