{"library":"vue-konva","type":"library","category":null,"description":"Vue Konva is a JavaScript library that provides declarative and reactive bindings for the Konva Framework, enabling complex canvas graphics within Vue.js applications. It leverages Vue's component system to render Konva stages, layers, and shapes, abstracting away direct DOM manipulation. The current stable version, 3.4.0, primarily supports Vue 3 and Konva >7, with `vue-konva@2` maintained for Vue 2 compatibility. While there's no fixed release cadence, updates generally align with advancements in Vue.js and Konva.js to ensure continued integration. Its key differentiator is simplifying canvas interaction by mapping Konva objects to Vue components prefixed with 'v-', allowing developers to define canvas elements and their properties reactively using Vue's familiar template syntax and data flow, making complex canvas animations and interactions more manageable.","language":"javascript","status":"active","version":"3.4.0","tags":["javascript","vue","konva","canvas","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-konva","imports":["import VueKonva from 'vue-konva';","<template><v-stage :config=\"...\"><v-layer><v-circle :config=\"...\"></v-circle></v-layer></v-stage></template>","this.$refs.myKonvaComponentRef.getNode();","import type Konva from 'konva';"]},{"cmd":"yarn add vue-konva","imports":[]},{"cmd":"pnpm add vue-konva","imports":[]}],"homepage":"https://konvajs.org/docs/vue/","github":"https://github.com/konvajs/vue-konva","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-konva","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-konva/compatibility"}}