Konva

Konva is a JavaScript library for building interactive 2D graphics on the HTML canvas. It gives you a scene graph of stages, layers and shapes, so you do not have to write low-level canvas drawing code.

Konva handles drawing, pointer and touch input, animation and export. You create shapes and place them in layers, then make them draggable or add transform handles for resizing and rotating. The library works with plain JavaScript and has integrations for React, Vue, Svelte and Angular.

• Scene graph with stages, layers and groups
• Drag, resize and rotate with a transformer
• Touch and mouse input through one event system
• Tweens and frame-based animation
• Export to canvas, data URL or Blob

Developers building design editors, whiteboards, diagrams, floor plans and annotation tools. It also suits teams that need a canvas-based interface inside a React or Vue app.

The library is MIT licensed and has no dependencies, so it can be used in commercial products at no cost. Konva runs in the browser. It is a code library rather than a ready-made editor, so you build the application logic yourself. The official demos show how the parts fit together.