Guides

Step-by-step guides for common use cases.

• Text & Fonts — Font registration, shaping, wrapping, and fit
• Vertical Text — Japanese vertical writing (vertical-rl)
• React Integration — Using boundsvg in React applications
• Animation — Declarative playback, text units, batch sampling, and layout-reactive materialization
• Layout Transitions — Materialized frame sequences between two resolved layouts
• PNG, WebP & GIF Export — Raster output: scaling, backgrounds, and animated WebP / GIF
• Video Export — MP4 via the browser's WebCodecs encoder or an external ffmpeg
• Image Loading — Fetching image bytes and inlining external references outside the no-I/O render pipeline
• Documents & Codes — Fixed-layout documents (receipts, labels) and embedding QR codes / barcodes
• Layered Export — Split one scene into per-layer SVG/PNG files plus a manifest
• Debugging & Diagnostics — Inspect bounds, warnings, node IDs, and CLI reports
• Shape Registry — Register low-level geometries and symbols for reuse
• Chart Integration — Feed external chart libraries into boundsvg without embedding chart semantics
• Utility Components — Compose scenes with unstyled helpers from @boundsvg/extras