# konvajs/konva

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

Repository: https://github.com/konvajs/konva
Canonical: https://ross.abutalabs.com/products/konva
Homepage: http://konvajs.org/
Language: TypeScript
License: NOASSERTION
License Family: other
Topics: konva, javascript, shape, node-canvas, canvas, animation, drag-and-drop, graphics
Last push: 2026-08-26T22:58:21+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 99, longevity 100
- inputs: {"age_days": 4254, "days_push": 7, "days_rel": 7, "gap_med": 5.0, "n_releases_24m": 33}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 14724, forks 1063 (observed 2026-08-28T04:11:07.555316+00:00)

## What it is
Konva is an MIT-licensed JavaScript/TypeScript 2D canvas framework providing an object-oriented scene graph (stages, layers, groups, shapes) on top of the HTML5 Canvas with events, hit detection, drag-and-drop, transforms, animation, filters, and export. It has official declarative bindings for React, Vue, Svelte, and Angular, and also supports Node.js rendering via node-canvas.

## Use cases
- build a design editor like Canva or Figma on the web
- create an infinite canvas whiteboard with pan and zoom
- draw interactive shapes on HTML5 canvas with drag and drop
- build an image annotation or labeling tool
- render diagrams, flowcharts, or node editors in the browser
- add canvas-based seat maps or floor plans to a web app
- animate and tween canvas shapes with pointer and touch input

## When to choose
- you need interactive, event-driven 2D graphics on the web without writing raw canvas boilerplate
- you want a scene graph with hit detection, dragging, transforms, and export out of the box
- you use React, Vue, Svelte, or Angular and want declarative canvas components
- you need to render thousands of shapes with good performance on desktop and mobile

## When to avoid
- you need 3D or WebGL rendering rather than 2D canvas
- you are building a native React Native app (no DOM/canvas; use React Native Skia instead)
- you only need static charts or data visualizations, where a charting library is simpler
- you need server-side rendering of canvas to images at scale without a Node canvas backend

## Facets
- artifact type: library
- maturity: stable
- function: graphics, animation, ui-components, image-processing
- domain: web-development, frontend, graphics, cross-platform
- platform: browser
- tags: canvas, html5-canvas, scene-graph, 2d-graphics, drag-and-drop, react-konva, vue-konva, whiteboard, design-editor, typescript, nodejs, javascript

## Member repositories
- konvajs/konva (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:07.555316+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:07:14.235849+00:00, confidence not recorded.
  - readme: https://github.com/konvajs/konva (fetched 2026-08-28T04:11:07.555316+00:00, sha 45e6ad003e3a)
  - homepage: http://konvajs.org/ (fetched 2026-08-29T08:05:50.173002+00:00, sha 28306d832ee6)
  - site_page: https://konvajs.org/docs/index.html (fetched 2026-08-29T08:05:50.182112+00:00, sha 90031587e651)
  - site_page: https://konvajs.org/docs/sandbox.html (fetched 2026-08-29T08:05:50.184099+00:00, sha 7b04d391042f)
  - site_page: https://konvajs.org/docs/react/index.html (fetched 2026-08-29T08:05:50.185983+00:00, sha a7ee9e1190cf)
  - site_page: https://konvajs.org/docs/vue/index.html (fetched 2026-08-29T08:05:50.187797+00:00, sha 785608ec1271)
  - site_page: https://konvajs.org/docs/svelte/index.html (fetched 2026-08-29T08:05:50.189607+00:00, sha 394e8b4d7710)
  - site_page: https://konvajs.org/docs/angular/index.html (fetched 2026-08-29T08:05:50.191550+00:00, sha de9922805188)
  - site_page: https://konvajs.org/docs/sandbox/Canvas_Editor.html (fetched 2026-08-29T08:05:50.194186+00:00, sha c2627b91a567)
  - site_page: https://konvajs.org/docs/sandbox/Infinite_Canvas.html (fetched 2026-08-29T08:05:50.196840+00:00, sha 1bcf6e88ed79)
- Data as of 2026-08-30T08:39:29.467469+00:00.