konvajs/konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications. observed · 2026-08-28
Health v2 · maintenance only
99/100
- Activity 99
- Release rhythm 99
- Longevity 100
Flags: no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 5.0
- age_days: 4254
- days_rel: 7
- days_push: 7
- n_releases_24m: 33
Adoption not part of the score
14724 stars · 1063 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
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
library · maturity stable
graphics animation ui-components image-processing web-development frontend graphics cross-platform browser canvas html5-canvas scene-graph 2d-graphics drag-and-drop react-konva vue-konva whiteboard design-editor typescript nodejs javascript
10 sources
- readme: https://github.com/konvajs/konva · fetched 2026-08-28 · 45e6ad003e3a
- homepage: http://konvajs.org/ · fetched 2026-08-29 · 28306d832ee6
- site_page: https://konvajs.org/docs/index.html · fetched 2026-08-29 · 90031587e651
- site_page: https://konvajs.org/docs/sandbox.html · fetched 2026-08-29 · 7b04d391042f
- site_page: https://konvajs.org/docs/react/index.html · fetched 2026-08-29 · a7ee9e1190cf
- site_page: https://konvajs.org/docs/vue/index.html · fetched 2026-08-29 · 785608ec1271
- site_page: https://konvajs.org/docs/svelte/index.html · fetched 2026-08-29 · 394e8b4d7710
- site_page: https://konvajs.org/docs/angular/index.html · fetched 2026-08-29 · de9922805188
- site_page: https://konvajs.org/docs/sandbox/Canvas_Editor.html · fetched 2026-08-29 · c2627b91a567
- site_page: https://konvajs.org/docs/sandbox/Infinite_Canvas.html · fetched 2026-08-29 · 1bcf6e88ed79
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| konvajs/konva | main | 99 |
For agents
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem