Konva.js

What it does

Konva.js gives you shapes, layers, and events on an HTML canvas. It handles hit detection, drag-and-drop, and animation for you.

When to use it

Use this when you need users to drag, resize, or interact with shapes on a canvas.

Real example

You're building a simple floor plan editor where users can drag rooms around a canvas and resize them. Prompt: 'Use Konva.js to create a stage with a Layer. Add Rect shapes representing rooms that are draggable and resizable with a Transformer. Show the room's width and height as a label that updates on resize.'

Good to know

Great for building custom diagram tools, image editors, or interactive charts.

Alternatives

Install

Use cases

Language

Category

Drawing & diagram tools