2D vector graphics / drawing on the web
A renderer-agnostic 2D drawing API for the web that can render with WebGL, Canvas2D, and SVG.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose when you need high-performance 2D WebGL rendering with gameoriented features and a large ecosystem.
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose when you need canvas interactivity and event handling, not renderer-agnostic SVG/WebGL.
Konva.js is an HTML5 Canvas JavaScript framework for interactive graphics, design editors, whiteboards, and diagrams. Scene graph with events, drag and drop, transforms, animations, and export.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Same graphics system but stale (no push in 2.2 years); choose if you need its specific sprite workflow.
A cross platform high-performance graphics system.
These projects were analysed and named two.js among their alternatives. The relationship is not symmetric — how two.js rates them is a separate judgement, made when two.js is analysed in its own right.
calls two.js “Choose for renderer-agnostic 2D drawing that can also target SVG/CSS when you need broader format support, but you'll get lower WebGL performance than PixiJS.”
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
calls two.js “Choose Two.js for a lightweight renderer-agnostic vector drawing API supporting SVG/Canvas/WebGL when you will implement interactions yourself rather than using Fabric's built-in controls.”
Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
calls two.js “choose when you need renderer-agnostic 2D drawing across canvas/SVG/WebGL; it lacks Konva's built-in interactivity and events.”
Konva.js is an HTML5 Canvas JavaScript framework for interactive graphics, design editors, whiteboards, and diagrams. Scene graph with events, drag and drop, transforms, animations, and export.