boundsvg

Appearance

boundsvgFont Measurement & Layout Library for SVG

Version-pinned text shaping and layout in WASM.

Get Started
Try the Playground
API Reference
boundsvg logo

Precise Text Measurement

HarfRust-based shaping gives precise glyph bounds in WASM.

Auto-fit & Layout System

Auto-fit text and use Flexbox/Grid layouts via Taffy.

Deterministic Output

Accepted owned inputs produce the same covered SVG, PNG, WebP, and GIF artifacts across supported runtimes, after documented normalization.

Read the contract

Try It in the Browser

Edit JSX, SVG, or CLI input and see rendered output live in the interactive playgrounds.

Open Playground

Rendered by boundsvg ​

Every image below is a single SVG file generated from JSX — the first one animates with no JavaScript and no GIF.

A terminal window that types a command one character at a time, prints colored runner output, advances a progress bar, and reports PASS
A heading that shrink-fits its row while Japanese body copy wraps around a donut chart via a circular text-flow exclusion
Vertical Japanese text with Ruby annotations

More examples, with the JSX that produced them, start in the introduction and run live in the playground.