Demos
Browser demos for the frontend work Layoutmaster unlocks: text size, continuation, shaped text, dynamic surfaces, and live effects without DOM measurement loops.
Every page below renders from data returned by Layoutmaster. The browser is the painter, not the secret layout oracle.
Start With Text As Data
Ask how tall a text fragment becomes and get positioned pieces back before anything renders.
PiecesInspect the raw piece contract: coordinates, sizes, baselines, line guides, and selectable text fragments.
Browser FontsProbe Layoutmaster's browser font scope: same CSS stack, native fallback, DOM text beside solved pieces.
fit()Fill a bounded box, stop exactly at overflow, and get both consumed and remaining content.
flow()Move one passage through several regions while preserving continuation data across each target.
BIDI LabCompare native browser bidi rendering beside Layoutmaster's solved RTL, LTR, number, and punctuation pieces.
Shape The Reading Surface
Pour text into primitive shapes and get only the fragments that genuinely fit inside the contour.
pour() ImageTurn a PNG alpha silhouette into a readable container, then pour authored text into that interior.
ExclusionDrag live exclusion fields through text and watch returned line geometry update around the obstacle.
Exclusion ImageSample an image alpha channel into a compact wrap field and move that silhouette without re-sampling.
Assembly RigBuild a crude stick figure from primitive parts and re-solve text around the current animated pose.
Scale And Motion
Extract moving video silhouettes into cached spatial fields, then drive live text around each frame.
Book MasonryPack every chapter as a live card, resize the wall, and inspect the solved Layoutmaster piece geometry.