paged-with-floats logo paged-with-floats

Demos

Live demonstrations of paged-with-floats: CSS page floats, footnotes, multi-column pagination, running headers and page numbers — paginated entirely in the browser.

Editable playground

Fold-out map from Wallace's The Malay Archipelago

The Malay Archipelago

Two-column flow with page floats (float-reference: page; float: top) spanning both columns, footnotes at the page bottom, running chapter heads. Edit the HTML source in the textarea, then hit “Render pages” or “Download PDF”.

Editable · PDF export

Whole books in two to four columns

Aa

Alice’s Adventures in Wonderland

Lewis Carroll, two columns.

2 columns
Ff

Frankenstein

Mary Wollstonecraft Shelley, three columns.

3 columns
Mm

Moby-Dick

Herman Melville, four columns.

4 columns

Ornamented specimen book

Gilt and blue cover of Auroræ: Their Characters and Spectra

Auroræ — Their Characters and Spectra

J. Rand Capron’s 1886 aurora monograph, a Victorian sample book with gilt cover, plates, initials and ornaments, paginated through the previewer API.

Previewer API

Print & PDF export

Pp

Measurement benchmark

Stress-test the text-breaking backends and export the result as a real vector PDF. The print/PDF APIs are documented in the README under “Print & PDF export”.

Print & PDF

Full Project Gutenberg texts (public domain). Running headers show the current chapter via string-set; footers carry page numbers. Each book page offers a one-click PDF download.