Box N Weave JS

0-dependency, lightweight, text-to-diagramming js library

4 followers

0-dependency, lightweight, text-to-diagramming js library

4 followers

Box-N-Weave.js converts text to box-and-arrow diagrams with zero dependencies (16kb). Create diagrams through our online editor or VS Code extension, with separate styling and animations. Perfect for keeping technical documentation in sync with code.

Free

Launch tags:Design Tools•Productivity•Data Visualization

Launch Team

Webflow | AI site builder — Start fast. Build right.

Start fast. Build right.

Promoted

Maker

📌

I was frustrated with the complexity and size of existing diagram libraries, so I wrote a new one from scratch. Box-N-Weave.js generates box-and-arrow diagrams from text definitions, with a focus on maintainable technical documentation. Key features: - Zero dependencies, tiny footprint (16.2kb gzipped vs 745kb for Mermaid.js) - Clean separation of diagram content, styling, and animations - Git-friendly text format that can live alongside your code - Streamlined syntax for common technical diagrams (architecture, flows, state machines) - Built-in animation support without bloat The layout algorithm was written from scratch (not using dagre/elkjs/cytoscape) to keep it lightweight while flexible enough to add the features I wanted.

Report

1yr ago