Playground

Edit the request, see the report. The engine runs in your browser as WebAssembly; nothing is sent anywhere. Request format: render request, components: components guide.

renderreport in the browser

Request

Example

Components (81)

A button adds a checked sample to the end of components.

More component ids (61, no sample yet)

barcode before-after benchmark-table benefit-strip card-dashboard chartlet checklist-panel columns comparison-block comparison-cluster cover-page crosstab date-field device-preview diagnosis-panel dominant-issue-spotlight eyebrow fact-box faq-list flow-group funnel gauge glossary-list grid-component hero-summary image impact-grid label logo-strip metric-card module-comparison number-field page-break phase-block pivot-table portfolio-summary problem-solution product-hero pull-quote recommendation-card resource-field roadmap-block score-band section-header-split severity-overview side-label sparkline spotlight-card stat stat-pair status-pill step-card-row table-of-contents tag-cloud testimonial trend-tile use-case-card watermark why-it-matters word-search wrong-right-block

Request JSON

First render loads the engine once (~11 MB, compressed; cached afterwards).

Preview

Press Render to see the report.

The engine is the same as in the Wasm build. It uses the bundled Fira Sans and renders on the main thread, so large reports can make the page wait for a moment.