BROWSER RENDERING STUDIO

One document. Every format.

Render real HTML, CSS and JavaScript to PDF, vector SVG or raster images. Choose an example, adjust it and export.

Document source

CSS, JavaScript, SVG and data-URI images are supported. The preview runs in a separate sandbox.
Enter a name without a directory or extension. The output format adds its extension; your browser chooses the download folder and resolves duplicate names.
Rendering options
0 = Auto in any unit. All units allow decimals. Fixed PDF paper uses its printable area; automatic paper and image output use a 1280 × 900 CSS-pixel viewport. The final browser dimensions are rounded to whole CSS pixels; source CSS and SVG geometry keep fractional precision. PDF paper and SVG physical size are separate settings.
Auto uses print CSS, including page-break rules, for PDF and screen CSS for images.
Controls language and number/date formatting.
IANA timezone. Blank uses the worker's timezone.
Optional: export the first visible match, such as #invoice, .chart or main. Works with every format; blank exports the document.
JavaScript commands
0 / 10

No commands. Add one to prepare the document or return data to C#.

Write JavaScript statements directly. For example, document.title = 'Review'; sets a value, and return document.title; reads it back to C# under the result key. Use await for asynchronous work. No return value produces null. Keep input data inside the script; local variables are not shared between commands.
Before readiness runs after document load. After readiness runs after the selected ready trigger and delay. Commands keep row order within each phase, before final asset settling and export. Only Render document executes commands; Preview HTML does not.
PDF options
Sets the PDF document title and the title placeholder in headers/footers. Native Chromium manages author, subject, keywords, creation/modification dates, creator and producer; its print API does not expose controls for those properties. File location belongs to your browser's download folder.
Use inline styles and reserve top/bottom margins for these templates. Source CSS @page margins override the margin controls. Document styles and scripts do not run in these templates.

Margins accept fractional px, pt, mm and in values. Zero margins remove added page spacing; source CSS still controls its own margins and padding. Native Chromium paper rounding can leave a thin edge on fractional physical sizes. Fonts are embedded/subset automatically; tagging depends on document semantics.

Output preview

Ready when you are

Your rendered document appears here

Download the original file to inspect text, vectors and pagination.