GitHub - carnworkstudios/boxwood: A Declarative Box-Split and Collision Engine for Vector Graphics. It provides a CSS-like layout grammar (padding, gap, cols, rows, auto-height), but outputs a clean JSON coordinate tree that any visual canvas (SVG, <canvas>, WebGL) can use to draw pixels, connectors, and particles.

Show HN: I built a declarative layout engine for SVG, Canvas, WebGL

A Declarative Box-Split and Collision Engine for Vector Graphics. It provides a CSS-like layout grammar (padding, gap, cols, rows, auto-height), but outputs a clean JSON coordinate tree that any vi...

5 points by bonzai2carn 111 days ago github.com 0 comments

Summary not yet generated for this article.

Original Text

Hey HN,

I built a tiny zero DOM layout engine for vector graphics and custom renderers to resolves nested rows/cols/grids into exact `{x, y, w, h}` boxes, with text measurement, overflow signals, and collision separation.

This is to help make SVG, PDF, Canvas responsive.

Feedback welcome from anyone building canvas/SVG diagrams, dashboards, node editors, or diagram tools.

Comments (0 of ) ⌛

Loading more comments... ⌛

Scroll down to load more comments

No comments available.