durman

Hi HN! I’m David, founder of JointJS.

We built this React template for AI workflow editors and thought others might find it useful.

The goal was to provide the UI layer that many AI products end up needing: a drag-and-drop canvas, editable nodes, connections, validation, undo/redo, copy/paste, keyboard shortcuts, zooming, snaplines, accessibility, proper graph data model, and support for larger graphs. The full source code is available so it can be used as a starting point for your own workflow editor.

I’d really appreciate any feedback—especially from anyone building workflow tools or AI products.

16% of the global population has a disability, according to the World Health Organization. How can we build diagramming web apps to ensure accessibility for everyone? Dive into this important topic, explore the current state of accessibility, enabling technologies, and the role of AI in creating more inclusive experiences.

Discover various techniques for outlining complex SVG shapes, including unions of shapes. Learn how to balance advanced styling with performance, accuracy, and flexibility. This guide covers key methods and their pros and cons, with practical, code-based examples for building modern, responsive web applications.

That's great progress! It's nice to see JointJS becoming lighter and shedding its reliance on jQuery and Backbone.