# konvajs/react-konva

React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

Repository: https://github.com/konvajs/react-konva
Canonical: https://ross.abutalabs.com/products/react-konva
Homepage: https://konvajs.github.io/docs/react/
Language: TypeScript
License: MIT
License Family: permissive
Topics: konva, draw-graphics, react, canvas, konva-framework, visualization
Last push: 2026-08-20T14:05:02+00:00

## Health v2 (maintenance only)
Score: 98/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 98, release rhythm 98, longevity 100
- inputs: {"age_days": 3895, "days_push": 13, "days_rel": 13, "gap_med": 19, "n_releases_24m": 16}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 6403, forks 292 (observed 2026-08-28T04:09:43.138811+00:00)

## What it is
React Konva is a React library providing declarative components for the Konva 2D HTML5 canvas framework. It lets developers build interactive canvas graphics like design editors, whiteboards, and diagrams using familiar JSX, props, state, and hooks.

## Use cases
- draw complex 2d canvas graphics with react
- build a design editor with draggable and resizable shapes
- create an infinite canvas whiteboard with pan and zoom
- build image annotation and labeling tools
- render interactive diagrams and node editors
- make a signature pad or drawing app in the browser
- render thousands of shapes with high performance event handling

## When to choose
- you use React and need interactive 2D canvas graphics in the browser
- you want declarative JSX components for shapes, layers, and events instead of imperative canvas code
- you need drag-and-drop, transformers, hit detection, and animations on canvas
- you are building editors, whiteboards, diagrams, or annotation tools for the web

## When to avoid
- you are building a React Native app - react-konva does not support React Native (use React Native Skia instead)
- you need server-side or Node.js canvas rendering - use Konva directly
- you use Vue, Svelte, or Angular - use vue-konva, svelte-konva, or ng2-konva instead
- you need 3D graphics - this is a 2D canvas library

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, graphics, animation, data-visualization
- domain: frontend, web-development, graphics, developer-tools
- platform: browser, cross-platform
- tags: react, canvas, konva, 2d-graphics, declarative-bindings, scene-graph, drawing, whiteboard, design-editor, nodejs

## Member repositories
- konvajs/react-konva (main) score 98

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:43.138811+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:44:57.580296+00:00, confidence not recorded.
  - readme: https://github.com/konvajs/react-konva (fetched 2026-08-28T04:09:43.138811+00:00, sha 4294016f906a)
  - homepage: https://konvajs.github.io/docs/react/ (fetched 2026-08-29T08:42:13.395189+00:00, sha 3bbe47664fd5)
  - site_page: https://konvajs.org/docs/index.html (fetched 2026-08-29T08:42:13.405221+00:00, sha 90031587e651)
  - site_page: https://konvajs.org/docs/sandbox.html (fetched 2026-08-29T08:42:13.407940+00:00, sha 7b04d391042f)
  - site_page: https://konvajs.org/docs/vue/index.html (fetched 2026-08-29T08:42:13.409927+00:00, sha 785608ec1271)
  - site_page: https://konvajs.org/docs/svelte/index.html (fetched 2026-08-29T08:42:13.413187+00:00, sha 394e8b4d7710)
  - site_page: https://konvajs.org/docs/angular/index.html (fetched 2026-08-29T08:42:13.415933+00:00, sha de9922805188)
  - site_page: https://konvajs.org/zh-Hans/docs/react/index.html (fetched 2026-08-29T08:42:13.418441+00:00, sha 9b237b67f2ec)
  - site_page: https://konvajs.org/docs/overview.html (fetched 2026-08-29T08:42:13.420573+00:00, sha f37669e51c12)
  - site_page: https://konvajs.org/docs/ai_tools.html (fetched 2026-08-29T08:42:13.423283+00:00, sha 27945127e124)
- Data as of 2026-08-30T08:39:29.467469+00:00.