Invana TailwindCSS 4 Design System - Reusable styling configuration

Invana Design System - Data table components

Invana Design System - Reusable UI components

Invana Design System - App layout themes and components

Invana Design System - Composable form building blocks (FormField + ObjectField + leaf inputs)

ELK.js Layout for @invana/graph.

D3 Sankey Layout for @invana/graph.

D3 hierarchy (tree / cluster / radial) Layout for @invana/graph.

Schema-driven, engine-agnostic React UI components (style editors, panels, controls) for Invana graph tools — built on the @invana/forms design-kit form-generator.

Node/Edge template designer for @invana/canvas — WYSIWYG authoring of composite node templates (drag canvas, layers, undo/redo, save/load); ships default starter templates. Optional: rendering templates needs only @invana/graph.

D3 force-directed Layout for @invana/graph.

Graph layer + behaviours for @invana/canvas — GraphLayer, MiniMapLayer, hover/select/lasso/brush/pan/drag behaviours.

Renderer-free kernel for the Invana canvas — state (ReactiveStore port + view/data stores), event bus, telemetry, history. The engine (@invana/canvas) is a pixi renderer over this.

Density-contour overlay Layer for @invana/graph, backed by d3-contour.

MapLibre GL JS basemap Layer for @invana/canvas — projects graph nodes onto a real interactive world map.

Example graph datasets for @invana/graph (Les Misérables, scientists org chart, random tree, etc.).

Dependency-free geometric layouts (grid / snake / circular) for @invana/graph.

BubbleSets annotation layer for @invana/graph — smooth contours around named node groups, with edge enclosure and non-member routing.

React bindings for @invana/canvas — declarative <Canvas> with JSX children mapped to layers, behaviours, and layouts.

WebGPU-first canvas rendering engine — Layer / Behaviour / Layout architecture (see architecture-proposal.md).