From c941eda5166e991f4fcd0d1f5c52465559c1148c Mon Sep 17 00:00:00 2001
From: Anton Lavrevov <lavrton@gmail.com>
Date: Mon, 23 Dec 2024 10:08:19 -0500
Subject: [PATCH] update 2024-12-23

---
 .docusaurus/DONT-EDIT-THIS-FOLDER             |    5 +
 .docusaurus/client-modules.js                 |    6 +
 .docusaurus/codeTranslations.json             |    1 +
 .../default/__plugin.json                     |    4 +
 .../default/blog-post-list-prop-default.json  |    4 +
 .../default/blogMetadata-default.json         |    5 +
 .../default/p/blog-archive-f05.json           |    1 +
 .../default/p/blog-authors-790.json           |    1 +
 ...ors-all-sebastien-lorber-articles-6eb.json |    1 +
 .../default/p/blog-authors-yangshun-af2.json  |    1 +
 .../default/p/blog-bd9.json                   |    1 +
 .../default/p/blog-tags-df9.json              |    1 +
 .../default/p/blog-tags-docusaurus-f20.json   |    1 +
 .../default/p/blog-tags-facebook-f47.json     |    1 +
 .../default/p/blog-tags-hello-f96.json        |    1 +
 .../default/p/blog-tags-hola-73f.json         |    1 +
 ...log-2019-05-28-first-blog-post-md-e27.json |   73 +
 ...blog-2019-05-29-long-blog-post-md-736.json |   58 +
 ...blog-2021-08-01-mdx-blog-post-mdx-593.json |   55 +
 ...-blog-2021-08-26-welcome-index-md-d9f.json |   80 +
 .../default/__plugin.json                     |    4 +
 .../default/p/category-shapes-6e4.json        |    1 +
 .../default/p/docs-175.json                   |    1 +
 .../default/p/docs-category-shapes-05b.json   |    1 +
 .../default/p/index-466.json                  |    1 +
 ...animations-create-an-animation-md-33c.json |   15 +
 ...site-content-animations-moving-md-503.json |   15 +
 ...te-content-animations-rotation-md-ce4.json |   15 +
 ...ite-content-animations-scaling-md-d6d.json |   15 +
 ...tent-animations-stop-animation-md-428.json |   15 +
 ...e-content-api-konva-animation-mdx-621.json |   28 +
 .../site-content-api-konva-arc-mdx-d2e.json   |   28 +
 .../site-content-api-konva-arrow-mdx-a02.json |   28 +
 ...site-content-api-konva-canvas-mdx-ef5.json |   28 +
 ...site-content-api-konva-circle-mdx-0d5.json |   28 +
 ...e-content-api-konva-container-mdx-1ee.json |   28 +
 ...ite-content-api-konva-context-mdx-b1f.json |   28 +
 ...ite-content-api-konva-easings-mdx-ea6.json |   28 +
 ...ite-content-api-konva-ellipse-mdx-a79.json |   28 +
 ...-content-api-konva-fast-layer-mdx-06e.json |   28 +
 ...ite-content-api-konva-filters-mdx-f9c.json |   28 +
 .../site-content-api-konva-group-mdx-9c7.json |   28 +
 .../site-content-api-konva-image-mdx-7f8.json |   28 +
 .../site-content-api-konva-label-mdx-ccd.json |   28 +
 .../site-content-api-konva-layer-mdx-79b.json |   28 +
 .../site-content-api-konva-line-mdx-ef9.json  |   28 +
 .../site-content-api-konva-mdx-8b1.json       |   26 +
 .../site-content-api-konva-node-mdx-618.json  |   28 +
 .../site-content-api-konva-path-mdx-e44.json  |   28 +
 .../site-content-api-konva-rect-mdx-226.json  |   28 +
 ...ent-api-konva-regular-polygon-mdx-da5.json |   28 +
 .../site-content-api-konva-ring-mdx-860.json  |   28 +
 .../site-content-api-konva-shape-mdx-2df.json |   28 +
 ...site-content-api-konva-sprite-mdx-7ca.json |   28 +
 .../site-content-api-konva-stage-mdx-c1a.json |   28 +
 .../site-content-api-konva-star-mdx-2a8.json  |   28 +
 .../site-content-api-konva-tag-mdx-51a.json   |   28 +
 .../site-content-api-konva-text-mdx-573.json  |   28 +
 ...e-content-api-konva-text-path-mdx-4a2.json |   28 +
 ...e-content-api-konva-transform-mdx-610.json |   28 +
 ...content-api-konva-transformer-mdx-acf.json |   28 +
 .../site-content-api-konva-tween-mdx-ca8.json |   28 +
 .../site-content-api-konva-util-mdx-b7d.json  |   28 +
 .../site-content-api-konva-wedge-mdx-98e.json |   24 +
 ...ent-clipping-clipping-function-md-5a7.json |   15 +
 ...tent-clipping-clipping-regions-md-d5e.json |   15 +
 ...d-serialization-best-practices-md-6ac.json |   15 +
 ...and-serialization-complex-load-md-4a0.json |   15 +
 ...ialization-high-quality-export-md-a54.json |   15 +
 ...erialization-serialize-a-stage-md-87e.json |   15 +
 ...-and-serialization-simple-load-md-4e5.json |   15 +
 ...d-serialization-stage-data-url-md-40d.json |   15 +
 ...animations-create-an-animation-md-4ab.json |   29 +
 ...nimations-create-an-animation-mdx-c79.json |   29 +
 ...content-docs-animations-moving-md-d20.json |   29 +
 ...ontent-docs-animations-moving-mdx-c36.json |   29 +
 ...ntent-docs-animations-rotation-md-e2f.json |   29 +
 ...tent-docs-animations-rotation-mdx-6d6.json |   29 +
 ...ontent-docs-animations-scaling-md-776.json |   29 +
 ...ntent-docs-animations-scaling-mdx-54b.json |   29 +
 ...docs-animations-stop-animation-md-c74.json |   29 +
 ...ocs-animations-stop-animation-mdx-8b7.json |   29 +
 ...ocs-clipping-clipping-function-md-874.json |   24 +
 ...cs-clipping-clipping-function-mdx-eb7.json |   29 +
 ...docs-clipping-clipping-regions-md-59e.json |   24 +
 ...ocs-clipping-clipping-regions-mdx-da3.json |   29 +
 ...d-serialization-best-practices-md-5e0.json |   24 +
 ...-serialization-best-practices-mdx-fc2.json |   29 +
 ...and-serialization-complex-load-md-205.json |   24 +
 ...nd-serialization-complex-load-mdx-e22.json |   29 +
 ...ialization-high-quality-export-md-2d8.json |   24 +
 ...alization-high-quality-export-mdx-861.json |   29 +
 ...erialization-serialize-a-stage-md-611.json |   24 +
 ...rialization-serialize-a-stage-mdx-41e.json |   29 +
 ...-and-serialization-simple-load-md-339.json |   24 +
 ...and-serialization-simple-load-mdx-353.json |   29 +
 ...d-serialization-stage-data-url-md-fec.json |   24 +
 ...-serialization-stage-data-url-mdx-f0e.json |   29 +
 .../site-content-docs-donate-md-20f.json      |   30 +
 ...rag-and-drop-01-drag-and-drop-mdx-415.json |   30 +
 ...rag-and-drop-02-drag-an-image-mdx-451.json |   30 +
 ...drag-and-drop-03-drag-a-group-mdx-794.json |   30 +
 ...-drag-and-drop-04-drag-a-line-mdx-d3d.json |   30 +
 ...drag-and-drop-05-drag-a-stage-mdx-218.json |   30 +
 ...-drag-and-drop-06-drag-events-mdx-8de.json |   30 +
 ...nd-drop-07-simple-drag-bounds-mdx-827.json |   30 +
 ...drop-08-complex-drag-and-drop-mdx-9ac.json |   30 +
 ...-drag-and-drop-09-drop-events-mdx-2fe.json |   30 +
 ...and-drop-complex-drag-and-drop-md-db0.json |   29 +
 ...nd-drop-complex-drag-and-drop-mdx-d48.json |   29 +
 ...ocs-drag-and-drop-drag-a-group-md-ef5.json |   24 +
 ...cs-drag-and-drop-drag-a-group-mdx-0f7.json |   29 +
 ...docs-drag-and-drop-drag-a-line-md-dc1.json |   24 +
 ...ocs-drag-and-drop-drag-a-line-mdx-39b.json |   29 +
 ...ocs-drag-and-drop-drag-a-stage-md-ec3.json |   24 +
 ...cs-drag-and-drop-drag-a-stage-mdx-20b.json |   29 +
 ...cs-drag-and-drop-drag-an-image-md-57a.json |   24 +
 ...s-drag-and-drop-drag-an-image-mdx-dbd.json |   29 +
 ...cs-drag-and-drop-drag-and-drop-md-ac8.json |   24 +
 ...s-drag-and-drop-drag-and-drop-mdx-c73.json |   29 +
 ...docs-drag-and-drop-drag-events-md-b30.json |   24 +
 ...ocs-drag-and-drop-drag-events-mdx-dde.json |   29 +
 ...docs-drag-and-drop-drop-events-md-d63.json |   24 +
 ...ocs-drag-and-drop-drop-events-mdx-56d.json |   29 +
 ...ag-and-drop-simple-drag-bounds-md-f31.json |   24 +
 ...g-and-drop-simple-drag-bounds-mdx-6f1.json |   29 +
 ...ent-docs-events-binding-events-md-cd1.json |   29 +
 ...nt-docs-events-binding-events-mdx-a68.json |   29 +
 ...docs-events-cancel-propagation-md-89d.json |   24 +
 ...ocs-events-cancel-propagation-mdx-a1e.json |   29 +
 ...-docs-events-custom-hit-region-md-0ef.json |   24 +
 ...docs-events-custom-hit-region-mdx-ce2.json |   29 +
 ...docs-events-desktop-and-mobile-md-a31.json |   24 +
 ...ocs-events-desktop-and-mobile-mdx-345.json |   29 +
 ...t-docs-events-event-delegation-md-a22.json |   24 +
 ...-docs-events-event-delegation-mdx-cc1.json |   29 +
 ...ontent-docs-events-fire-events-md-50e.json |   24 +
 ...ntent-docs-events-fire-events-mdx-6ca.json |   29 +
 ...ntent-docs-events-image-events-md-ac7.json |   24 +
 ...tent-docs-events-image-events-mdx-a83.json |   29 +
 ...nt-docs-events-keyboard-events-md-a07.json |   24 +
 ...t-docs-events-keyboard-events-mdx-800.json |   29 +
 ...-docs-events-listen-for-events-md-b30.json |   24 +
 ...docs-events-listen-for-events-mdx-5fc.json |   29 +
 ...tent-docs-events-mobile-events-md-da8.json |   24 +
 ...ent-docs-events-mobile-events-mdx-953.json |   29 +
 ...t-docs-events-mobile-scrolling-md-1d1.json |   24 +
 ...-docs-events-mobile-scrolling-mdx-e0e.json |   29 +
 ...ontent-docs-events-multi-event-md-480.json |   24 +
 ...ntent-docs-events-multi-event-mdx-3d7.json |   29 +
 ...ent-docs-events-pointer-events-md-b74.json |   24 +
 ...nt-docs-events-pointer-events-mdx-2ae.json |   29 +
 ...ent-docs-events-remove-by-name-md-591.json |   24 +
 ...nt-docs-events-remove-by-name-mdx-4ce.json |   29 +
 ...ntent-docs-events-remove-event-md-e3b.json |   24 +
 ...tent-docs-events-remove-event-mdx-42c.json |   29 +
 ...ntent-docs-events-stage-events-md-0f6.json |   24 +
 ...tent-docs-events-stage-events-mdx-621.json |   29 +
 ...site-content-docs-filters-blur-md-1bf.json |   24 +
 ...ite-content-docs-filters-blur-mdx-e8e.json |   29 +
 ...-content-docs-filters-brighten-md-aa6.json |   24 +
 ...content-docs-filters-brighten-mdx-143.json |   29 +
 ...-content-docs-filters-contrast-md-2dc.json |   24 +
 ...content-docs-filters-contrast-mdx-bd7.json |   29 +
 ...ent-docs-filters-custom-filter-md-1ce.json |   24 +
 ...nt-docs-filters-custom-filter-mdx-887.json |   29 +
 ...te-content-docs-filters-emboss-md-8b3.json |   24 +
 ...e-content-docs-filters-emboss-mdx-102.json |   29 +
 ...e-content-docs-filters-enhance-md-929.json |   24 +
 ...-content-docs-filters-enhance-mdx-52e.json |   29 +
 ...content-docs-filters-grayscale-md-061.json |   24 +
 ...ontent-docs-filters-grayscale-mdx-9a2.json |   29 +
 .../site-content-docs-filters-hsl-md-864.json |   24 +
 ...site-content-docs-filters-hsl-mdx-cad.json |   29 +
 .../site-content-docs-filters-hsv-md-620.json |   24 +
 ...site-content-docs-filters-hsv-mdx-5eb.json |   29 +
 ...te-content-docs-filters-invert-md-cd0.json |   24 +
 ...e-content-docs-filters-invert-mdx-0a9.json |   29 +
 ...tent-docs-filters-kaleidoscope-md-d38.json |   24 +
 ...ent-docs-filters-kaleidoscope-mdx-91f.json |   29 +
 ...site-content-docs-filters-mask-md-34a.json |   24 +
 ...ite-content-docs-filters-mask-mdx-7c4.json |   29 +
 ...-docs-filters-multiple-filters-md-aef.json |   24 +
 ...docs-filters-multiple-filters-mdx-24d.json |   29 +
 ...ite-content-docs-filters-noise-md-2c2.json |   24 +
 ...te-content-docs-filters-noise-mdx-547.json |   29 +
 ...-content-docs-filters-pixelate-md-abf.json |   24 +
 ...content-docs-filters-pixelate-mdx-264.json |   29 +
 .../site-content-docs-filters-rgb-md-b74.json |   24 +
 ...site-content-docs-filters-rgb-mdx-59b.json |   29 +
 ...site-content-docs-filters-rgba-md-78b.json |   24 +
 ...te-content-docs-filters-sepia-mdx-a11.json |   29 +
 ...content-docs-filters-solarize-mdx-aa0.json |   29 +
 ...ontent-docs-filters-threshold-mdx-827.json |   29 +
 ...s-and-layers-change-containers-md-1d7.json |   29 +
 ...-and-layers-change-containers-mdx-23f.json |   29 +
 ...-docs-groups-and-layers-groups-md-b5c.json |   29 +
 ...docs-groups-and-layers-groups-mdx-081.json |   29 +
 ...ocs-groups-and-layers-layering-md-d46.json |   29 +
 ...cs-groups-and-layers-layering-mdx-c58.json |   29 +
 ...docs-groups-and-layers-z-index-md-e17.json |   29 +
 ...ocs-groups-and-layers-z-index-mdx-05a.json |   29 +
 .../site-content-docs-index-md-467.json       |   31 +
 .../site-content-docs-overview-md-f34.json    |   30 +
 ...rformance-all-performance-tips-md-b17.json |   24 +
 ...formance-all-performance-tips-mdx-a0f.json |   29 +
 ...performance-avoid-memory-leaks-md-31d.json |   24 +
 ...erformance-avoid-memory-leaks-mdx-4db.json |   29 +
 ...nt-docs-performance-batch-draw-md-c38.json |   24 +
 ...t-docs-performance-batch-draw-mdx-fce.json |   29 +
 ...rformance-disable-perfect-draw-md-691.json |   24 +
 ...formance-disable-perfect-draw-mdx-887.json |   29 +
 ...s-performance-layer-management-md-f8d.json |   24 +
 ...-performance-layer-management-mdx-50f.json |   29 +
 ...cs-performance-listening-false-md-6dc.json |   24 +
 ...s-performance-listening-false-mdx-1d0.json |   29 +
 ...performance-optimize-animation-md-44d.json |   24 +
 ...erformance-optimize-animation-mdx-d3d.json |   29 +
 ...s-performance-optimize-strokes-md-939.json |   24 +
 ...-performance-optimize-strokes-mdx-af0.json |   29 +
 ...docs-performance-shape-caching-md-12f.json |   24 +
 ...ocs-performance-shape-caching-mdx-912.json |   29 +
 ...-docs-performance-shape-redraw-md-aed.json |   24 +
 ...-docs-posts-position-vs-offset-md-99c.json |   24 +
 ...tent-docs-posts-tainted-canvas-md-ca5.json |   20 +
 ...-docs-react-access-konva-nodes-md-f61.json |   24 +
 ...ntent-docs-react-canvas-export-md-75f.json |   24 +
 ...ntent-docs-react-canvas-portal-md-f51.json |   24 +
 ...-docs-react-complex-animations-md-776.json |   24 +
 ...ontent-docs-react-custom-shape-md-c7a.json |   24 +
 ...-content-docs-react-dom-portal-md-b8a.json |   24 +
 ...ntent-docs-react-drag-and-drop-md-93d.json |   24 +
 ...-content-docs-react-drop-image-md-58a.json |   24 +
 ...site-content-docs-react-events-md-81d.json |   24 +
 ...ite-content-docs-react-filters-md-3e9.json |   24 +
 ...ontent-docs-react-free-drawing-md-5f2.json |   24 +
 ...site-content-docs-react-images-md-47c.json |   24 +
 .../site-content-docs-react-index-md-9a1.json |   24 +
 .../site-content-docs-react-intro-md-c4d.json |   24 +
 ...site-content-docs-react-shapes-md-e4e.json |   24 +
 ...t-docs-react-simple-animations-md-3fa.json |   24 +
 ...content-docs-react-transformer-md-a74.json |   24 +
 ...e-content-docs-react-undo-redo-md-5dc.json |   24 +
 ...ite-content-docs-react-z-index-md-5ce.json |   24 +
 ...dbox-10000-shapes-with-tooltip-md-2a7.json |   25 +
 ...ntent-docs-sandbox-20000-nodes-md-09d.json |   25 +
 ...dbox-animals-on-the-beach-game-md-ee5.json |   24 +
 ...-sandbox-animation-stress-test-md-8aa.json |   24 +
 ...docs-sandbox-canvas-background-md-453.json |   24 +
 ...cs-sandbox-canvas-context-menu-md-7c5.json |   24 +
 ...ent-docs-sandbox-canvas-editor-md-e22.json |   24 +
 ...-docs-sandbox-canvas-scrolling-md-491.json |   24 +
 ...ent-docs-sandbox-canvas-to-pdf-md-081.json |   24 +
 ...cs-sandbox-collision-detection-md-bb7.json |   24 +
 ...docs-sandbox-connected-objects-md-93e.json |   24 +
 ...ntent-docs-sandbox-custom-font-md-a17.json |   24 +
 ...-drag-and-drop-multiple-shapes-md-029.json |   24 +
 ...dbox-drag-and-drop-stress-test-md-9dd.json |   24 +
 ...-docs-sandbox-drop-dom-element-md-409.json |   24 +
 ...ent-docs-sandbox-editable-text-md-feb.json |   24 +
 ...ent-docs-sandbox-elastic-stars-md-1eb.json |   24 +
 ...sandbox-expand-images-on-hover-md-605.json |   24 +
 ...tent-docs-sandbox-free-drawing-md-017.json |   24 +
 ...-content-docs-sandbox-gestures-md-23b.json |   24 +
 ...ent-docs-sandbox-gif-on-canvas-md-371.json |   24 +
 ...dbox-image-border-highlighting-md-c6b.json |   24 +
 ...tent-docs-sandbox-image-border-md-7a2.json |   24 +
 ...nt-docs-sandbox-image-labeling-md-321.json |   24 +
 ...tent-docs-sandbox-image-resize-md-da7.json |   24 +
 ...ndbox-interactive-building-map-md-971.json |   24 +
 ...t-docs-sandbox-jumping-bunnies-md-519.json |   24 +
 ...andbox-limited-drag-and-resize-md-ea0.json |   24 +
 ...cs-sandbox-mirror-canvas-shape-md-75b.json |   24 +
 ...dify-curves-with-anchor-points-md-3d8.json |   24 +
 ...ox-modify-shape-color-on-click-md-f36.json |   24 +
 ...andbox-multi-touch-scale-shape-md-cd1.json |   24 +
 ...andbox-multi-touch-scale-stage-md-af6.json |   24 +
 ...-sandbox-native-context-access-md-2be.json |   24 +
 ...-docs-sandbox-objects-snapping-md-b33.json |   24 +
 ...docs-sandbox-physics-simulator-md-76e.json |   24 +
 ...docs-sandbox-planets-image-map-md-9db.json |   24 +
 ...-docs-sandbox-quantum-squiggle-md-495.json |   24 +
 ...dbox-relative-pointer-position-md-239.json |   24 +
 ...s-sandbox-resizing-stress-test-md-598.json |   24 +
 ...docs-sandbox-responsive-canvas-md-5ee.json |   24 +
 ...content-docs-sandbox-rich-text-md-b84.json |   24 +
 ...ocs-sandbox-scale-image-to-fit-md-751.json |   24 +
 ...cs-sandbox-scroll-by-edge-drag-md-7de.json |   24 +
 ...docs-sandbox-seats-reservation-md-536.json |   24 +
 ...ntent-docs-sandbox-shape-tango-md-4a1.json |   24 +
 ...nt-docs-sandbox-shape-tooltips-md-1dc.json |   24 +
 ...cs-sandbox-simple-window-frame-md-b6f.json |   24 +
 ...ent-docs-sandbox-stage-preview-md-33b.json |   24 +
 ...tent-docs-sandbox-star-spinner-md-945.json |   24 +
 ...ent-docs-sandbox-svg-on-canvas-md-8f6.json |   24 +
 ...docs-sandbox-transparent-group-md-176.json |   24 +
 ...t-docs-sandbox-video-on-canvas-md-b75.json |   24 +
 ...ontent-docs-sandbox-web-worker-md-8f6.json |   24 +
 ...-docs-sandbox-wheel-of-fortune-md-4cf.json |   24 +
 ...-sandbox-window-frame-designer-md-7a3.json |   24 +
 ...cs-sandbox-zoom-layer-on-hover-md-282.json |   24 +
 ...ox-zooming-relative-to-pointer-md-765.json |   24 +
 ...t-and-transform-01-basic-demo-mdx-9b8.json |   30 +
 ...transform-02-centered-scaling-mdx-f16.json |   31 +
 ...t-and-transform-03-keep-ratio-mdx-0fa.json |   30 +
 ...nsform-04-transformer-styling-mdx-349.json |   30 +
 ...5-transformer-complex-styling-mdx-798.json |   30 +
 ...transform-06-transform-events-mdx-add.json |   30 +
 ...nd-transform-07-resize-limits-mdx-625.json |   30 +
 ...and-transform-08-resize-snaps-mdx-4a5.json |   30 +
 ...d-transform-08-rotation-snaps-mdx-9b5.json |   30 +
 ...d-transform-09-stop-transform-mdx-cff.json |   30 +
 ...and-transform-10-force-update-mdx-8ec.json |   30 +
 ...-and-transform-11-resize-text-mdx-a12.json |   30 +
 ...12-ignore-stroke-on-transform-mdx-f9d.json |   30 +
 ...elect-and-transform-basic-demo-md-609.json |   29 +
 ...lect-and-transform-basic-demo-mdx-8be.json |   29 +
 ...and-transform-centered-scaling-md-d18.json |   29 +
 ...nd-transform-centered-scaling-mdx-398.json |   30 +
 ...ect-and-transform-force-update-md-02f.json |   29 +
 ...ct-and-transform-force-update-mdx-877.json |   29 +
 ...orm-ignore-stroke-on-transform-md-a2b.json |   29 +
 ...rm-ignore-stroke-on-transform-mdx-161.json |   29 +
 ...elect-and-transform-keep-ratio-md-1e2.json |   29 +
 ...lect-and-transform-keep-ratio-mdx-c11.json |   29 +
 ...ct-and-transform-resize-limits-md-d18.json |   29 +
 ...t-and-transform-resize-limits-mdx-033.json |   29 +
 ...ect-and-transform-resize-snaps-md-cd9.json |   29 +
 ...ct-and-transform-resize-snaps-mdx-cae.json |   29 +
 ...lect-and-transform-resize-text-md-4d1.json |   29 +
 ...ect-and-transform-resize-text-mdx-915.json |   29 +
 ...t-and-transform-rotation-snaps-md-185.json |   29 +
 ...-and-transform-rotation-snaps-mdx-f88.json |   29 +
 ...t-and-transform-stop-transform-md-cdb.json |   29 +
 ...-and-transform-stop-transform-mdx-e47.json |   29 +
 ...and-transform-transform-events-md-beb.json |   29 +
 ...nd-transform-transform-events-mdx-12f.json |   29 +
 ...rm-transformer-complex-styling-md-732.json |   29 +
 ...m-transformer-complex-styling-mdx-a8a.json |   29 +
 ...-transform-transformer-styling-md-e4c.json |   29 +
 ...transform-transformer-styling-mdx-ff1.json |   29 +
 ...nt-docs-selectors-select-by-id-md-1a2.json |   24 +
 ...t-docs-selectors-select-by-id-mdx-6c0.json |   29 +
 ...-docs-selectors-select-by-name-md-c96.json |   24 +
 ...docs-selectors-select-by-name-mdx-971.json |   29 +
 ...-docs-selectors-select-by-type-md-7f6.json |   24 +
 ...docs-selectors-select-by-type-mdx-29f.json |   29 +
 .../site-content-docs-shapes-arc-mdx-4af.json |   29 +
 ...ite-content-docs-shapes-arrow-mdx-420.json |   29 +
 ...te-content-docs-shapes-circle-mdx-5cf.json |   29 +
 ...te-content-docs-shapes-custom-mdx-631.json |   29 +
 ...tent-docs-shapes-custom-shape-mdx-9c2.json |   29 +
 ...e-content-docs-shapes-ellipse-mdx-9e7.json |   29 +
 ...ite-content-docs-shapes-group-mdx-e62.json |   29 +
 ...ite-content-docs-shapes-image-mdx-1f7.json |   29 +
 ...ite-content-docs-shapes-label-mdx-65d.json |   29 +
 ...content-docs-shapes-line-blob-mdx-8a4.json |   29 +
 ...site-content-docs-shapes-line-mdx-92f.json |   29 +
 ...tent-docs-shapes-line-polygon-mdx-bde.json |   29 +
 ...-docs-shapes-line-simple-line-mdx-b70.json |   29 +
 ...ntent-docs-shapes-line-spline-mdx-dd7.json |   29 +
 ...site-content-docs-shapes-path-mdx-b28.json |   29 +
 ...e-content-docs-shapes-polygon-mdx-dfc.json |   29 +
 ...site-content-docs-shapes-rect-mdx-277.json |   29 +
 ...t-docs-shapes-regular-polygon-mdx-a35.json |   29 +
 ...site-content-docs-shapes-ring-mdx-4d6.json |   29 +
 ...te-content-docs-shapes-sprite-mdx-d75.json |   29 +
 ...site-content-docs-shapes-star-mdx-2c6.json |   29 +
 ...site-content-docs-shapes-text-mdx-e6f.json |   29 +
 ...content-docs-shapes-text-path-mdx-919.json |   29 +
 ...ite-content-docs-shapes-wedge-mdx-542.json |   29 +
 ...e-content-docs-styling-01-fill-md-982.json |   30 +
 ...-content-docs-styling-01-fill-mdx-542.json |   30 +
 ...content-docs-styling-02-stroke-md-df0.json |   30 +
 ...ontent-docs-styling-02-stroke-mdx-00a.json |   30 +
 ...ontent-docs-styling-03-opacity-md-c90.json |   30 +
 ...ntent-docs-styling-03-opacity-mdx-999.json |   30 +
 ...content-docs-styling-04-shadow-md-204.json |   30 +
 ...ontent-docs-styling-04-shadow-mdx-f3d.json |   30 +
 ...tent-docs-styling-05-line-join-md-cc8.json |   25 +
 ...ent-docs-styling-05-line-join-mdx-fac.json |   30 +
 ...-docs-styling-06-hide-and-show-md-55e.json |   25 +
 ...docs-styling-06-hide-and-show-mdx-454.json |   30 +
 ...t-docs-styling-07-mouse-cursor-md-79e.json |   25 +
 ...-docs-styling-07-mouse-cursor-mdx-6b8.json |   30 +
 ...ent-docs-styling-08-blend-mode-md-126.json |   25 +
 ...nt-docs-styling-08-blend-mode-mdx-6a4.json |   30 +
 ...s-styling-09-fill-stroke-order-md-73a.json |   25 +
 ...-styling-09-fill-stroke-order-mdx-1c1.json |   30 +
 .../site-content-docs-support-md-8e8.json     |   30 +
 ...e-content-docs-svelte-bindings-md-871.json |   24 +
 ...site-content-docs-svelte-cache-md-39c.json |   24 +
 ...ntent-docs-svelte-custom-shape-md-973.json |   24 +
 ...tent-docs-svelte-drag-and-drop-md-b90.json |   24 +
 ...ite-content-docs-svelte-events-md-07d.json |   24 +
 ...te-content-docs-svelte-filters-md-9b7.json |   24 +
 ...ite-content-docs-svelte-images-md-5ee.json |   24 +
 ...site-content-docs-svelte-index-md-494.json |   24 +
 ...content-docs-svelte-konva-node-md-c93.json |   24 +
 ...ite-content-docs-svelte-labels-md-5ac.json |   24 +
 ...-content-docs-svelte-save-load-md-9c8.json |   24 +
 ...ite-content-docs-svelte-shapes-md-3e6.json |   24 +
 ...-docs-svelte-simple-animations-md-168.json |   24 +
 ...content-docs-svelte-svelte-kit-md-7fa.json |   24 +
 ...ontent-docs-svelte-transformer-md-b33.json |   24 +
 ...te-content-docs-svelte-z-index-md-0ed.json |   24 +
 .../site-content-docs-tools-md-370.json       |   27 +
 ...ntent-docs-tweens-all-controls-md-deb.json |   29 +
 ...tent-docs-tweens-all-controls-mdx-a4f.json |   29 +
 ...ontent-docs-tweens-all-easings-md-571.json |   29 +
 ...ntent-docs-tweens-all-easings-mdx-684.json |   29 +
 ...ent-docs-tweens-common-easings-md-eb0.json |   29 +
 ...nt-docs-tweens-common-easings-mdx-210.json |   29 +
 ...t-docs-tweens-complex-tweening-md-ed5.json |   29 +
 ...-docs-tweens-complex-tweening-mdx-a20.json |   29 +
 ...ntent-docs-tweens-finish-event-md-2a5.json |   24 +
 ...tent-docs-tweens-finish-event-mdx-767.json |   24 +
 ...tent-docs-tweens-linear-easing-md-a5a.json |   29 +
 ...ent-docs-tweens-linear-easing-mdx-154.json |   29 +
 ...ntent-docs-tweens-tween-filter-md-1f1.json |   29 +
 ...tent-docs-tweens-tween-filter-mdx-8bf.json |   29 +
 .../site-content-docs-vue-cache-md-e0d.json   |   24 +
 ...-content-docs-vue-custom-shape-md-9a0.json |   24 +
 ...content-docs-vue-drag-and-drop-md-650.json |   24 +
 .../site-content-docs-vue-events-md-71b.json  |   24 +
 .../site-content-docs-vue-filters-md-ac2.json |   24 +
 .../site-content-docs-vue-images-md-c2a.json  |   24 +
 .../site-content-docs-vue-index-md-150.json   |   24 +
 ...ite-content-docs-vue-save-load-md-7bc.json |   24 +
 .../site-content-docs-vue-shapes-md-391.json  |   24 +
 ...ent-docs-vue-simple-animations-md-188.json |   24 +
 ...e-content-docs-vue-transformer-md-f23.json |   24 +
 .../site-content-docs-vue-z-index-md-c6a.json |   24 +
 .../default/site-content-donate-md-50e.json   |   21 +
 ...and-drop-complex-drag-and-drop-md-a4c.json |   15 +
 ...ent-drag-and-drop-drag-a-group-md-221.json |   15 +
 ...tent-drag-and-drop-drag-a-line-md-b91.json |   15 +
 ...ent-drag-and-drop-drag-a-stage-md-e37.json |   15 +
 ...nt-drag-and-drop-drag-an-image-md-669.json |   15 +
 ...nt-drag-and-drop-drag-and-drop-md-4c8.json |   15 +
 ...tent-drag-and-drop-drag-events-md-af0.json |   15 +
 ...tent-drag-and-drop-drop-events-md-f6f.json |   15 +
 ...ag-and-drop-simple-drag-bounds-md-e92.json |   15 +
 ...-content-events-binding-events-md-270.json |   15 +
 ...tent-events-cancel-propagation-md-721.json |   15 +
 ...ntent-events-custom-hit-region-md-fc7.json |   15 +
 ...tent-events-desktop-and-mobile-md-0e9.json |   15 +
 ...ontent-events-event-delegation-md-176.json |   15 +
 ...ite-content-events-fire-events-md-ee3.json |   15 +
 ...te-content-events-image-events-md-7d5.json |   15 +
 ...content-events-keyboard-events-md-f9b.json |   15 +
 ...ntent-events-listen-for-events-md-e11.json |   15 +
 ...e-content-events-mobile-events-md-0ab.json |   15 +
 ...ontent-events-mobile-scrolling-md-409.json |   15 +
 ...ite-content-events-multi-event-md-33e.json |   15 +
 ...-content-events-pointer-events-md-f88.json |   15 +
 ...-content-events-remove-by-name-md-dd0.json |   15 +
 ...te-content-events-remove-event-md-537.json |   15 +
 ...te-content-events-stage-events-md-9c5.json |   15 +
 .../site-content-filters-blur-md-5e4.json     |   15 +
 .../site-content-filters-brighten-md-9b1.json |   15 +
 .../site-content-filters-contrast-md-a3e.json |   15 +
 ...-content-filters-custom-filter-md-512.json |   15 +
 .../site-content-filters-emboss-md-f1e.json   |   15 +
 .../site-content-filters-enhance-md-c26.json  |   15 +
 ...site-content-filters-grayscale-md-bcc.json |   15 +
 .../site-content-filters-hsl-md-3f2.json      |   15 +
 .../site-content-filters-hsv-md-fb8.json      |   15 +
 .../site-content-filters-invert-md-1b2.json   |   15 +
 ...e-content-filters-kaleidoscope-md-95e.json |   15 +
 .../site-content-filters-mask-md-368.json     |   15 +
 ...ntent-filters-multiple-filters-md-0bb.json |   15 +
 .../site-content-filters-noise-md-fbf.json    |   15 +
 .../site-content-filters-pixelate-md-533.json |   15 +
 .../site-content-filters-rgb-md-452.json      |   15 +
 .../site-content-filters-rgba-md-376.json     |   15 +
 ...s-and-layers-change-containers-md-e17.json |   15 +
 ...ntent-groups-and-layers-groups-md-30e.json |   15 +
 ...ent-groups-and-layers-layering-md-530.json |   15 +
 ...tent-groups-and-layers-z-index-md-b76.json |   15 +
 .../default/site-content-index-md-611.json    |   22 +
 .../default/site-content-overview-md-23c.json |   21 +
 ...rformance-all-performance-tips-md-904.json |   15 +
 ...performance-avoid-memory-leaks-md-0c4.json |   15 +
 ...content-performance-batch-draw-md-799.json |   15 +
 ...rformance-disable-perfect-draw-md-f7c.json |   15 +
 ...t-performance-layer-management-md-286.json |   15 +
 ...nt-performance-listening-false-md-15e.json |   15 +
 ...performance-optimize-animation-md-758.json |   15 +
 ...t-performance-optimize-strokes-md-cc6.json |   15 +
 ...tent-performance-shape-caching-md-141.json |   15 +
 ...ntent-performance-shape-redraw-md-bb4.json |   15 +
 ...ntent-posts-position-vs-offset-md-953.json |   15 +
 ...e-content-posts-tainted-canvas-md-a11.json |   15 +
 ...ntent-react-access-konva-nodes-md-7d8.json |   15 +
 ...te-content-react-canvas-export-md-427.json |   15 +
 ...te-content-react-canvas-portal-md-49f.json |   15 +
 ...ntent-react-complex-animations-md-0c0.json |   15 +
 ...ite-content-react-custom-shape-md-b44.json |   15 +
 .../site-content-react-dom-portal-md-6d8.json |   15 +
 ...te-content-react-drag-and-drop-md-833.json |   15 +
 .../site-content-react-drop-image-md-61c.json |   15 +
 .../site-content-react-events-md-9f6.json     |   15 +
 .../site-content-react-filters-md-e41.json    |   15 +
 ...ite-content-react-free-drawing-md-a50.json |   15 +
 .../site-content-react-images-md-e19.json     |   15 +
 .../site-content-react-index-md-5ed.json      |   15 +
 .../site-content-react-intro-md-694.json      |   15 +
 .../site-content-react-shapes-md-032.json     |   15 +
 ...ontent-react-simple-animations-md-3f4.json |   15 +
 ...site-content-react-transformer-md-a9e.json |   15 +
 .../site-content-react-undo-redo-md-fe1.json  |   15 +
 .../site-content-react-z-index-md-872.json    |   15 +
 ...dbox-10000-shapes-with-tooltip-md-b51.json |   21 +
 ...te-content-sandbox-20000-nodes-md-a86.json |   25 +
 ...dbox-animals-on-the-beach-game-md-5eb.json |   24 +
 ...-sandbox-animation-stress-test-md-31d.json |   24 +
 ...tent-sandbox-canvas-background-md-18f.json |   24 +
 ...nt-sandbox-canvas-context-menu-md-7b7.json |   24 +
 ...-content-sandbox-canvas-editor-md-0b3.json |   24 +
 ...ntent-sandbox-canvas-scrolling-md-e0e.json |   24 +
 ...-content-sandbox-canvas-to-pdf-md-ebe.json |   24 +
 ...nt-sandbox-collision-detection-md-086.json |   24 +
 ...tent-sandbox-connected-objects-md-dbb.json |   24 +
 ...te-content-sandbox-custom-font-md-c2e.json |   24 +
 ...-drag-and-drop-multiple-shapes-md-a63.json |   24 +
 ...dbox-drag-and-drop-stress-test-md-462.json |   24 +
 ...ntent-sandbox-drop-dom-element-md-793.json |   24 +
 ...-content-sandbox-editable-text-md-a6a.json |   24 +
 ...-content-sandbox-elastic-stars-md-e13.json |   24 +
 ...sandbox-expand-images-on-hover-md-ed4.json |   24 +
 ...e-content-sandbox-free-drawing-md-96a.json |   24 +
 .../site-content-sandbox-gestures-md-86c.json |   24 +
 ...-content-sandbox-gif-on-canvas-md-6e9.json |   24 +
 ...dbox-image-border-highlighting-md-056.json |   24 +
 ...e-content-sandbox-image-border-md-c62.json |   24 +
 ...content-sandbox-image-labeling-md-0b3.json |   24 +
 ...e-content-sandbox-image-resize-md-340.json |   24 +
 ...ndbox-interactive-building-map-md-706.json |   24 +
 ...ontent-sandbox-jumping-bunnies-md-7be.json |   24 +
 ...andbox-limited-drag-and-resize-md-d5b.json |   24 +
 ...nt-sandbox-mirror-canvas-shape-md-5dd.json |   24 +
 ...dify-curves-with-anchor-points-md-bea.json |   24 +
 ...ox-modify-shape-color-on-click-md-74e.json |   24 +
 ...andbox-multi-touch-scale-shape-md-f9c.json |   24 +
 ...andbox-multi-touch-scale-stage-md-4b1.json |   24 +
 ...-sandbox-native-context-access-md-b41.json |   24 +
 ...ntent-sandbox-objects-snapping-md-6b9.json |   24 +
 ...tent-sandbox-physics-simulator-md-ee4.json |   24 +
 ...tent-sandbox-planets-image-map-md-f2c.json |   24 +
 ...ntent-sandbox-quantum-squiggle-md-925.json |   24 +
 ...dbox-relative-pointer-position-md-a20.json |   24 +
 ...t-sandbox-resizing-stress-test-md-0b8.json |   24 +
 ...tent-sandbox-responsive-canvas-md-636.json |   24 +
 ...site-content-sandbox-rich-text-md-c24.json |   24 +
 ...ent-sandbox-scale-image-to-fit-md-9f7.json |   24 +
 ...nt-sandbox-scroll-by-edge-drag-md-56d.json |   24 +
 ...tent-sandbox-seats-reservation-md-579.json |   24 +
 ...te-content-sandbox-shape-tango-md-07f.json |   24 +
 ...content-sandbox-shape-tooltips-md-9aa.json |   24 +
 ...nt-sandbox-simple-window-frame-md-8ed.json |   24 +
 ...-content-sandbox-stage-preview-md-26d.json |   24 +
 ...e-content-sandbox-star-spinner-md-33f.json |   24 +
 ...-content-sandbox-svg-on-canvas-md-a65.json |   24 +
 ...tent-sandbox-transparent-group-md-1bf.json |   24 +
 ...ontent-sandbox-video-on-canvas-md-e19.json |   24 +
 ...ite-content-sandbox-web-worker-md-67d.json |   24 +
 ...ntent-sandbox-wheel-of-fortune-md-ba9.json |   24 +
 ...-sandbox-window-frame-designer-md-fd8.json |   24 +
 ...nt-sandbox-zoom-layer-on-hover-md-a38.json |   24 +
 ...ox-zooming-relative-to-pointer-md-96a.json |   20 +
 ...elect-and-transform-basic-demo-md-a9a.json |   15 +
 ...and-transform-centered-scaling-md-5e6.json |   15 +
 ...ect-and-transform-force-update-md-8ec.json |   15 +
 ...orm-ignore-stroke-on-transform-md-d36.json |   15 +
 ...elect-and-transform-keep-ratio-md-4a7.json |   15 +
 ...ct-and-transform-resize-limits-md-2bb.json |   15 +
 ...ect-and-transform-resize-snaps-md-726.json |   15 +
 ...lect-and-transform-resize-text-md-3bf.json |   15 +
 ...t-and-transform-rotation-snaps-md-fa9.json |   15 +
 ...t-and-transform-stop-transform-md-c86.json |   15 +
 ...and-transform-transform-events-md-0dc.json |   15 +
 ...rm-transformer-complex-styling-md-5ea.json |   15 +
 ...-transform-transformer-styling-md-25b.json |   15 +
 ...content-selectors-select-by-id-md-bec.json |   15 +
 ...ntent-selectors-select-by-name-md-10d.json |   15 +
 ...ntent-selectors-select-by-type-md-6e5.json |   15 +
 .../site-content-shapes-arc-mdx-da5.json      |   20 +
 .../site-content-shapes-arrow-mdx-40f.json    |   20 +
 .../site-content-shapes-circle-mdx-f82.json   |   20 +
 .../site-content-shapes-ellipse-mdx-785.json  |   20 +
 .../site-content-shapes-group-mdx-3a0.json    |   20 +
 ...site-content-shapes-line-blob-mdx-664.json |   20 +
 .../site-content-shapes-line-mdx-d7c.json     |   20 +
 ...e-content-shapes-line-polygon-mdx-ffc.json |   20 +
 ...ntent-shapes-line-simple-line-mdx-cea.json |   20 +
 ...te-content-shapes-line-spline-mdx-f6c.json |   20 +
 .../site-content-shapes-path-mdx-a8c.json     |   20 +
 .../site-content-shapes-polygon-mdx-a16.json  |   20 +
 .../site-content-shapes-rect-mdx-d61.json     |   20 +
 ...ontent-shapes-regular-polygon-mdx-bef.json |   20 +
 .../site-content-shapes-sprite-mdx-64e.json   |   20 +
 .../site-content-shapes-text-mdx-1bc.json     |   20 +
 ...site-content-shapes-text-path-mdx-859.json |   20 +
 .../site-content-shapes-wedge-mdx-17b.json    |   20 +
 .../site-content-styling-01-fill-md-2e4.json  |   21 +
 ...site-content-styling-02-stroke-md-3a8.json |   21 +
 ...ite-content-styling-03-opacity-md-d79.json |   21 +
 ...site-content-styling-04-shadow-md-802.json |   21 +
 ...e-content-styling-05-line-join-md-381.json |   16 +
 ...ntent-styling-06-hide-and-show-md-28a.json |   16 +
 ...ontent-styling-07-mouse-cursor-md-ea1.json |   16 +
 ...-content-styling-08-blend-mode-md-79b.json |   16 +
 ...t-styling-09-fill-stroke-order-md-cd4.json |   16 +
 .../default/site-content-support-md-c3f.json  |   21 +
 .../site-content-svelte-bindings-md-ddb.json  |   15 +
 .../site-content-svelte-cache-md-4f7.json     |   15 +
 ...te-content-svelte-custom-shape-md-e03.json |   15 +
 ...e-content-svelte-drag-and-drop-md-c0b.json |   15 +
 .../site-content-svelte-events-md-278.json    |   15 +
 .../site-content-svelte-filters-md-9b1.json   |   15 +
 .../site-content-svelte-images-md-397.json    |   15 +
 .../site-content-svelte-index-md-fbf.json     |   15 +
 ...site-content-svelte-konva-node-md-b6b.json |   15 +
 .../site-content-svelte-labels-md-3f4.json    |   15 +
 .../site-content-svelte-save-load-md-5f5.json |   15 +
 .../site-content-svelte-shapes-md-9ba.json    |   15 +
 ...ntent-svelte-simple-animations-md-7a7.json |   15 +
 ...site-content-svelte-svelte-kit-md-d50.json |   15 +
 ...ite-content-svelte-transformer-md-6ba.json |   15 +
 .../site-content-svelte-z-index-md-ba7.json   |   15 +
 .../default/site-content-tools-md-6f8.json    |   21 +
 ...te-content-tweens-all-controls-md-6e5.json |   15 +
 ...ite-content-tweens-all-easings-md-590.json |   15 +
 ...-content-tweens-common-easings-md-365.json |   15 +
 ...ontent-tweens-complex-tweening-md-8a8.json |   15 +
 ...te-content-tweens-finish-event-md-bbe.json |   15 +
 ...e-content-tweens-linear-easing-md-a43.json |   15 +
 ...te-content-tweens-tween-filter-md-673.json |   15 +
 .../site-content-vue-cache-md-683.json        |   15 +
 .../site-content-vue-custom-shape-md-839.json |   15 +
 ...site-content-vue-drag-and-drop-md-ba6.json |   15 +
 .../site-content-vue-events-md-d4d.json       |   15 +
 .../site-content-vue-filters-md-727.json      |   15 +
 .../site-content-vue-images-md-ca4.json       |   15 +
 .../site-content-vue-index-md-e9d.json        |   15 +
 .../site-content-vue-save-load-md-3cc.json    |   15 +
 .../site-content-vue-shapes-md-fd2.json       |   15 +
 ...-content-vue-simple-animations-md-214.json |   15 +
 .../site-content-vue-transformer-md-482.json  |   15 +
 .../site-content-vue-z-index-md-3b9.json      |   15 +
 ...animations-create-an-animation-md-fe7.json |   24 +
 .../site-docs-animations-moving-md-bd7.json   |   24 +
 .../site-docs-animations-rotation-md-7ad.json |   24 +
 .../site-docs-animations-scaling-md-482.json  |   24 +
 ...docs-animations-stop-animation-md-3d2.json |   24 +
 ...site-docs-api-konva-animation-mdx-c71.json |   28 +
 .../site-docs-api-konva-arc-mdx-050.json      |   28 +
 .../site-docs-api-konva-arrow-mdx-cc7.json    |   28 +
 .../site-docs-api-konva-canvas-mdx-217.json   |   28 +
 .../site-docs-api-konva-circle-mdx-c1b.json   |   28 +
 ...site-docs-api-konva-container-mdx-66d.json |   28 +
 .../site-docs-api-konva-context-mdx-e62.json  |   28 +
 .../site-docs-api-konva-easings-mdx-076.json  |   28 +
 .../site-docs-api-konva-ellipse-mdx-79f.json  |   28 +
 ...ite-docs-api-konva-fast-layer-mdx-b23.json |   28 +
 .../site-docs-api-konva-filters-mdx-41e.json  |   28 +
 .../site-docs-api-konva-group-mdx-62f.json    |   28 +
 .../site-docs-api-konva-image-mdx-380.json    |   28 +
 .../site-docs-api-konva-label-mdx-add.json    |   28 +
 .../site-docs-api-konva-layer-mdx-540.json    |   28 +
 .../site-docs-api-konva-line-mdx-739.json     |   28 +
 .../default/site-docs-api-konva-mdx-883.json  |   26 +
 .../site-docs-api-konva-node-mdx-881.json     |   28 +
 .../site-docs-api-konva-path-mdx-7a1.json     |   28 +
 .../site-docs-api-konva-rect-mdx-7bb.json     |   28 +
 ...ocs-api-konva-regular-polygon-mdx-3de.json |   28 +
 .../site-docs-api-konva-ring-mdx-010.json     |   28 +
 .../site-docs-api-konva-shape-mdx-e62.json    |   28 +
 .../site-docs-api-konva-sprite-mdx-e7b.json   |   28 +
 .../site-docs-api-konva-stage-mdx-7b8.json    |   28 +
 .../site-docs-api-konva-star-mdx-5b9.json     |   28 +
 .../site-docs-api-konva-tag-mdx-95a.json      |   28 +
 .../site-docs-api-konva-text-mdx-8f8.json     |   28 +
 ...site-docs-api-konva-text-path-mdx-46b.json |   28 +
 ...site-docs-api-konva-transform-mdx-df4.json |   28 +
 ...te-docs-api-konva-transformer-mdx-e1f.json |   28 +
 .../site-docs-api-konva-tween-mdx-6a1.json    |   28 +
 .../site-docs-api-konva-util-mdx-8a3.json     |   28 +
 .../site-docs-api-konva-wedge-mdx-5c8.json    |   24 +
 ...ocs-clipping-clipping-function-md-f60.json |   24 +
 ...docs-clipping-clipping-regions-md-444.json |   24 +
 ...d-serialization-best-practices-md-89a.json |   24 +
 ...and-serialization-complex-load-md-b81.json |   24 +
 ...ialization-high-quality-export-md-698.json |   24 +
 ...erialization-serialize-a-stage-md-845.json |   24 +
 ...-and-serialization-simple-load-md-80c.json |   24 +
 ...d-serialization-stage-data-url-md-fec.json |   24 +
 .../default/site-docs-donate-md-1c5.json      |   30 +
 ...and-drop-complex-drag-and-drop-md-31a.json |   24 +
 ...ocs-drag-and-drop-drag-a-group-md-6ed.json |   24 +
 ...docs-drag-and-drop-drag-a-line-md-3eb.json |   24 +
 ...ocs-drag-and-drop-drag-a-stage-md-26e.json |   24 +
 ...cs-drag-and-drop-drag-an-image-md-c5d.json |   24 +
 ...cs-drag-and-drop-drag-and-drop-md-028.json |   24 +
 ...docs-drag-and-drop-drag-events-md-673.json |   24 +
 ...docs-drag-and-drop-drop-events-md-b25.json |   24 +
 ...ag-and-drop-simple-drag-bounds-md-e14.json |   24 +
 ...ite-docs-events-binding-events-md-f5f.json |   24 +
 ...docs-events-cancel-propagation-md-d28.json |   24 +
 ...-docs-events-custom-hit-region-md-e6c.json |   24 +
 ...docs-events-desktop-and-mobile-md-b8d.json |   24 +
 ...e-docs-events-event-delegation-md-244.json |   24 +
 .../site-docs-events-fire-events-md-078.json  |   24 +
 .../site-docs-events-image-events-md-9d4.json |   24 +
 ...te-docs-events-keyboard-events-md-bdb.json |   24 +
 ...-docs-events-listen-for-events-md-714.json |   24 +
 ...site-docs-events-mobile-events-md-0d1.json |   24 +
 ...e-docs-events-mobile-scrolling-md-ef6.json |   24 +
 .../site-docs-events-multi-event-md-f28.json  |   24 +
 ...ite-docs-events-pointer-events-md-c4b.json |   24 +
 ...ite-docs-events-remove-by-name-md-e7b.json |   24 +
 .../site-docs-events-remove-event-md-d88.json |   24 +
 .../site-docs-events-stage-events-md-f74.json |   24 +
 .../site-docs-filters-blur-md-c0a.json        |   24 +
 .../site-docs-filters-brighten-md-75c.json    |   24 +
 .../site-docs-filters-contrast-md-ac8.json    |   24 +
 ...ite-docs-filters-custom-filter-md-b12.json |   24 +
 .../site-docs-filters-emboss-md-5ed.json      |   24 +
 .../site-docs-filters-enhance-md-24c.json     |   24 +
 .../site-docs-filters-grayscale-md-085.json   |   24 +
 .../default/site-docs-filters-hsl-md-615.json |   24 +
 .../default/site-docs-filters-hsv-md-573.json |   24 +
 .../site-docs-filters-invert-md-3ad.json      |   24 +
 ...site-docs-filters-kaleidoscope-md-1eb.json |   24 +
 .../site-docs-filters-mask-md-236.json        |   24 +
 ...-docs-filters-multiple-filters-md-f49.json |   24 +
 .../site-docs-filters-noise-md-c2e.json       |   24 +
 .../site-docs-filters-pixelate-md-6bb.json    |   24 +
 .../default/site-docs-filters-rgb-md-a72.json |   24 +
 .../site-docs-filters-rgba-md-537.json        |   24 +
 ...s-and-layers-change-containers-md-e4e.json |   24 +
 ...-docs-groups-and-layers-groups-md-271.json |   24 +
 ...ocs-groups-and-layers-layering-md-67a.json |   24 +
 ...docs-groups-and-layers-z-index-md-22b.json |   24 +
 .../default/site-docs-index-md-c37.json       |   27 +
 .../default/site-docs-overview-md-1db.json    |   30 +
 ...rformance-all-performance-tips-md-59f.json |   24 +
 ...performance-avoid-memory-leaks-md-da4.json |   24 +
 ...te-docs-performance-batch-draw-md-c74.json |   24 +
 ...rformance-disable-perfect-draw-md-a5d.json |   24 +
 ...s-performance-layer-management-md-027.json |   24 +
 ...cs-performance-listening-false-md-06c.json |   24 +
 ...performance-optimize-animation-md-cd4.json |   24 +
 ...s-performance-optimize-strokes-md-098.json |   24 +
 ...docs-performance-shape-caching-md-85b.json |   24 +
 ...-docs-performance-shape-redraw-md-b66.json |   24 +
 ...-docs-posts-position-vs-offset-md-9e8.json |   24 +
 ...site-docs-posts-tainted-canvas-md-3d1.json |   24 +
 ...-docs-react-access-konva-nodes-md-5a3.json |   24 +
 .../site-docs-react-canvas-export-md-527.json |   24 +
 .../site-docs-react-canvas-portal-md-0f1.json |   24 +
 ...-docs-react-complex-animations-md-e9a.json |   24 +
 .../site-docs-react-custom-shape-md-dbf.json  |   24 +
 .../site-docs-react-dom-portal-md-c58.json    |   24 +
 .../site-docs-react-drag-and-drop-md-4d6.json |   24 +
 .../site-docs-react-drop-image-md-ac5.json    |   24 +
 .../site-docs-react-events-md-ab9.json        |   24 +
 .../site-docs-react-filters-md-b2d.json       |   24 +
 .../site-docs-react-free-drawing-md-0e0.json  |   24 +
 .../site-docs-react-images-md-295.json        |   24 +
 .../default/site-docs-react-index-md-49f.json |   24 +
 .../default/site-docs-react-intro-md-d81.json |   24 +
 .../site-docs-react-shapes-md-124.json        |   24 +
 ...e-docs-react-simple-animations-md-891.json |   24 +
 .../site-docs-react-transformer-md-79d.json   |   24 +
 .../site-docs-react-undo-redo-md-8ef.json     |   24 +
 .../site-docs-react-z-index-md-e62.json       |   24 +
 ...dbox-10000-shapes-with-tooltip-md-e30.json |   21 +
 .../site-docs-sandbox-20000-nodes-md-f86.json |   25 +
 ...dbox-animals-on-the-beach-game-md-6be.json |   24 +
 ...-sandbox-animation-stress-test-md-dd4.json |   24 +
 ...docs-sandbox-canvas-background-md-547.json |   24 +
 ...cs-sandbox-canvas-context-menu-md-3ba.json |   24 +
 ...ite-docs-sandbox-canvas-editor-md-c0c.json |   24 +
 ...-docs-sandbox-canvas-scrolling-md-bbb.json |   24 +
 ...ite-docs-sandbox-canvas-to-pdf-md-35a.json |   24 +
 ...cs-sandbox-collision-detection-md-00c.json |   24 +
 ...docs-sandbox-connected-objects-md-dbf.json |   24 +
 .../site-docs-sandbox-custom-font-md-0c4.json |   24 +
 ...-drag-and-drop-multiple-shapes-md-5f0.json |   24 +
 ...dbox-drag-and-drop-stress-test-md-431.json |   24 +
 ...-docs-sandbox-drop-dom-element-md-b35.json |   24 +
 ...ite-docs-sandbox-editable-text-md-698.json |   24 +
 ...ite-docs-sandbox-elastic-stars-md-a31.json |   24 +
 ...sandbox-expand-images-on-hover-md-a19.json |   24 +
 ...site-docs-sandbox-free-drawing-md-4ea.json |   24 +
 .../site-docs-sandbox-gestures-md-2cc.json    |   24 +
 ...ite-docs-sandbox-gif-on-canvas-md-4ff.json |   24 +
 ...dbox-image-border-highlighting-md-d59.json |   24 +
 ...site-docs-sandbox-image-border-md-73c.json |   24 +
 ...te-docs-sandbox-image-labeling-md-ccc.json |   24 +
 ...site-docs-sandbox-image-resize-md-d4d.json |   24 +
 ...ndbox-interactive-building-map-md-863.json |   24 +
 ...e-docs-sandbox-jumping-bunnies-md-4fa.json |   24 +
 ...andbox-limited-drag-and-resize-md-6b1.json |   24 +
 ...cs-sandbox-mirror-canvas-shape-md-ddd.json |   24 +
 ...dify-curves-with-anchor-points-md-f48.json |   24 +
 ...ox-modify-shape-color-on-click-md-392.json |   24 +
 ...andbox-multi-touch-scale-shape-md-607.json |   24 +
 ...andbox-multi-touch-scale-stage-md-325.json |   24 +
 ...-sandbox-native-context-access-md-bb0.json |   24 +
 ...-docs-sandbox-objects-snapping-md-bb0.json |   24 +
 ...docs-sandbox-physics-simulator-md-9ec.json |   24 +
 ...docs-sandbox-planets-image-map-md-9ed.json |   24 +
 ...-docs-sandbox-quantum-squiggle-md-6ab.json |   24 +
 ...dbox-relative-pointer-position-md-c62.json |   24 +
 ...s-sandbox-resizing-stress-test-md-643.json |   24 +
 ...docs-sandbox-responsive-canvas-md-d7b.json |   24 +
 .../site-docs-sandbox-rich-text-md-3b1.json   |   24 +
 ...ocs-sandbox-scale-image-to-fit-md-ad0.json |   24 +
 ...cs-sandbox-scroll-by-edge-drag-md-cba.json |   24 +
 ...docs-sandbox-seats-reservation-md-619.json |   24 +
 .../site-docs-sandbox-shape-tango-md-9e9.json |   24 +
 ...te-docs-sandbox-shape-tooltips-md-376.json |   24 +
 ...cs-sandbox-simple-window-frame-md-707.json |   24 +
 ...ite-docs-sandbox-stage-preview-md-aba.json |   24 +
 ...site-docs-sandbox-star-spinner-md-021.json |   24 +
 ...ite-docs-sandbox-svg-on-canvas-md-1c3.json |   24 +
 ...docs-sandbox-transparent-group-md-69d.json |   24 +
 ...e-docs-sandbox-video-on-canvas-md-893.json |   24 +
 .../site-docs-sandbox-web-worker-md-0e2.json  |   24 +
 ...-docs-sandbox-wheel-of-fortune-md-fd2.json |   24 +
 ...-sandbox-window-frame-designer-md-751.json |   24 +
 ...cs-sandbox-zoom-layer-on-hover-md-e39.json |   24 +
 ...ox-zooming-relative-to-pointer-md-b9c.json |   20 +
 ...elect-and-transform-basic-demo-md-aac.json |   24 +
 ...and-transform-centered-scaling-md-0f6.json |   24 +
 ...ect-and-transform-force-update-md-4c8.json |   24 +
 ...orm-ignore-stroke-on-transform-md-9b4.json |   24 +
 ...elect-and-transform-keep-ratio-md-e75.json |   24 +
 ...ct-and-transform-resize-limits-md-a79.json |   24 +
 ...ect-and-transform-resize-snaps-md-958.json |   24 +
 ...lect-and-transform-resize-text-md-58c.json |   24 +
 ...t-and-transform-rotation-snaps-md-7e9.json |   24 +
 ...t-and-transform-stop-transform-md-1b3.json |   24 +
 ...and-transform-transform-events-md-5f6.json |   24 +
 ...rm-transformer-complex-styling-md-197.json |   24 +
 ...-transform-transformer-styling-md-0db.json |   24 +
 ...te-docs-selectors-select-by-id-md-745.json |   24 +
 ...-docs-selectors-select-by-name-md-629.json |   24 +
 ...-docs-selectors-select-by-type-md-f57.json |   24 +
 .../default/site-docs-shapes-arc-mdx-76a.json |   29 +
 .../site-docs-shapes-arrow-mdx-bcb.json       |   29 +
 .../site-docs-shapes-circle-mdx-75c.json      |   29 +
 .../site-docs-shapes-ellipse-mdx-771.json     |   29 +
 .../site-docs-shapes-group-mdx-89d.json       |   29 +
 .../site-docs-shapes-line-blob-mdx-609.json   |   29 +
 .../site-docs-shapes-line-mdx-2ac.json        |   29 +
 ...site-docs-shapes-line-polygon-mdx-bc1.json |   29 +
 ...-docs-shapes-line-simple-line-mdx-619.json |   29 +
 .../site-docs-shapes-line-spline-mdx-aeb.json |   29 +
 .../site-docs-shapes-path-mdx-c47.json        |   29 +
 .../site-docs-shapes-polygon-mdx-ef1.json     |   29 +
 .../site-docs-shapes-rect-mdx-3fc.json        |   29 +
 ...e-docs-shapes-regular-polygon-mdx-2b7.json |   29 +
 .../site-docs-shapes-sprite-mdx-38e.json      |   29 +
 .../site-docs-shapes-text-mdx-5e2.json        |   29 +
 .../site-docs-shapes-text-path-mdx-4cb.json   |   29 +
 .../site-docs-shapes-wedge-mdx-04e.json       |   29 +
 .../site-docs-styling-01-fill-md-0a7.json     |   30 +
 .../site-docs-styling-02-stroke-md-00d.json   |   30 +
 .../site-docs-styling-03-opacity-md-e29.json  |   30 +
 .../site-docs-styling-04-shadow-md-431.json   |   30 +
 ...site-docs-styling-05-line-join-md-cf0.json |   25 +
 ...-docs-styling-06-hide-and-show-md-b85.json |   25 +
 ...e-docs-styling-07-mouse-cursor-md-5f8.json |   25 +
 ...ite-docs-styling-08-blend-mode-md-40e.json |   25 +
 ...s-styling-09-fill-stroke-order-md-b3d.json |   25 +
 .../default/site-docs-support-md-d9e.json     |   30 +
 .../site-docs-svelte-bindings-md-ee6.json     |   24 +
 .../site-docs-svelte-cache-md-37e.json        |   24 +
 .../site-docs-svelte-custom-shape-md-2b1.json |   24 +
 ...site-docs-svelte-drag-and-drop-md-0a7.json |   24 +
 .../site-docs-svelte-events-md-02b.json       |   24 +
 .../site-docs-svelte-filters-md-569.json      |   24 +
 .../site-docs-svelte-images-md-c93.json       |   24 +
 .../site-docs-svelte-index-md-d2e.json        |   24 +
 .../site-docs-svelte-konva-node-md-020.json   |   24 +
 .../site-docs-svelte-labels-md-f3c.json       |   24 +
 .../site-docs-svelte-save-load-md-341.json    |   24 +
 .../site-docs-svelte-shapes-md-e51.json       |   24 +
 ...-docs-svelte-simple-animations-md-712.json |   24 +
 .../site-docs-svelte-svelte-kit-md-f02.json   |   24 +
 .../site-docs-svelte-transformer-md-90b.json  |   24 +
 .../site-docs-svelte-z-index-md-11d.json      |   24 +
 .../default/site-docs-tools-md-2b7.json       |   30 +
 .../site-docs-tweens-all-controls-md-5b6.json |   24 +
 .../site-docs-tweens-all-easings-md-3e0.json  |   24 +
 ...ite-docs-tweens-common-easings-md-47b.json |   24 +
 ...e-docs-tweens-complex-tweening-md-35c.json |   24 +
 .../site-docs-tweens-finish-event-md-745.json |   24 +
 ...site-docs-tweens-linear-easing-md-bbb.json |   24 +
 .../site-docs-tweens-tween-filter-md-6f9.json |   24 +
 .../default/site-docs-vue-cache-md-fee.json   |   24 +
 .../site-docs-vue-custom-shape-md-c3f.json    |   24 +
 .../site-docs-vue-drag-and-drop-md-ad9.json   |   24 +
 .../default/site-docs-vue-events-md-1bd.json  |   24 +
 .../default/site-docs-vue-filters-md-f29.json |   24 +
 .../default/site-docs-vue-images-md-8af.json  |   24 +
 .../default/site-docs-vue-index-md-fad.json   |   24 +
 .../site-docs-vue-save-load-md-17d.json       |   24 +
 .../default/site-docs-vue-shapes-md-4ed.json  |   24 +
 ...ite-docs-vue-simple-animations-md-757.json |   24 +
 .../site-docs-vue-transformer-md-f9c.json     |   24 +
 .../default/site-docs-vue-z-index-md-09f.json |   20 +
 .../default/__plugin.json                     |    4 +
 .../site-src-pages-markdown-page-md-393.json  |   11 +
 .../default/__plugin.json                     |    4 +
 .../p/docusaurus-debug-content-0d5.json       |    1 +
 .docusaurus/docusaurus.config.mjs             |  453 +++++
 .docusaurus/globalData.json                   | 1395 +++++++++++++
 .docusaurus/i18n.json                         |   17 +
 .docusaurus/registry.js                       |  296 +++
 .docusaurus/routes.js                         | 1719 +++++++++++++++++
 .docusaurus/routesChunkNames.json             | 1181 +++++++++++
 .docusaurus/site-metadata.json                |   36 +
 .docusaurus/site-storage.json                 |    4 +
 konva.js                                      |  286 +--
 main-demo/package.json                        |    2 +-
 react-demos/animation_demo/package.json       |    2 +-
 react-demos/basic_demo/package.json           |    2 +-
 react-demos/canvas_portal/package.json        |    2 +-
 react-demos/complex_animations/package.json   |    2 +-
 react-demos/custom_shape/package.json         |    2 +-
 react-demos/dom_portal/package.json           |    2 +-
 react-demos/drag_and_drop/package.json        |    2 +-
 .../drop_image_into_stage/package.json        |    2 +-
 react-demos/filters/package.json              |    2 +-
 react-demos/free-drawing/package.json         |    2 +-
 react-demos/image-export/package.json         |    2 +-
 react-demos/images/package.json               |    2 +-
 react-demos/refs/package.json                 |    2 +-
 react-demos/seats-reservation/package.json    |    2 +-
 react-demos/shapes/package.json               |    2 +-
 react-demos/simple_animations/package.json    |    2 +-
 react-demos/transformer/package.json          |    2 +-
 react-demos/undo_redo/package.json            |    2 +-
 .../window-frame-design-app/package.json      |    2 +-
 react-demos/zIndex/package.json               |    2 +-
 source/downloads/code/animations/Moving.html  |    2 +-
 .../downloads/code/animations/Rotation.html   |    2 +-
 source/downloads/code/animations/Scaling.html |    2 +-
 .../code/animations/Stop_Animation.html       |    2 +-
 .../code/clipping/Clipping_Function.html      |    2 +-
 .../code/clipping/Clipping_Regions.html       |    2 +-
 .../Best_Practices.html                       |    2 +-
 .../data_and_serialization/Complex_Load.html  |    2 +-
 .../High-Quality-Export.html                  |    2 +-
 .../Serialize_a_Stage.html                    |    2 +-
 .../data_and_serialization/Simple_Load.html   |    2 +-
 .../Stage_Data_URL.html                       |    2 +-
 .../drag_and_drop/Complex_Drag_and_Drop.html  |    2 +-
 .../code/drag_and_drop/Drag_Events.html       |    2 +-
 .../code/drag_and_drop/Drag_a_Group.html      |    2 +-
 .../code/drag_and_drop/Drag_a_Line.html       |    2 +-
 .../code/drag_and_drop/Drag_a_Stage.html      |    2 +-
 .../code/drag_and_drop/Drag_an_Image.html     |    2 +-
 .../code/drag_and_drop/Drag_and_Drop.html     |    2 +-
 .../code/drag_and_drop/Drop_Events.html       |    2 +-
 .../drag_and_drop/Simple_Drag_Bounds.html     |    2 +-
 .../downloads/code/events/Binding_Events.html |    2 +-
 .../code/events/Cancel_Propagation.html       |    2 +-
 .../code/events/Custom_Hit_Region.html        |    2 +-
 .../code/events/Desktop_and_Mobile.html       |    2 +-
 .../code/events/Event_Delegation.html         |    2 +-
 source/downloads/code/events/Fire_Events.html |    2 +-
 .../downloads/code/events/Image_Events.html   |    2 +-
 .../code/events/Keyboard_Events.html          |    2 +-
 .../code/events/Listen_for_Events.html        |    2 +-
 .../downloads/code/events/Mobile_Events.html  |    2 +-
 .../code/events/Mobile_Scrolling.html         |    2 +-
 source/downloads/code/events/Multi_Event.html |    2 +-
 .../downloads/code/events/Pointer_Events.html |    2 +-
 .../downloads/code/events/Remove_Event.html   |    2 +-
 .../downloads/code/events/Remove_by_Name.html |    2 +-
 .../downloads/code/events/Stage_Events.html   |    2 +-
 source/downloads/code/filters/Blur.html       |    2 +-
 source/downloads/code/filters/Brighten.html   |    2 +-
 source/downloads/code/filters/Contrast.html   |    2 +-
 .../downloads/code/filters/Custom_Filter.html |    2 +-
 source/downloads/code/filters/Emboss.html     |    2 +-
 source/downloads/code/filters/Enhance.html    |    2 +-
 source/downloads/code/filters/Grayscale.html  |    2 +-
 source/downloads/code/filters/HSL.html        |    2 +-
 source/downloads/code/filters/HSV.html        |    2 +-
 source/downloads/code/filters/Invert.html     |    2 +-
 .../downloads/code/filters/Kaleidoscope.html  |    2 +-
 source/downloads/code/filters/Mask.html       |    2 +-
 .../code/filters/Multiple_Filters.html        |    2 +-
 source/downloads/code/filters/Noise.html      |    2 +-
 source/downloads/code/filters/Pixelate.html   |    2 +-
 source/downloads/code/filters/RGB.html        |    2 +-
 source/downloads/code/filters/RGBA.html       |    2 +-
 .../groups_and_layers/Change_Containers.html  |    2 +-
 .../code/groups_and_layers/Groups.html        |    2 +-
 .../code/groups_and_layers/Layering.html      |    2 +-
 .../code/groups_and_layers/zIndex.html        |    2 +-
 source/downloads/code/main-demo.html          |    2 +-
 .../downloads/code/performance/BatchDraw.html |    2 +-
 .../performance/Disable_Perfect_Draw.html     |    2 +-
 .../code/performance/Layer_Management.html    |    2 +-
 .../code/performance/Listening_False.html     |    2 +-
 .../code/performance/Optimize_Animation.html  |    2 +-
 .../code/performance/Optimize_Strokes.html    |    2 +-
 .../code/performance/Shape_Caching.html       |    2 +-
 .../code/performance/Shape_Redraw.html        |    2 +-
 .../posts/Position_vs_Offset_Basic_x_y.html   |    2 +-
 .../sandbox/10000_Shapes_With_Tooltip.html    |    2 +-
 .../downloads/code/sandbox/20000_Nodes.html   |    2 +-
 .../sandbox/Animals_on_the_Beach_Game.html    |    2 +-
 .../code/sandbox/Animation_Stress_Test.html   |    2 +-
 .../code/sandbox/Canvas_Background.html       |    2 +-
 .../code/sandbox/Canvas_Context_Menu.html     |    2 +-
 .../code/sandbox/Canvas_Scrolling_Drag.html   |    2 +-
 .../code/sandbox/Canvas_Scrolling_Large.html  |    2 +-
 .../code/sandbox/Canvas_Scrolling_Manual.html |    2 +-
 .../sandbox/Canvas_Scrolling_Transform.html   |    2 +-
 .../downloads/code/sandbox/Canvas_to_PDF.html |    2 +-
 .../code/sandbox/Collision_Detection.html     |    2 +-
 .../code/sandbox/Complex_Editable_Text.html   |    2 +-
 .../code/sandbox/Connected_Objects.html       |    2 +-
 .../downloads/code/sandbox/Custom_Font.html   |    2 +-
 .../Drag_And_Drop_Multiple_Shapes.html        |    2 +-
 .../sandbox/Drag_And_Drop_Stress_Test.html    |    2 +-
 .../code/sandbox/Drop_DOM_Element.html        |    2 +-
 .../downloads/code/sandbox/Editable_Text.html |    2 +-
 .../downloads/code/sandbox/Elastic_Stars.html |    2 +-
 .../code/sandbox/Expand_Image_On_Hover.html   |    2 +-
 .../code/sandbox/Free_Drawing_Manual.html     |    2 +-
 .../code/sandbox/Free_Drawing_Vector.html     |    2 +-
 .../downloads/code/sandbox/GIF_On_Canvas.html |    2 +-
 source/downloads/code/sandbox/Gestures.html   |    2 +-
 .../downloads/code/sandbox/Image_Border.html  |    2 +-
 .../sandbox/Image_Border_Highlighting.html    |    2 +-
 .../downloads/code/sandbox/Image_Resize.html  |    2 +-
 .../sandbox/Interactive_Building_Map.html     |    2 +-
 .../code/sandbox/Jumping_Bunnies.html         |    2 +-
 .../code/sandbox/Limited_Drag_And_Resize.html |    2 +-
 .../code/sandbox/Mirror_Canvas_Shape.html     |    2 +-
 .../Modify_Curves_with_Anchor_Points.html     |    2 +-
 .../sandbox/Modify_Shape_Color_on_Click.html  |    2 +-
 .../code/sandbox/Multi-touch_Scale_Shape.html |    2 +-
 .../code/sandbox/Multi-touch_Scale_Stage.html |    2 +-
 .../code/sandbox/Native_Context_Access.html   |    2 +-
 .../code/sandbox/Objects_Snapping.html        |    2 +-
 .../code/sandbox/Physics_Simulator.html       |    2 +-
 .../code/sandbox/Planets_Image_Map.html       |    2 +-
 .../code/sandbox/Quantum_Squiggle.html        |    2 +-
 .../sandbox/Relative_Pointer_Position.html    |    2 +-
 .../code/sandbox/Relative_zooming.html        |    2 +-
 .../code/sandbox/Resizing_Stress_Test.html    |    2 +-
 .../code/sandbox/Responsive_Canvas.html       |    2 +-
 source/downloads/code/sandbox/Rich_Text.html  |    2 +-
 .../downloads/code/sandbox/SVG_On_Canvas.html |    2 +-
 .../code/sandbox/Scale_Image_To_Fit.html      |    2 +-
 .../code/sandbox/Scroll_By_Edge_Drag.html     |    2 +-
 .../downloads/code/sandbox/Shape_Tango.html   |    2 +-
 .../code/sandbox/Shape_Tooltips.html          |    2 +-
 .../downloads/code/sandbox/Simple_Window.html |    2 +-
 .../code/sandbox/Stage_Preview_Clone.html     |    2 +-
 .../code/sandbox/Stage_Preview_Image.html     |    2 +-
 .../downloads/code/sandbox/Star_Spinner.html  |    2 +-
 .../code/sandbox/Transparent_Group.html       |    2 +-
 .../code/sandbox/Video_On_Canvas.html         |    2 +-
 .../code/sandbox/Wheel_of_Fortune.html        |    2 +-
 .../code/sandbox/Zoom_Layer_On_Hover.html     |    2 +-
 .../code/select_and_transform/Basic_demo.html |    2 +-
 .../Centered_Scaling.html                     |    2 +-
 .../select_and_transform/Force_Update.html    |    2 +-
 .../Ignore_Stroke_On_Transform.html           |    2 +-
 .../code/select_and_transform/Keep_Ratio.html |    2 +-
 .../select_and_transform/Resize_Limits.html   |    2 +-
 .../select_and_transform/Resize_Snaps.html    |    2 +-
 .../select_and_transform/Resize_Text.html     |    2 +-
 .../select_and_transform/Rotation_Snaps.html  |    2 +-
 .../select_and_transform/Stop_Transform.html  |    2 +-
 .../Transform_Events.html                     |    2 +-
 .../Transformer_Complex_Styling.html          |    2 +-
 .../Transformer_Styling.html                  |    2 +-
 .../code/selectors/Select_by_Name.html        |    2 +-
 .../code/selectors/Select_by_Type.html        |    2 +-
 .../code/selectors/Select_by_id.html          |    2 +-
 source/downloads/code/shapes/Arc.html         |    2 +-
 source/downloads/code/shapes/Arrow.html       |    2 +-
 source/downloads/code/shapes/Circle.html      |    2 +-
 source/downloads/code/shapes/Custom.html      |    2 +-
 source/downloads/code/shapes/Ellipse.html     |    2 +-
 source/downloads/code/shapes/Image.html       |    2 +-
 source/downloads/code/shapes/Label.html       |    2 +-
 source/downloads/code/shapes/Line_-_Blob.html |    2 +-
 .../downloads/code/shapes/Line_-_Polygon.html |    2 +-
 .../code/shapes/Line_-_Simple_line.html       |    2 +-
 .../downloads/code/shapes/Line_-_Spline.html  |    2 +-
 source/downloads/code/shapes/Path.html        |    4 +-
 .../downloads/code/shapes/RegularPolygon.html |    2 +-
 source/downloads/code/shapes/Ring.html        |    2 +-
 source/downloads/code/shapes/Sprite.html      |    2 +-
 source/downloads/code/shapes/Star.html        |    2 +-
 source/downloads/code/shapes/Text.html        |    2 +-
 source/downloads/code/shapes/TextPath.html    |    2 +-
 source/downloads/code/shapes/Wedge.html       |    2 +-
 source/downloads/code/shapes/rect.html        |    2 +-
 source/downloads/code/styling/Blend_Mode.html |    2 +-
 source/downloads/code/styling/Fill.html       |    2 +-
 .../code/styling/Fill_Stroke_Order.html       |    2 +-
 .../downloads/code/styling/Hide_and_Show.html |    2 +-
 source/downloads/code/styling/Line_Join.html  |    2 +-
 .../downloads/code/styling/Mouse_Cursor.html  |    2 +-
 source/downloads/code/styling/Opacity.html    |    2 +-
 source/downloads/code/styling/Shadow.html     |    2 +-
 source/downloads/code/styling/Stroke.html     |    2 +-
 .../downloads/code/tweens/All_Controls.html   |    2 +-
 source/downloads/code/tweens/All_Easings.html |    2 +-
 .../downloads/code/tweens/Common_Easing.html  |    2 +-
 .../code/tweens/Complex_Tweening.html         |    2 +-
 .../downloads/code/tweens/Finish_Event.html   |    2 +-
 .../downloads/code/tweens/Linear_Easing.html  |    2 +-
 .../downloads/code/tweens/Tween_Filter.html   |    2 +-
 vue-demos/basic_demo/package.json             |    2 +-
 vue-demos/cache/package.json                  |    2 +-
 vue-demos/custom_shape/package.json           |    2 +-
 vue-demos/drag_and_drop/package.json          |    2 +-
 vue-demos/events/package.json                 |    2 +-
 vue-demos/filters/package.json                |    2 +-
 vue-demos/images/package.json                 |    2 +-
 vue-demos/save-load/package.json              |    2 +-
 vue-demos/shapes/package.json                 |    2 +-
 vue-demos/simple_animations/package.json      |    2 +-
 vue-demos/transformer/package.json            |    2 +-
 vue-demos/zIndex/package.json                 |    2 +-
 1141 files changed, 27135 insertions(+), 347 deletions(-)
 create mode 100644 .docusaurus/DONT-EDIT-THIS-FOLDER
 create mode 100644 .docusaurus/client-modules.js
 create mode 100644 .docusaurus/codeTranslations.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/__plugin.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/blog-post-list-prop-default.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/blogMetadata-default.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-archive-f05.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-790.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-all-sebastien-lorber-articles-6eb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-yangshun-af2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-bd9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-df9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-docusaurus-f20.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-facebook-f47.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hello-f96.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hola-73f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-28-first-blog-post-md-e27.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-29-long-blog-post-md-736.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-01-mdx-blog-post-mdx-593.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-26-welcome-index-md-d9f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/__plugin.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/p/category-shapes-6e4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/p/docs-175.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/p/docs-category-shapes-05b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/p/index-466.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-create-an-animation-md-33c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-moving-md-503.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-rotation-md-ce4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-scaling-md-d6d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-stop-animation-md-428.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-animation-mdx-621.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arc-mdx-d2e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arrow-mdx-a02.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-canvas-mdx-ef5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-circle-mdx-0d5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-container-mdx-1ee.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-context-mdx-b1f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-easings-mdx-ea6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ellipse-mdx-a79.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-fast-layer-mdx-06e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-filters-mdx-f9c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-group-mdx-9c7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-image-mdx-7f8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-label-mdx-ccd.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-layer-mdx-79b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-line-mdx-ef9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-mdx-8b1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-node-mdx-618.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-path-mdx-e44.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-rect-mdx-226.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-regular-polygon-mdx-da5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ring-mdx-860.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-shape-mdx-2df.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-sprite-mdx-7ca.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-stage-mdx-c1a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-star-mdx-2a8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tag-mdx-51a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-mdx-573.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-path-mdx-4a2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transform-mdx-610.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transformer-mdx-acf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tween-mdx-ca8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-util-mdx-b7d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-wedge-mdx-98e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-function-md-5a7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-regions-md-d5e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-best-practices-md-6ac.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-complex-load-md-4a0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-high-quality-export-md-a54.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-serialize-a-stage-md-87e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-simple-load-md-4e5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-stage-data-url-md-40d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-md-4ab.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-mdx-c79.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-md-d20.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-mdx-c36.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-md-e2f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-mdx-6d6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-md-776.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-mdx-54b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-md-c74.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-mdx-8b7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-md-874.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-mdx-eb7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-md-59e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-mdx-da3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-md-5e0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-mdx-fc2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-md-205.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-mdx-e22.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-md-2d8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-mdx-861.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-md-611.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-mdx-41e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-md-339.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-mdx-353.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-md-fec.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-mdx-f0e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-donate-md-20f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-01-drag-and-drop-mdx-415.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-02-drag-an-image-mdx-451.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-03-drag-a-group-mdx-794.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-04-drag-a-line-mdx-d3d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-05-drag-a-stage-mdx-218.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-06-drag-events-mdx-8de.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-07-simple-drag-bounds-mdx-827.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-08-complex-drag-and-drop-mdx-9ac.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-09-drop-events-mdx-2fe.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-md-db0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-mdx-d48.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-md-ef5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-mdx-0f7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-md-dc1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-mdx-39b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-md-ec3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-mdx-20b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-md-57a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-mdx-dbd.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-md-ac8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-mdx-c73.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-md-b30.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-mdx-dde.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-md-d63.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-mdx-56d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-md-f31.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-mdx-6f1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-md-cd1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-mdx-a68.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-md-89d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-mdx-a1e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-md-0ef.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-mdx-ce2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-md-a31.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-mdx-345.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-md-a22.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-mdx-cc1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-md-50e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-mdx-6ca.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-md-ac7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-mdx-a83.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-md-a07.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-mdx-800.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-md-b30.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-mdx-5fc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-md-da8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-mdx-953.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-md-1d1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-mdx-e0e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-md-480.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-mdx-3d7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-md-b74.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-mdx-2ae.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-md-591.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-mdx-4ce.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-md-e3b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-mdx-42c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-md-0f6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-mdx-621.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-md-1bf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-mdx-e8e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-md-aa6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-mdx-143.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-md-2dc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-mdx-bd7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-md-1ce.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-mdx-887.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-md-8b3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-mdx-102.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-md-929.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-mdx-52e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-md-061.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-mdx-9a2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-md-864.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-mdx-cad.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-md-620.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-mdx-5eb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-md-cd0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-mdx-0a9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-md-d38.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-mdx-91f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-md-34a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-mdx-7c4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-md-aef.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-mdx-24d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-md-2c2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-mdx-547.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-md-abf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-mdx-264.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-md-b74.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-mdx-59b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgba-md-78b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-sepia-mdx-a11.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-solarize-mdx-aa0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-threshold-mdx-827.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-md-1d7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-mdx-23f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-md-b5c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-mdx-081.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-md-d46.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-mdx-c58.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-md-e17.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-mdx-05a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-index-md-467.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-overview-md-f34.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-md-b17.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-mdx-a0f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-md-31d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-mdx-4db.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-md-c38.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-mdx-fce.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-md-691.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-mdx-887.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-md-f8d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-mdx-50f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-md-6dc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-mdx-1d0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-md-44d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-mdx-d3d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-md-939.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-mdx-af0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-md-12f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-mdx-912.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-redraw-md-aed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-position-vs-offset-md-99c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-tainted-canvas-md-ca5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-access-konva-nodes-md-f61.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-export-md-75f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-portal-md-f51.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-complex-animations-md-776.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-custom-shape-md-c7a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-dom-portal-md-b8a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drag-and-drop-md-93d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drop-image-md-58a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-events-md-81d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-filters-md-3e9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-free-drawing-md-5f2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-images-md-47c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-index-md-9a1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-intro-md-c4d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-shapes-md-e4e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-simple-animations-md-3fa.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-transformer-md-a74.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-undo-redo-md-5dc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-z-index-md-5ce.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-10000-shapes-with-tooltip-md-2a7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-20000-nodes-md-09d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animals-on-the-beach-game-md-ee5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animation-stress-test-md-8aa.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-background-md-453.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-context-menu-md-7c5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-editor-md-e22.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-scrolling-md-491.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-to-pdf-md-081.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-collision-detection-md-bb7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-connected-objects-md-93e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-custom-font-md-a17.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-multiple-shapes-md-029.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-stress-test-md-9dd.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drop-dom-element-md-409.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-editable-text-md-feb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-elastic-stars-md-1eb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-expand-images-on-hover-md-605.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-free-drawing-md-017.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gestures-md-23b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gif-on-canvas-md-371.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-highlighting-md-c6b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-md-7a2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-labeling-md-321.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-resize-md-da7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-interactive-building-map-md-971.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-jumping-bunnies-md-519.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-limited-drag-and-resize-md-ea0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-mirror-canvas-shape-md-75b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-curves-with-anchor-points-md-3d8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-shape-color-on-click-md-f36.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-shape-md-cd1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-stage-md-af6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-native-context-access-md-2be.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-objects-snapping-md-b33.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-physics-simulator-md-76e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-planets-image-map-md-9db.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-quantum-squiggle-md-495.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-relative-pointer-position-md-239.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-resizing-stress-test-md-598.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-responsive-canvas-md-5ee.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-rich-text-md-b84.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scale-image-to-fit-md-751.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scroll-by-edge-drag-md-7de.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-seats-reservation-md-536.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tango-md-4a1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tooltips-md-1dc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-simple-window-frame-md-b6f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-stage-preview-md-33b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-star-spinner-md-945.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-svg-on-canvas-md-8f6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-transparent-group-md-176.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-video-on-canvas-md-b75.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-web-worker-md-8f6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-wheel-of-fortune-md-4cf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-window-frame-designer-md-7a3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zoom-layer-on-hover-md-282.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zooming-relative-to-pointer-md-765.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-01-basic-demo-mdx-9b8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-02-centered-scaling-mdx-f16.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-03-keep-ratio-mdx-0fa.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-04-transformer-styling-mdx-349.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-05-transformer-complex-styling-mdx-798.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-06-transform-events-mdx-add.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-07-resize-limits-mdx-625.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-resize-snaps-mdx-4a5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-rotation-snaps-mdx-9b5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-09-stop-transform-mdx-cff.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-10-force-update-mdx-8ec.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-11-resize-text-mdx-a12.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-12-ignore-stroke-on-transform-mdx-f9d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-md-609.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-mdx-8be.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-md-d18.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-mdx-398.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-md-02f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-mdx-877.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-md-a2b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-mdx-161.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-md-1e2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-mdx-c11.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-md-d18.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-mdx-033.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-md-cd9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-mdx-cae.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-md-4d1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-mdx-915.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-md-185.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-mdx-f88.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-md-cdb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-mdx-e47.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-md-beb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-mdx-12f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-md-732.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-mdx-a8a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-md-e4c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-mdx-ff1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-md-1a2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-mdx-6c0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-md-c96.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-mdx-971.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-md-7f6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-mdx-29f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arc-mdx-4af.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arrow-mdx-420.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-circle-mdx-5cf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-mdx-631.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-shape-mdx-9c2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ellipse-mdx-9e7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-group-mdx-e62.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-image-mdx-1f7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-label-mdx-65d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-blob-mdx-8a4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-mdx-92f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-polygon-mdx-bde.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-simple-line-mdx-b70.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-spline-mdx-dd7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-path-mdx-b28.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-polygon-mdx-dfc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-rect-mdx-277.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-regular-polygon-mdx-a35.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ring-mdx-4d6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-sprite-mdx-d75.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-star-mdx-2c6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-mdx-e6f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-path-mdx-919.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-wedge-mdx-542.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-md-982.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-mdx-542.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-md-df0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-mdx-00a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-md-c90.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-mdx-999.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-md-204.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-mdx-f3d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-md-cc8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-mdx-fac.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-md-55e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-mdx-454.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-md-79e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-mdx-6b8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-md-126.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-mdx-6a4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-md-73a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-mdx-1c1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-support-md-8e8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-bindings-md-871.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-cache-md-39c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-custom-shape-md-973.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-drag-and-drop-md-b90.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-events-md-07d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-filters-md-9b7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-images-md-5ee.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-index-md-494.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-konva-node-md-c93.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-labels-md-5ac.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-save-load-md-9c8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-shapes-md-3e6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-simple-animations-md-168.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-svelte-kit-md-7fa.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-transformer-md-b33.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-z-index-md-0ed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tools-md-370.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-md-deb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-mdx-a4f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-md-571.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-mdx-684.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-md-eb0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-mdx-210.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-md-ed5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-mdx-a20.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-md-2a5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-mdx-767.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-md-a5a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-mdx-154.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-md-1f1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-mdx-8bf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-cache-md-e0d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-custom-shape-md-9a0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-drag-and-drop-md-650.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-events-md-71b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-filters-md-ac2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-images-md-c2a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-index-md-150.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-save-load-md-7bc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-shapes-md-391.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-simple-animations-md-188.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-transformer-md-f23.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-z-index-md-c6a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-donate-md-50e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-complex-drag-and-drop-md-a4c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-group-md-221.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-line-md-b91.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-stage-md-e37.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-an-image-md-669.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-and-drop-md-4c8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-events-md-af0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drop-events-md-f6f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-simple-drag-bounds-md-e92.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-binding-events-md-270.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-cancel-propagation-md-721.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-custom-hit-region-md-fc7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-desktop-and-mobile-md-0e9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-event-delegation-md-176.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-fire-events-md-ee3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-image-events-md-7d5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-keyboard-events-md-f9b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-listen-for-events-md-e11.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-events-md-0ab.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-scrolling-md-409.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-multi-event-md-33e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-pointer-events-md-f88.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-by-name-md-dd0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-event-md-537.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-events-stage-events-md-9c5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-blur-md-5e4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-brighten-md-9b1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-contrast-md-a3e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-custom-filter-md-512.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-emboss-md-f1e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-enhance-md-c26.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-grayscale-md-bcc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsl-md-3f2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsv-md-fb8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-invert-md-1b2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-kaleidoscope-md-95e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-mask-md-368.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-multiple-filters-md-0bb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-noise-md-fbf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-pixelate-md-533.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgb-md-452.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgba-md-376.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-change-containers-md-e17.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-groups-md-30e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-layering-md-530.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-z-index-md-b76.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-index-md-611.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-overview-md-23c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-all-performance-tips-md-904.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-avoid-memory-leaks-md-0c4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-batch-draw-md-799.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-disable-perfect-draw-md-f7c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-layer-management-md-286.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-listening-false-md-15e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-animation-md-758.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-strokes-md-cc6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-caching-md-141.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-redraw-md-bb4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-position-vs-offset-md-953.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-tainted-canvas-md-a11.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-access-konva-nodes-md-7d8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-export-md-427.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-portal-md-49f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-complex-animations-md-0c0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-custom-shape-md-b44.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-dom-portal-md-6d8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drag-and-drop-md-833.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drop-image-md-61c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-events-md-9f6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-filters-md-e41.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-free-drawing-md-a50.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-images-md-e19.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-index-md-5ed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-intro-md-694.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-shapes-md-032.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-simple-animations-md-3f4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-transformer-md-a9e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-undo-redo-md-fe1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-react-z-index-md-872.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-10000-shapes-with-tooltip-md-b51.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-20000-nodes-md-a86.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animals-on-the-beach-game-md-5eb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animation-stress-test-md-31d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-background-md-18f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-context-menu-md-7b7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-editor-md-0b3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-scrolling-md-e0e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-to-pdf-md-ebe.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-collision-detection-md-086.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-connected-objects-md-dbb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-custom-font-md-c2e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-multiple-shapes-md-a63.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-stress-test-md-462.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drop-dom-element-md-793.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-editable-text-md-a6a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-elastic-stars-md-e13.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-expand-images-on-hover-md-ed4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-free-drawing-md-96a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gestures-md-86c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gif-on-canvas-md-6e9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-highlighting-md-056.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-md-c62.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-labeling-md-0b3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-resize-md-340.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-interactive-building-map-md-706.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-jumping-bunnies-md-7be.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-limited-drag-and-resize-md-d5b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-mirror-canvas-shape-md-5dd.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-curves-with-anchor-points-md-bea.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-shape-color-on-click-md-74e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-shape-md-f9c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-stage-md-4b1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-native-context-access-md-b41.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-objects-snapping-md-6b9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-physics-simulator-md-ee4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-planets-image-map-md-f2c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-quantum-squiggle-md-925.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-relative-pointer-position-md-a20.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-resizing-stress-test-md-0b8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-responsive-canvas-md-636.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-rich-text-md-c24.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scale-image-to-fit-md-9f7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scroll-by-edge-drag-md-56d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-seats-reservation-md-579.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tango-md-07f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tooltips-md-9aa.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-simple-window-frame-md-8ed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-stage-preview-md-26d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-star-spinner-md-33f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-svg-on-canvas-md-a65.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-transparent-group-md-1bf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-video-on-canvas-md-e19.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-web-worker-md-67d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-wheel-of-fortune-md-ba9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-window-frame-designer-md-fd8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zoom-layer-on-hover-md-a38.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zooming-relative-to-pointer-md-96a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-basic-demo-md-a9a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-centered-scaling-md-5e6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-force-update-md-8ec.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-ignore-stroke-on-transform-md-d36.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-keep-ratio-md-4a7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-limits-md-2bb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-snaps-md-726.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-text-md-3bf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-rotation-snaps-md-fa9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-stop-transform-md-c86.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transform-events-md-0dc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-complex-styling-md-5ea.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-styling-md-25b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-id-md-bec.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-name-md-10d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-type-md-6e5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arc-mdx-da5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arrow-mdx-40f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-circle-mdx-f82.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-ellipse-mdx-785.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-group-mdx-3a0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-blob-mdx-664.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-mdx-d7c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-polygon-mdx-ffc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-simple-line-mdx-cea.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-spline-mdx-f6c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-path-mdx-a8c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-polygon-mdx-a16.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-rect-mdx-d61.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-regular-polygon-mdx-bef.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-sprite-mdx-64e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-mdx-1bc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-path-mdx-859.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-wedge-mdx-17b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-01-fill-md-2e4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-02-stroke-md-3a8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-03-opacity-md-d79.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-04-shadow-md-802.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-05-line-join-md-381.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-06-hide-and-show-md-28a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-07-mouse-cursor-md-ea1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-08-blend-mode-md-79b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-09-fill-stroke-order-md-cd4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-support-md-c3f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-bindings-md-ddb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-cache-md-4f7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-custom-shape-md-e03.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-drag-and-drop-md-c0b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-events-md-278.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-filters-md-9b1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-images-md-397.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-index-md-fbf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-konva-node-md-b6b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-labels-md-3f4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-save-load-md-5f5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-shapes-md-9ba.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-simple-animations-md-7a7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-svelte-kit-md-d50.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-transformer-md-6ba.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-z-index-md-ba7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tools-md-6f8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-controls-md-6e5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-easings-md-590.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-common-easings-md-365.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-complex-tweening-md-8a8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-finish-event-md-bbe.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-linear-easing-md-a43.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-tween-filter-md-673.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-cache-md-683.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-custom-shape-md-839.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-drag-and-drop-md-ba6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-events-md-d4d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-filters-md-727.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-images-md-ca4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-index-md-e9d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-save-load-md-3cc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-shapes-md-fd2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-simple-animations-md-214.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-transformer-md-482.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-z-index-md-3b9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-create-an-animation-md-fe7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-moving-md-bd7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-rotation-md-7ad.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-scaling-md-482.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-stop-animation-md-3d2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-animation-mdx-c71.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arc-mdx-050.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arrow-mdx-cc7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-canvas-mdx-217.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-circle-mdx-c1b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-container-mdx-66d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-context-mdx-e62.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-easings-mdx-076.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ellipse-mdx-79f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-fast-layer-mdx-b23.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-filters-mdx-41e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-group-mdx-62f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-image-mdx-380.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-label-mdx-add.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-layer-mdx-540.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-line-mdx-739.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-mdx-883.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-node-mdx-881.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-path-mdx-7a1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-rect-mdx-7bb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-regular-polygon-mdx-3de.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ring-mdx-010.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-shape-mdx-e62.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-sprite-mdx-e7b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-stage-mdx-7b8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-star-mdx-5b9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tag-mdx-95a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-mdx-8f8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-path-mdx-46b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transform-mdx-df4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transformer-mdx-e1f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tween-mdx-6a1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-util-mdx-8a3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-wedge-mdx-5c8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-function-md-f60.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-regions-md-444.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-best-practices-md-89a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-complex-load-md-b81.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-high-quality-export-md-698.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-serialize-a-stage-md-845.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-simple-load-md-80c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-stage-data-url-md-fec.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-donate-md-1c5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-complex-drag-and-drop-md-31a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-group-md-6ed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-line-md-3eb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-stage-md-26e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-an-image-md-c5d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-and-drop-md-028.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-events-md-673.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drop-events-md-b25.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-simple-drag-bounds-md-e14.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-binding-events-md-f5f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-cancel-propagation-md-d28.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-custom-hit-region-md-e6c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-desktop-and-mobile-md-b8d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-event-delegation-md-244.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-fire-events-md-078.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-image-events-md-9d4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-keyboard-events-md-bdb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-listen-for-events-md-714.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-events-md-0d1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-scrolling-md-ef6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-multi-event-md-f28.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-pointer-events-md-c4b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-by-name-md-e7b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-event-md-d88.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-stage-events-md-f74.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-blur-md-c0a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-brighten-md-75c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-contrast-md-ac8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-custom-filter-md-b12.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-emboss-md-5ed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-enhance-md-24c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-grayscale-md-085.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsl-md-615.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsv-md-573.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-invert-md-3ad.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-kaleidoscope-md-1eb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-mask-md-236.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-multiple-filters-md-f49.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-noise-md-c2e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-pixelate-md-6bb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgb-md-a72.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgba-md-537.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-change-containers-md-e4e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-groups-md-271.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-layering-md-67a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-z-index-md-22b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-index-md-c37.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-overview-md-1db.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-all-performance-tips-md-59f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-avoid-memory-leaks-md-da4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-batch-draw-md-c74.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-disable-perfect-draw-md-a5d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-layer-management-md-027.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-listening-false-md-06c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-animation-md-cd4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-strokes-md-098.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-caching-md-85b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-redraw-md-b66.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-position-vs-offset-md-9e8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-tainted-canvas-md-3d1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-access-konva-nodes-md-5a3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-export-md-527.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-portal-md-0f1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-complex-animations-md-e9a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-custom-shape-md-dbf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-dom-portal-md-c58.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drag-and-drop-md-4d6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drop-image-md-ac5.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-events-md-ab9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-filters-md-b2d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-free-drawing-md-0e0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-images-md-295.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-index-md-49f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-intro-md-d81.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-shapes-md-124.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-simple-animations-md-891.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-transformer-md-79d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-undo-redo-md-8ef.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-z-index-md-e62.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-10000-shapes-with-tooltip-md-e30.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-20000-nodes-md-f86.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animals-on-the-beach-game-md-6be.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animation-stress-test-md-dd4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-background-md-547.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-context-menu-md-3ba.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-editor-md-c0c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-scrolling-md-bbb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-to-pdf-md-35a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-collision-detection-md-00c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-connected-objects-md-dbf.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-custom-font-md-0c4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-multiple-shapes-md-5f0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-stress-test-md-431.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drop-dom-element-md-b35.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-editable-text-md-698.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-elastic-stars-md-a31.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-expand-images-on-hover-md-a19.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-free-drawing-md-4ea.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gestures-md-2cc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gif-on-canvas-md-4ff.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-highlighting-md-d59.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-md-73c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-labeling-md-ccc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-resize-md-d4d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-interactive-building-map-md-863.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-jumping-bunnies-md-4fa.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-limited-drag-and-resize-md-6b1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-mirror-canvas-shape-md-ddd.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-curves-with-anchor-points-md-f48.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-shape-color-on-click-md-392.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-shape-md-607.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-stage-md-325.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-native-context-access-md-bb0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-objects-snapping-md-bb0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-physics-simulator-md-9ec.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-planets-image-map-md-9ed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-quantum-squiggle-md-6ab.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-relative-pointer-position-md-c62.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-resizing-stress-test-md-643.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-responsive-canvas-md-d7b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-rich-text-md-3b1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scale-image-to-fit-md-ad0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scroll-by-edge-drag-md-cba.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-seats-reservation-md-619.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tango-md-9e9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tooltips-md-376.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-simple-window-frame-md-707.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-stage-preview-md-aba.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-star-spinner-md-021.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-svg-on-canvas-md-1c3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-transparent-group-md-69d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-video-on-canvas-md-893.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-web-worker-md-0e2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-wheel-of-fortune-md-fd2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-window-frame-designer-md-751.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zoom-layer-on-hover-md-e39.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zooming-relative-to-pointer-md-b9c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-basic-demo-md-aac.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-centered-scaling-md-0f6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-force-update-md-4c8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-ignore-stroke-on-transform-md-9b4.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-keep-ratio-md-e75.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-limits-md-a79.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-snaps-md-958.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-text-md-58c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-rotation-snaps-md-7e9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-stop-transform-md-1b3.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transform-events-md-5f6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-complex-styling-md-197.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-styling-md-0db.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-id-md-745.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-name-md-629.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-type-md-f57.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arc-mdx-76a.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arrow-mdx-bcb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-circle-mdx-75c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-ellipse-mdx-771.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-group-mdx-89d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-blob-mdx-609.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-mdx-2ac.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-polygon-mdx-bc1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-simple-line-mdx-619.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-spline-mdx-aeb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-path-mdx-c47.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-polygon-mdx-ef1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-rect-mdx-3fc.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-regular-polygon-mdx-2b7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-sprite-mdx-38e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-mdx-5e2.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-path-mdx-4cb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-wedge-mdx-04e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-01-fill-md-0a7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-02-stroke-md-00d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-03-opacity-md-e29.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-04-shadow-md-431.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-05-line-join-md-cf0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-06-hide-and-show-md-b85.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-07-mouse-cursor-md-5f8.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-08-blend-mode-md-40e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-09-fill-stroke-order-md-b3d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-support-md-d9e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-bindings-md-ee6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-cache-md-37e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-custom-shape-md-2b1.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-drag-and-drop-md-0a7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-events-md-02b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-filters-md-569.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-images-md-c93.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-index-md-d2e.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-konva-node-md-020.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-labels-md-f3c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-save-load-md-341.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-shapes-md-e51.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-simple-animations-md-712.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-svelte-kit-md-f02.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-transformer-md-90b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-z-index-md-11d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tools-md-2b7.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-controls-md-5b6.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-easings-md-3e0.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-common-easings-md-47b.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-complex-tweening-md-35c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-finish-event-md-745.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-linear-easing-md-bbb.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-tween-filter-md-6f9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-cache-md-fee.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-custom-shape-md-c3f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-drag-and-drop-md-ad9.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-events-md-1bd.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-filters-md-f29.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-images-md-8af.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-index-md-fad.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-save-load-md-17d.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-shapes-md-4ed.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-simple-animations-md-757.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-transformer-md-f9c.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-z-index-md-09f.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-pages/default/__plugin.json
 create mode 100644 .docusaurus/docusaurus-plugin-content-pages/default/site-src-pages-markdown-page-md-393.json
 create mode 100644 .docusaurus/docusaurus-plugin-debug/default/__plugin.json
 create mode 100644 .docusaurus/docusaurus-plugin-debug/default/p/docusaurus-debug-content-0d5.json
 create mode 100644 .docusaurus/docusaurus.config.mjs
 create mode 100644 .docusaurus/globalData.json
 create mode 100644 .docusaurus/i18n.json
 create mode 100644 .docusaurus/registry.js
 create mode 100644 .docusaurus/routes.js
 create mode 100644 .docusaurus/routesChunkNames.json
 create mode 100644 .docusaurus/site-metadata.json
 create mode 100644 .docusaurus/site-storage.json

diff --git a/.docusaurus/DONT-EDIT-THIS-FOLDER b/.docusaurus/DONT-EDIT-THIS-FOLDER
new file mode 100644
index 000000000..6c06ae873
--- /dev/null
+++ b/.docusaurus/DONT-EDIT-THIS-FOLDER
@@ -0,0 +1,5 @@
+This folder stores temp files that Docusaurus' client bundler accesses.
+
+DO NOT hand-modify files in this folder because they will be overwritten in the
+next build. You can clear all build artifacts (including this folder) with the
+`docusaurus clear` command.
diff --git a/.docusaurus/client-modules.js b/.docusaurus/client-modules.js
new file mode 100644
index 000000000..382e0fa84
--- /dev/null
+++ b/.docusaurus/client-modules.js
@@ -0,0 +1,6 @@
+export default [
+  require("/Users/lavrton/Projects/konva-site/node_modules/infima/dist/css/default/default.css"),
+  require("/Users/lavrton/Projects/konva-site/node_modules/@docusaurus/theme-classic/lib/prism-include-languages"),
+  require("/Users/lavrton/Projects/konva-site/node_modules/@docusaurus/theme-classic/lib/nprogress"),
+  require("/Users/lavrton/Projects/konva-site/src/css/custom.css"),
+];
diff --git a/.docusaurus/codeTranslations.json b/.docusaurus/codeTranslations.json
new file mode 100644
index 000000000..9e26dfeeb
--- /dev/null
+++ b/.docusaurus/codeTranslations.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/__plugin.json b/.docusaurus/docusaurus-plugin-content-blog/default/__plugin.json
new file mode 100644
index 000000000..3206737be
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/__plugin.json
@@ -0,0 +1,4 @@
+{
+  "name": "docusaurus-plugin-content-blog",
+  "id": "default"
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/blog-post-list-prop-default.json b/.docusaurus/docusaurus-plugin-content-blog/default/blog-post-list-prop-default.json
new file mode 100644
index 000000000..fb396f1d0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/blog-post-list-prop-default.json
@@ -0,0 +1,4 @@
+{
+  "title": "Recent posts",
+  "items": []
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/blogMetadata-default.json b/.docusaurus/docusaurus-plugin-content-blog/default/blogMetadata-default.json
new file mode 100644
index 000000000..6a706cf8d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/blogMetadata-default.json
@@ -0,0 +1,5 @@
+{
+  "blogBasePath": "/blog",
+  "blogTitle": "Blog",
+  "authorsListPath": "/blog/authors"
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-archive-f05.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-archive-f05.json
new file mode 100644
index 000000000..ac73f8199
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-archive-f05.json
@@ -0,0 +1 @@
+{"archive":{"blogPosts":[{"id":"welcome","metadata":{"permalink":"/blog/welcome","editUrl":"https://github.com/konvajs/site/tree/new/blog/2021-08-26-welcome/index.md","source":"@site/blog/2021-08-26-welcome/index.md","title":"Welcome","description":"Docusaurus blogging features are powered by the blog plugin.","date":"2021-08-26T00:00:00.000Z","tags":[{"inline":false,"label":"Facebook","permalink":"/blog/tags/facebook","description":"Facebook tag description"},{"inline":false,"label":"Hello","permalink":"/blog/tags/hello","description":"Hello tag description"},{"inline":false,"label":"Docusaurus","permalink":"/blog/tags/docusaurus","description":"Docusaurus tag description"}],"readingTime":0.465,"hasTruncateMarker":true,"authors":[{"name":"Sébastien Lorber","title":"Docusaurus maintainer","url":"https://sebastienlorber.com","page":{"permalink":"/blog/authors/all-sebastien-lorber-articles"},"socials":{"x":"https://x.com/sebastienlorber","linkedin":"https://www.linkedin.com/in/sebastienlorber/","github":"https://github.com/slorber","newsletter":"https://thisweekinreact.com"},"imageURL":"https://github.com/slorber.png","key":"slorber"},{"name":"Yangshun Tay","title":"Front End Engineer @ Facebook","url":"https://github.com/yangshun","page":{"permalink":"/blog/authors/yangshun"},"socials":{"x":"https://x.com/yangshunz","github":"https://github.com/yangshun"},"imageURL":"https://github.com/yangshun.png","key":"yangshun"}],"frontMatter":{"slug":"welcome","title":"Welcome","authors":["slorber","yangshun"],"tags":["facebook","hello","docusaurus"]},"unlisted":false,"nextItem":{"title":"MDX Blog Post","permalink":"/blog/mdx-blog-post"}},"content":"[Docusaurus blogging features](https://docusaurus.io/docs/blog) are powered by the [blog plugin](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-blog).\n\nHere are a few tips you might find useful.\n\n<!-- truncate -->\n\nSimply add Markdown files (or folders) to the `blog` directory.\n\nRegular blog authors can be added to `authors.yml`.\n\nThe blog post date can be extracted from filenames, such as:\n\n- `2019-05-30-welcome.md`\n- `2019-05-30-welcome/index.md`\n\nA blog post folder can be convenient to co-locate blog post images:\n\n![Docusaurus Plushie](./docusaurus-plushie-banner.jpeg)\n\nThe blog supports tags as well!\n\n**And if you don't want a blog**: just delete this directory, and use `blog: false` in your Docusaurus config."},{"id":"mdx-blog-post","metadata":{"permalink":"/blog/mdx-blog-post","editUrl":"https://github.com/konvajs/site/tree/new/blog/2021-08-01-mdx-blog-post.mdx","source":"@site/blog/2021-08-01-mdx-blog-post.mdx","title":"MDX Blog Post","description":"Blog posts support Docusaurus Markdown features, such as MDX.","date":"2021-08-01T00:00:00.000Z","tags":[{"inline":false,"label":"Docusaurus","permalink":"/blog/tags/docusaurus","description":"Docusaurus tag description"}],"readingTime":0.235,"hasTruncateMarker":true,"authors":[{"name":"Sébastien Lorber","title":"Docusaurus maintainer","url":"https://sebastienlorber.com","page":{"permalink":"/blog/authors/all-sebastien-lorber-articles"},"socials":{"x":"https://x.com/sebastienlorber","linkedin":"https://www.linkedin.com/in/sebastienlorber/","github":"https://github.com/slorber","newsletter":"https://thisweekinreact.com"},"imageURL":"https://github.com/slorber.png","key":"slorber"}],"frontMatter":{"slug":"mdx-blog-post","title":"MDX Blog Post","authors":["slorber"],"tags":["docusaurus"]},"unlisted":false,"prevItem":{"title":"Welcome","permalink":"/blog/welcome"},"nextItem":{"title":"Long Blog Post","permalink":"/blog/long-blog-post"}},"content":"Blog posts support [Docusaurus Markdown features](https://docusaurus.io/docs/markdown-features), such as [MDX](https://mdxjs.com/).\n\n:::tip\n\nUse the power of React to create interactive blog posts.\n\n:::\n\n{/* truncate */}\n\nFor example, use JSX to create an interactive button:\n\n```js\n<button onClick={() => alert('button clicked!')}>Click me!</button>\n```\n\n<button onClick={() => alert('button clicked!')}>Click me!</button>"},{"id":"long-blog-post","metadata":{"permalink":"/blog/long-blog-post","editUrl":"https://github.com/konvajs/site/tree/new/blog/2019-05-29-long-blog-post.md","source":"@site/blog/2019-05-29-long-blog-post.md","title":"Long Blog Post","description":"This is the summary of a very long blog post,","date":"2019-05-29T00:00:00.000Z","tags":[{"inline":false,"label":"Hello","permalink":"/blog/tags/hello","description":"Hello tag description"},{"inline":false,"label":"Docusaurus","permalink":"/blog/tags/docusaurus","description":"Docusaurus tag description"}],"readingTime":2.06,"hasTruncateMarker":true,"authors":[{"name":"Yangshun Tay","title":"Front End Engineer @ Facebook","url":"https://github.com/yangshun","page":{"permalink":"/blog/authors/yangshun"},"socials":{"x":"https://x.com/yangshunz","github":"https://github.com/yangshun"},"imageURL":"https://github.com/yangshun.png","key":"yangshun"}],"frontMatter":{"slug":"long-blog-post","title":"Long Blog Post","authors":"yangshun","tags":["hello","docusaurus"]},"unlisted":false,"prevItem":{"title":"MDX Blog Post","permalink":"/blog/mdx-blog-post"},"nextItem":{"title":"First Blog Post","permalink":"/blog/first-blog-post"}},"content":"This is the summary of a very long blog post,\n\nUse a `<!--` `truncate` `-->` comment to limit blog post size in the list view.\n\n<!-- truncate -->\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet"},{"id":"first-blog-post","metadata":{"permalink":"/blog/first-blog-post","editUrl":"https://github.com/konvajs/site/tree/new/blog/2019-05-28-first-blog-post.md","source":"@site/blog/2019-05-28-first-blog-post.md","title":"First Blog Post","description":"Lorem ipsum dolor sit amet...","date":"2019-05-28T00:00:00.000Z","tags":[{"inline":false,"label":"Hola","permalink":"/blog/tags/hola","description":"Hola tag description"},{"inline":false,"label":"Docusaurus","permalink":"/blog/tags/docusaurus","description":"Docusaurus tag description"}],"readingTime":0.135,"hasTruncateMarker":true,"authors":[{"name":"Sébastien Lorber","title":"Docusaurus maintainer","url":"https://sebastienlorber.com","page":{"permalink":"/blog/authors/all-sebastien-lorber-articles"},"socials":{"x":"https://x.com/sebastienlorber","linkedin":"https://www.linkedin.com/in/sebastienlorber/","github":"https://github.com/slorber","newsletter":"https://thisweekinreact.com"},"imageURL":"https://github.com/slorber.png","key":"slorber"},{"name":"Yangshun Tay","title":"Front End Engineer @ Facebook","url":"https://github.com/yangshun","page":{"permalink":"/blog/authors/yangshun"},"socials":{"x":"https://x.com/yangshunz","github":"https://github.com/yangshun"},"imageURL":"https://github.com/yangshun.png","key":"yangshun"}],"frontMatter":{"slug":"first-blog-post","title":"First Blog Post","authors":["slorber","yangshun"],"tags":["hola","docusaurus"]},"unlisted":false,"prevItem":{"title":"Long Blog Post","permalink":"/blog/long-blog-post"}},"content":"Lorem ipsum dolor sit amet...\n\n<!-- truncate -->\n\n...consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet"}]}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-790.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-790.json
new file mode 100644
index 000000000..45a3a1bb5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-790.json
@@ -0,0 +1 @@
+{"authors":[{"name":"Yangshun Tay","title":"Front End Engineer @ Facebook","url":"https://github.com/yangshun","page":{"permalink":"/blog/authors/yangshun"},"socials":{"x":"https://x.com/yangshunz","github":"https://github.com/yangshun"},"imageURL":"https://github.com/yangshun.png","key":"yangshun","count":3},{"name":"Sébastien Lorber","title":"Docusaurus maintainer","url":"https://sebastienlorber.com","page":{"permalink":"/blog/authors/all-sebastien-lorber-articles"},"socials":{"x":"https://x.com/sebastienlorber","linkedin":"https://www.linkedin.com/in/sebastienlorber/","github":"https://github.com/slorber","newsletter":"https://thisweekinreact.com"},"imageURL":"https://github.com/slorber.png","key":"slorber","count":3}]}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-all-sebastien-lorber-articles-6eb.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-all-sebastien-lorber-articles-6eb.json
new file mode 100644
index 000000000..f081e81b1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-all-sebastien-lorber-articles-6eb.json
@@ -0,0 +1 @@
+{"author":{"name":"Sébastien Lorber","title":"Docusaurus maintainer","url":"https://sebastienlorber.com","page":{"permalink":"/blog/authors/all-sebastien-lorber-articles"},"socials":{"x":"https://x.com/sebastienlorber","linkedin":"https://www.linkedin.com/in/sebastienlorber/","github":"https://github.com/slorber","newsletter":"https://thisweekinreact.com"},"imageURL":"https://github.com/slorber.png","key":"slorber","count":3},"listMetadata":{"permalink":"/blog/authors/all-sebastien-lorber-articles","page":1,"postsPerPage":10,"totalPages":1,"totalCount":3,"blogDescription":"Blog","blogTitle":"Blog"}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-yangshun-af2.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-yangshun-af2.json
new file mode 100644
index 000000000..59b904f6d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-authors-yangshun-af2.json
@@ -0,0 +1 @@
+{"author":{"name":"Yangshun Tay","title":"Front End Engineer @ Facebook","url":"https://github.com/yangshun","page":{"permalink":"/blog/authors/yangshun"},"socials":{"x":"https://x.com/yangshunz","github":"https://github.com/yangshun"},"imageURL":"https://github.com/yangshun.png","key":"yangshun","count":3},"listMetadata":{"permalink":"/blog/authors/yangshun","page":1,"postsPerPage":10,"totalPages":1,"totalCount":3,"blogDescription":"Blog","blogTitle":"Blog"}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-bd9.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-bd9.json
new file mode 100644
index 000000000..46acea255
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-bd9.json
@@ -0,0 +1 @@
+{"metadata":{"permalink":"/blog","page":1,"postsPerPage":10,"totalPages":1,"totalCount":4,"blogDescription":"Blog","blogTitle":"Blog"}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-df9.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-df9.json
new file mode 100644
index 000000000..2d8d66755
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-df9.json
@@ -0,0 +1 @@
+{"tags":[{"label":"Facebook","permalink":"/blog/tags/facebook","description":"Facebook tag description","count":1},{"label":"Hello","permalink":"/blog/tags/hello","description":"Hello tag description","count":2},{"label":"Docusaurus","permalink":"/blog/tags/docusaurus","description":"Docusaurus tag description","count":4},{"label":"Hola","permalink":"/blog/tags/hola","description":"Hola tag description","count":1}]}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-docusaurus-f20.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-docusaurus-f20.json
new file mode 100644
index 000000000..a132afdb4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-docusaurus-f20.json
@@ -0,0 +1 @@
+{"tag":{"label":"Docusaurus","permalink":"/blog/tags/docusaurus","description":"Docusaurus tag description","allTagsPath":"/blog/tags","count":4,"unlisted":false},"listMetadata":{"permalink":"/blog/tags/docusaurus","page":1,"postsPerPage":10,"totalPages":1,"totalCount":4,"blogDescription":"Blog","blogTitle":"Blog"}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-facebook-f47.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-facebook-f47.json
new file mode 100644
index 000000000..880317860
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-facebook-f47.json
@@ -0,0 +1 @@
+{"tag":{"label":"Facebook","permalink":"/blog/tags/facebook","description":"Facebook tag description","allTagsPath":"/blog/tags","count":1,"unlisted":false},"listMetadata":{"permalink":"/blog/tags/facebook","page":1,"postsPerPage":10,"totalPages":1,"totalCount":1,"blogDescription":"Blog","blogTitle":"Blog"}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hello-f96.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hello-f96.json
new file mode 100644
index 000000000..9ebd71e19
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hello-f96.json
@@ -0,0 +1 @@
+{"tag":{"label":"Hello","permalink":"/blog/tags/hello","description":"Hello tag description","allTagsPath":"/blog/tags","count":2,"unlisted":false},"listMetadata":{"permalink":"/blog/tags/hello","page":1,"postsPerPage":10,"totalPages":1,"totalCount":2,"blogDescription":"Blog","blogTitle":"Blog"}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hola-73f.json b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hola-73f.json
new file mode 100644
index 000000000..b43aaf4c7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/p/blog-tags-hola-73f.json
@@ -0,0 +1 @@
+{"tag":{"label":"Hola","permalink":"/blog/tags/hola","description":"Hola tag description","allTagsPath":"/blog/tags","count":1,"unlisted":false},"listMetadata":{"permalink":"/blog/tags/hola","page":1,"postsPerPage":10,"totalPages":1,"totalCount":1,"blogDescription":"Blog","blogTitle":"Blog"}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-28-first-blog-post-md-e27.json b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-28-first-blog-post-md-e27.json
new file mode 100644
index 000000000..1fe2e758d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-28-first-blog-post-md-e27.json
@@ -0,0 +1,73 @@
+{
+  "permalink": "/blog/first-blog-post",
+  "editUrl": "https://github.com/konvajs/site/tree/new/blog/2019-05-28-first-blog-post.md",
+  "source": "@site/blog/2019-05-28-first-blog-post.md",
+  "title": "First Blog Post",
+  "description": "Lorem ipsum dolor sit amet...",
+  "date": "2019-05-28T00:00:00.000Z",
+  "tags": [
+    {
+      "inline": false,
+      "label": "Hola",
+      "permalink": "/blog/tags/hola",
+      "description": "Hola tag description"
+    },
+    {
+      "inline": false,
+      "label": "Docusaurus",
+      "permalink": "/blog/tags/docusaurus",
+      "description": "Docusaurus tag description"
+    }
+  ],
+  "readingTime": 0.135,
+  "hasTruncateMarker": true,
+  "authors": [
+    {
+      "name": "Sébastien Lorber",
+      "title": "Docusaurus maintainer",
+      "url": "https://sebastienlorber.com",
+      "page": {
+        "permalink": "/blog/authors/all-sebastien-lorber-articles"
+      },
+      "socials": {
+        "x": "https://x.com/sebastienlorber",
+        "linkedin": "https://www.linkedin.com/in/sebastienlorber/",
+        "github": "https://github.com/slorber",
+        "newsletter": "https://thisweekinreact.com"
+      },
+      "imageURL": "https://github.com/slorber.png",
+      "key": "slorber"
+    },
+    {
+      "name": "Yangshun Tay",
+      "title": "Front End Engineer @ Facebook",
+      "url": "https://github.com/yangshun",
+      "page": {
+        "permalink": "/blog/authors/yangshun"
+      },
+      "socials": {
+        "x": "https://x.com/yangshunz",
+        "github": "https://github.com/yangshun"
+      },
+      "imageURL": "https://github.com/yangshun.png",
+      "key": "yangshun"
+    }
+  ],
+  "frontMatter": {
+    "slug": "first-blog-post",
+    "title": "First Blog Post",
+    "authors": [
+      "slorber",
+      "yangshun"
+    ],
+    "tags": [
+      "hola",
+      "docusaurus"
+    ]
+  },
+  "unlisted": false,
+  "prevItem": {
+    "title": "Long Blog Post",
+    "permalink": "/blog/long-blog-post"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-29-long-blog-post-md-736.json b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-29-long-blog-post-md-736.json
new file mode 100644
index 000000000..58af8752c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2019-05-29-long-blog-post-md-736.json
@@ -0,0 +1,58 @@
+{
+  "permalink": "/blog/long-blog-post",
+  "editUrl": "https://github.com/konvajs/site/tree/new/blog/2019-05-29-long-blog-post.md",
+  "source": "@site/blog/2019-05-29-long-blog-post.md",
+  "title": "Long Blog Post",
+  "description": "This is the summary of a very long blog post,",
+  "date": "2019-05-29T00:00:00.000Z",
+  "tags": [
+    {
+      "inline": false,
+      "label": "Hello",
+      "permalink": "/blog/tags/hello",
+      "description": "Hello tag description"
+    },
+    {
+      "inline": false,
+      "label": "Docusaurus",
+      "permalink": "/blog/tags/docusaurus",
+      "description": "Docusaurus tag description"
+    }
+  ],
+  "readingTime": 2.06,
+  "hasTruncateMarker": true,
+  "authors": [
+    {
+      "name": "Yangshun Tay",
+      "title": "Front End Engineer @ Facebook",
+      "url": "https://github.com/yangshun",
+      "page": {
+        "permalink": "/blog/authors/yangshun"
+      },
+      "socials": {
+        "x": "https://x.com/yangshunz",
+        "github": "https://github.com/yangshun"
+      },
+      "imageURL": "https://github.com/yangshun.png",
+      "key": "yangshun"
+    }
+  ],
+  "frontMatter": {
+    "slug": "long-blog-post",
+    "title": "Long Blog Post",
+    "authors": "yangshun",
+    "tags": [
+      "hello",
+      "docusaurus"
+    ]
+  },
+  "unlisted": false,
+  "prevItem": {
+    "title": "MDX Blog Post",
+    "permalink": "/blog/mdx-blog-post"
+  },
+  "nextItem": {
+    "title": "First Blog Post",
+    "permalink": "/blog/first-blog-post"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-01-mdx-blog-post-mdx-593.json b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-01-mdx-blog-post-mdx-593.json
new file mode 100644
index 000000000..fddf163f4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-01-mdx-blog-post-mdx-593.json
@@ -0,0 +1,55 @@
+{
+  "permalink": "/blog/mdx-blog-post",
+  "editUrl": "https://github.com/konvajs/site/tree/new/blog/2021-08-01-mdx-blog-post.mdx",
+  "source": "@site/blog/2021-08-01-mdx-blog-post.mdx",
+  "title": "MDX Blog Post",
+  "description": "Blog posts support Docusaurus Markdown features, such as MDX.",
+  "date": "2021-08-01T00:00:00.000Z",
+  "tags": [
+    {
+      "inline": false,
+      "label": "Docusaurus",
+      "permalink": "/blog/tags/docusaurus",
+      "description": "Docusaurus tag description"
+    }
+  ],
+  "readingTime": 0.235,
+  "hasTruncateMarker": true,
+  "authors": [
+    {
+      "name": "Sébastien Lorber",
+      "title": "Docusaurus maintainer",
+      "url": "https://sebastienlorber.com",
+      "page": {
+        "permalink": "/blog/authors/all-sebastien-lorber-articles"
+      },
+      "socials": {
+        "x": "https://x.com/sebastienlorber",
+        "linkedin": "https://www.linkedin.com/in/sebastienlorber/",
+        "github": "https://github.com/slorber",
+        "newsletter": "https://thisweekinreact.com"
+      },
+      "imageURL": "https://github.com/slorber.png",
+      "key": "slorber"
+    }
+  ],
+  "frontMatter": {
+    "slug": "mdx-blog-post",
+    "title": "MDX Blog Post",
+    "authors": [
+      "slorber"
+    ],
+    "tags": [
+      "docusaurus"
+    ]
+  },
+  "unlisted": false,
+  "prevItem": {
+    "title": "Welcome",
+    "permalink": "/blog/welcome"
+  },
+  "nextItem": {
+    "title": "Long Blog Post",
+    "permalink": "/blog/long-blog-post"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-26-welcome-index-md-d9f.json b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-26-welcome-index-md-d9f.json
new file mode 100644
index 000000000..facbd043b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-blog/default/site-blog-2021-08-26-welcome-index-md-d9f.json
@@ -0,0 +1,80 @@
+{
+  "permalink": "/blog/welcome",
+  "editUrl": "https://github.com/konvajs/site/tree/new/blog/2021-08-26-welcome/index.md",
+  "source": "@site/blog/2021-08-26-welcome/index.md",
+  "title": "Welcome",
+  "description": "Docusaurus blogging features are powered by the blog plugin.",
+  "date": "2021-08-26T00:00:00.000Z",
+  "tags": [
+    {
+      "inline": false,
+      "label": "Facebook",
+      "permalink": "/blog/tags/facebook",
+      "description": "Facebook tag description"
+    },
+    {
+      "inline": false,
+      "label": "Hello",
+      "permalink": "/blog/tags/hello",
+      "description": "Hello tag description"
+    },
+    {
+      "inline": false,
+      "label": "Docusaurus",
+      "permalink": "/blog/tags/docusaurus",
+      "description": "Docusaurus tag description"
+    }
+  ],
+  "readingTime": 0.465,
+  "hasTruncateMarker": true,
+  "authors": [
+    {
+      "name": "Sébastien Lorber",
+      "title": "Docusaurus maintainer",
+      "url": "https://sebastienlorber.com",
+      "page": {
+        "permalink": "/blog/authors/all-sebastien-lorber-articles"
+      },
+      "socials": {
+        "x": "https://x.com/sebastienlorber",
+        "linkedin": "https://www.linkedin.com/in/sebastienlorber/",
+        "github": "https://github.com/slorber",
+        "newsletter": "https://thisweekinreact.com"
+      },
+      "imageURL": "https://github.com/slorber.png",
+      "key": "slorber"
+    },
+    {
+      "name": "Yangshun Tay",
+      "title": "Front End Engineer @ Facebook",
+      "url": "https://github.com/yangshun",
+      "page": {
+        "permalink": "/blog/authors/yangshun"
+      },
+      "socials": {
+        "x": "https://x.com/yangshunz",
+        "github": "https://github.com/yangshun"
+      },
+      "imageURL": "https://github.com/yangshun.png",
+      "key": "yangshun"
+    }
+  ],
+  "frontMatter": {
+    "slug": "welcome",
+    "title": "Welcome",
+    "authors": [
+      "slorber",
+      "yangshun"
+    ],
+    "tags": [
+      "facebook",
+      "hello",
+      "docusaurus"
+    ]
+  },
+  "unlisted": false,
+  "nextItem": {
+    "title": "MDX Blog Post",
+    "permalink": "/blog/mdx-blog-post"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/__plugin.json b/.docusaurus/docusaurus-plugin-content-docs/default/__plugin.json
new file mode 100644
index 000000000..3818ad026
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/__plugin.json
@@ -0,0 +1,4 @@
+{
+  "name": "docusaurus-plugin-content-docs",
+  "id": "default"
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/p/category-shapes-6e4.json b/.docusaurus/docusaurus-plugin-content-docs/default/p/category-shapes-6e4.json
new file mode 100644
index 000000000..da9ecf65a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/p/category-shapes-6e4.json
@@ -0,0 +1 @@
+{"categoryGeneratedIndex":{"title":"Shapes","description":"Basic shapes in Konva.","slug":"/category/shapes","permalink":"/category/shapes","sidebar":"tutorialsSidebar","navigation":{"previous":{"title":"Donate","permalink":"/docs/donate.html"},"next":{"title":"Arc","permalink":"/docs/shapes/Arc.html"}}}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/p/docs-175.json b/.docusaurus/docusaurus-plugin-content-docs/default/p/docs-175.json
new file mode 100644
index 000000000..db5e9b41e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/p/docs-175.json
@@ -0,0 +1 @@
+{"version":{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialsSidebar":[{"type":"link","label":"Intro","href":"/docs/index.html","docId":"index","unlisted":false},{"type":"link","label":"Overview","href":"/docs/overview.html","docId":"overview","unlisted":false},{"type":"link","label":"Support","href":"/docs/support.html","docId":"support","unlisted":false},{"type":"link","label":"Donate","href":"/docs/donate.html","docId":"donate","unlisted":false},{"type":"link","label":"Tools","href":"/docs/tools.html","docId":"tools","unlisted":false},{"type":"category","label":"Shapes","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Arc","href":"/docs/docs/shapes/Arc.html","docId":"shapes/Arc","unlisted":false},{"type":"link","label":"Arrow","href":"/docs/docs/shapes/Arrow.html","docId":"shapes/Arrow","unlisted":false},{"type":"link","label":"Circle","href":"/docs/docs/shapes/Circle.html","docId":"shapes/Circle","unlisted":false},{"type":"link","label":"Ellipse","href":"/docs/docs/shapes/Ellipse.html","docId":"shapes/Ellipse","unlisted":false},{"type":"link","label":"Group","href":"/docs/docs/shapes/Group.html","docId":"shapes/Group","unlisted":false},{"type":"link","label":"Line","href":"/docs/docs/shapes/Line.html","docId":"shapes/Line","unlisted":false},{"type":"link","label":"Line - Blob","href":"/docs/docs/shapes/Line_-_Blob.html","docId":"shapes/Line_-_Blob","unlisted":false},{"type":"link","label":"Line - Polygon","href":"/docs/docs/shapes/Line_-_Polygon.html","docId":"shapes/Line_-_Polygon","unlisted":false},{"type":"link","label":"Line - Simple Line","href":"/docs/docs/shapes/Line_-_Simple_Line.html","docId":"shapes/Line_-_Simple_Line","unlisted":false},{"type":"link","label":"Line - Spline","href":"/docs/docs/shapes/Line_-_Spline.html","docId":"shapes/Line_-_Spline","unlisted":false},{"type":"link","label":"Path","href":"/docs/docs/shapes/Path.html","docId":"shapes/Path","unlisted":false},{"type":"link","label":"Polygon","href":"/docs/docs/shapes/Polygon.html","docId":"shapes/Polygon","unlisted":false},{"type":"link","label":"Rectangle","href":"/docs/shapes/Rect.html","docId":"shapes/Rect","unlisted":false},{"type":"link","label":"Regular Polygon","href":"/docs/docs/shapes/RegularPolygon.html","docId":"shapes/RegularPolygon","unlisted":false},{"type":"link","label":"Sprite","href":"/docs/docs/shapes/Sprite.html","docId":"shapes/Sprite","unlisted":false},{"type":"link","label":"Text","href":"/docs/docs/shapes/Text.html","docId":"shapes/Text","unlisted":false},{"type":"link","label":"TextPath","href":"/docs/docs/shapes/TextPath.html","docId":"shapes/TextPath","unlisted":false},{"type":"link","label":"Wedge","href":"/docs/docs/shapes/Wedge.html","docId":"shapes/Wedge","unlisted":false}],"href":"/docs/category/shapes"},{"type":"category","label":"Styling","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Fill","href":"/docs/styling/Fill.html","docId":"styling/Fill","unlisted":false},{"type":"link","label":"Stroke","href":"/docs/styling/Stroke.html","docId":"styling/Stroke","unlisted":false},{"type":"link","label":"Opacity","href":"/docs/styling/Opacity.html","docId":"styling/Opacity","unlisted":false},{"type":"link","label":"Shadow","href":"/docs/styling/Shadow.html","docId":"styling/Shadow","unlisted":false},{"type":"link","label":"Line_Join","href":"/docs/styling/Line_Join","docId":"styling/Line_Join","unlisted":false},{"type":"link","label":"Hide_and_Show","href":"/docs/styling/Hide_and_Show","docId":"styling/Hide_and_Show","unlisted":false},{"type":"link","label":"Mouse_Cursor","href":"/docs/styling/Mouse_Cursor","docId":"styling/Mouse_Cursor","unlisted":false},{"type":"link","label":"Blend_Mode","href":"/docs/styling/Blend_Mode","docId":"styling/Blend_Mode","unlisted":false},{"type":"link","label":"Fill_Stroke_Order","href":"/docs/styling/Fill_Stroke_Order","docId":"styling/Fill_Stroke_Order","unlisted":false}]},{"type":"category","label":"Demos","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Shapes_with_Tooltip","href":"/docs/sandbox/Shapes_with_Tooltip","docId":"sandbox/Shapes_with_Tooltip","unlisted":false},{"type":"link","label":"Nodes","href":"/docs/sandbox/Nodes","docId":"sandbox/Nodes","unlisted":false},{"type":"link","label":"Animals_on_the_Beach_Game","href":"/docs/sandbox/Animals_on_the_Beach_Game","docId":"sandbox/Animals_on_the_Beach_Game","unlisted":false},{"type":"link","label":"Animation_Stress_Test","href":"/docs/sandbox/Animation_Stress_Test","docId":"sandbox/Animation_Stress_Test","unlisted":false},{"type":"link","label":"Canvas_Background","href":"/docs/sandbox/Canvas_Background","docId":"sandbox/Canvas_Background","unlisted":false},{"type":"link","label":"Canvas_Context_Menu","href":"/docs/sandbox/Canvas_Context_Menu","docId":"sandbox/Canvas_Context_Menu","unlisted":false},{"type":"link","label":"Canvas_Editor","href":"/docs/sandbox/Canvas_Editor","docId":"sandbox/Canvas_Editor","unlisted":false},{"type":"link","label":"Canvas_Scrolling","href":"/docs/sandbox/Canvas_Scrolling","docId":"sandbox/Canvas_Scrolling","unlisted":false},{"type":"link","label":"Canvas_to_PDF","href":"/docs/sandbox/Canvas_to_PDF","docId":"sandbox/Canvas_to_PDF","unlisted":false},{"type":"link","label":"Collision_Detection","href":"/docs/sandbox/Collision_Detection","docId":"sandbox/Collision_Detection","unlisted":false},{"type":"link","label":"Connected_Objects","href":"/docs/sandbox/Connected_Objects","docId":"sandbox/Connected_Objects","unlisted":false},{"type":"link","label":"Custom_Font","href":"/docs/sandbox/Custom_Font","docId":"sandbox/Custom_Font","unlisted":false},{"type":"link","label":"Drag_and_Drop_Multiple_Shapes","href":"/docs/sandbox/Drag_and_Drop_Multiple_Shapes","docId":"sandbox/Drag_and_Drop_Multiple_Shapes","unlisted":false},{"type":"link","label":"Drag_and_Drop_Stress_Test","href":"/docs/sandbox/Drag_and_Drop_Stress_Test","docId":"sandbox/Drag_and_Drop_Stress_Test","unlisted":false},{"type":"link","label":"Drop_DOM_Element","href":"/docs/sandbox/Drop_DOM_Element","docId":"sandbox/Drop_DOM_Element","unlisted":false},{"type":"link","label":"Editable_Text","href":"/docs/sandbox/Editable_Text","docId":"sandbox/Editable_Text","unlisted":false},{"type":"link","label":"Elastic_Stars","href":"/docs/sandbox/Elastic_Stars","docId":"sandbox/Elastic_Stars","unlisted":false},{"type":"link","label":"Expand_Images_on_Hover","href":"/docs/sandbox/Expand_Images_on_Hover","docId":"sandbox/Expand_Images_on_Hover","unlisted":false},{"type":"link","label":"Free_Drawing","href":"/docs/sandbox/Free_Drawing","docId":"sandbox/Free_Drawing","unlisted":false},{"type":"link","label":"GIF_On_Canvas","href":"/docs/sandbox/GIF_On_Canvas","docId":"sandbox/GIF_On_Canvas","unlisted":false},{"type":"link","label":"Gestures","href":"/docs/sandbox/Gestures","docId":"sandbox/Gestures","unlisted":false},{"type":"link","label":"Image_Border","href":"/docs/sandbox/Image_Border","docId":"sandbox/Image_Border","unlisted":false},{"type":"link","label":"Image_Border_Highlighting","href":"/docs/sandbox/Image_Border_Highlighting","docId":"sandbox/Image_Border_Highlighting","unlisted":false},{"type":"link","label":"Image_Labeling","href":"/docs/sandbox/Image_Labeling","docId":"sandbox/Image_Labeling","unlisted":false},{"type":"link","label":"Image_Resize","href":"/docs/sandbox/Image_Resize","docId":"sandbox/Image_Resize","unlisted":false},{"type":"link","label":"Interactive_Building_Map","href":"/docs/sandbox/Interactive_Building_Map","docId":"sandbox/Interactive_Building_Map","unlisted":false},{"type":"link","label":"Jumping_Bunnies","href":"/docs/sandbox/Jumping_Bunnies","docId":"sandbox/Jumping_Bunnies","unlisted":false},{"type":"link","label":"Limited_Drag_And_Resize","href":"/docs/sandbox/Limited_Drag_And_Resize","docId":"sandbox/Limited_Drag_And_Resize","unlisted":false},{"type":"link","label":"Mirror_Canvas_Shape","href":"/docs/sandbox/Mirror_Canvas_Shape","docId":"sandbox/Mirror_Canvas_Shape","unlisted":false},{"type":"link","label":"Modify_Curves_with_Anchor_Points","href":"/docs/sandbox/Modify_Curves_with_Anchor_Points","docId":"sandbox/Modify_Curves_with_Anchor_Points","unlisted":false},{"type":"link","label":"Modify_Shape_Color_on_Click","href":"/docs/sandbox/Modify_Shape_Color_on_Click","docId":"sandbox/Modify_Shape_Color_on_Click","unlisted":false},{"type":"link","label":"Multi-touch_Scale_Shape","href":"/docs/sandbox/Multi-touch_Scale_Shape","docId":"sandbox/Multi-touch_Scale_Shape","unlisted":false},{"type":"link","label":"Multi-touch_Scale_Stage","href":"/docs/sandbox/Multi-touch_Scale_Stage","docId":"sandbox/Multi-touch_Scale_Stage","unlisted":false},{"type":"link","label":"Native_Context_Access","href":"/docs/sandbox/Native_Context_Access","docId":"sandbox/Native_Context_Access","unlisted":false},{"type":"link","label":"Objects_Snapping","href":"/docs/sandbox/Objects_Snapping","docId":"sandbox/Objects_Snapping","unlisted":false},{"type":"link","label":"Physics_Simulator","href":"/docs/sandbox/Physics_Simulator","docId":"sandbox/Physics_Simulator","unlisted":false},{"type":"link","label":"Planets_Image_Map","href":"/docs/sandbox/Planets_Image_Map","docId":"sandbox/Planets_Image_Map","unlisted":false},{"type":"link","label":"Quantum_Squiggle","href":"/docs/sandbox/Quantum_Squiggle","docId":"sandbox/Quantum_Squiggle","unlisted":false},{"type":"link","label":"Relative_Pointer_Position","href":"/docs/sandbox/Relative_Pointer_Position","docId":"sandbox/Relative_Pointer_Position","unlisted":false},{"type":"link","label":"Resizing_Stress_Test","href":"/docs/sandbox/Resizing_Stress_Test","docId":"sandbox/Resizing_Stress_Test","unlisted":false},{"type":"link","label":"Responsive_Canvas","href":"/docs/sandbox/Responsive_Canvas","docId":"sandbox/Responsive_Canvas","unlisted":false},{"type":"link","label":"Rich_Text","href":"/docs/sandbox/Rich_Text","docId":"sandbox/Rich_Text","unlisted":false},{"type":"link","label":"SVG_On_Canvas","href":"/docs/sandbox/SVG_On_Canvas","docId":"sandbox/SVG_On_Canvas","unlisted":false},{"type":"link","label":"Scale_Image_To_Fit","href":"/docs/sandbox/Scale_Image_To_Fit","docId":"sandbox/Scale_Image_To_Fit","unlisted":false},{"type":"link","label":"Scroll_By_Edge_Drag","href":"/docs/sandbox/Scroll_By_Edge_Drag","docId":"sandbox/Scroll_By_Edge_Drag","unlisted":false},{"type":"link","label":"Seats_Reservation","href":"/docs/sandbox/Seats_Reservation","docId":"sandbox/Seats_Reservation","unlisted":false},{"type":"link","label":"Shape_Tango","href":"/docs/sandbox/Shape_Tango","docId":"sandbox/Shape_Tango","unlisted":false},{"type":"link","label":"Shape_Tooltips","href":"/docs/sandbox/Shape_Tooltips","docId":"sandbox/Shape_Tooltips","unlisted":false},{"type":"link","label":"Simple_Window_Frame","href":"/docs/sandbox/Simple_Window_Frame","docId":"sandbox/Simple_Window_Frame","unlisted":false},{"type":"link","label":"Stage_Preview","href":"/docs/sandbox/Stage_Preview","docId":"sandbox/Stage_Preview","unlisted":false},{"type":"link","label":"Star_Spinner","href":"/docs/sandbox/Star_Spinner","docId":"sandbox/Star_Spinner","unlisted":false},{"type":"link","label":"Transparent_Group","href":"/docs/sandbox/Transparent_Group","docId":"sandbox/Transparent_Group","unlisted":false},{"type":"link","label":"Video_On_Canvas","href":"/docs/sandbox/Video_On_Canvas","docId":"sandbox/Video_On_Canvas","unlisted":false},{"type":"link","label":"Web_Worker","href":"/docs/sandbox/Web_Worker","docId":"sandbox/Web_Worker","unlisted":false},{"type":"link","label":"Wheel_of_Fortune","href":"/docs/sandbox/Wheel_of_Fortune","docId":"sandbox/Wheel_of_Fortune","unlisted":false},{"type":"link","label":"Window_Frame_Designer","href":"/docs/sandbox/Window_Frame_Designer","docId":"sandbox/Window_Frame_Designer","unlisted":false},{"type":"link","label":"Zoom_Layer_On_hover","href":"/docs/sandbox/Zoom_Layer_On_hover","docId":"sandbox/Zoom_Layer_On_hover","unlisted":false},{"type":"link","label":"Zooming_Relative_To_Pointer","href":"/docs/sandbox/Zooming_Relative_To_Pointer","docId":"sandbox/Zooming_Relative_To_Pointer","unlisted":false}]},{"type":"category","label":"animations","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Create_an_Animation","href":"/docs/animations/Create_an_Animation","docId":"animations/Create_an_Animation","unlisted":false},{"type":"link","label":"Moving","href":"/docs/animations/Moving","docId":"animations/Moving","unlisted":false},{"type":"link","label":"Rotation","href":"/docs/animations/Rotation","docId":"animations/Rotation","unlisted":false},{"type":"link","label":"Scaling","href":"/docs/animations/Scaling","docId":"animations/Scaling","unlisted":false},{"type":"link","label":"Stop_Animation","href":"/docs/animations/Stop_Animation","docId":"animations/Stop_Animation","unlisted":false}]},{"type":"category","label":"api","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Konva","href":"/docs/api/Konva.html","docId":"api/Konva","unlisted":false},{"type":"link","label":"Animation","href":"/docs/api/Konva.Animation.html","docId":"api/Konva.Animation","unlisted":false},{"type":"link","label":"Arc","href":"/docs/api/Konva.Arc.html","docId":"api/Konva.Arc","unlisted":false},{"type":"link","label":"Arrow","href":"/docs/api/Konva.Arrow.html","docId":"api/Konva.Arrow","unlisted":false},{"type":"link","label":"Canvas","href":"/docs/api/Konva.Canvas.html","docId":"api/Konva.Canvas","unlisted":false},{"type":"link","label":"Circle","href":"/docs/api/Konva.Circle.html","docId":"api/Konva.Circle","unlisted":false},{"type":"link","label":"Container","href":"/docs/api/Konva.Container.html","docId":"api/Konva.Container","unlisted":false},{"type":"link","label":"Context","href":"/docs/api/Konva.Context.html","docId":"api/Konva.Context","unlisted":false},{"type":"link","label":"Easings","href":"/docs/api/Konva.Easings.html","docId":"api/Konva.Easings","unlisted":false},{"type":"link","label":"Ellipse","href":"/docs/api/Konva.Ellipse.html","docId":"api/Konva.Ellipse","unlisted":false},{"type":"link","label":"FastLayer","href":"/docs/api/Konva.FastLayer.html","docId":"api/Konva.FastLayer","unlisted":false},{"type":"link","label":"Filters","href":"/docs/api/Konva.Filters.html","docId":"api/Konva.Filters","unlisted":false},{"type":"link","label":"Group","href":"/docs/api/Konva.Group.html","docId":"api/Konva.Group","unlisted":false},{"type":"link","label":"Image","href":"/docs/api/Konva.Image.html","docId":"api/Konva.Image","unlisted":false},{"type":"link","label":"Label","href":"/docs/api/Konva.Label.html","docId":"api/Konva.Label","unlisted":false},{"type":"link","label":"Layer","href":"/docs/api/Konva.Layer.html","docId":"api/Konva.Layer","unlisted":false},{"type":"link","label":"Line","href":"/docs/api/Konva.Line.html","docId":"api/Konva.Line","unlisted":false},{"type":"link","label":"Node","href":"/docs/api/Konva.Node.html","docId":"api/Konva.Node","unlisted":false},{"type":"link","label":"Path","href":"/docs/api/Konva.Path.html","docId":"api/Konva.Path","unlisted":false},{"type":"link","label":"Rect","href":"/docs/api/Konva.Rect.html","docId":"api/Konva.Rect","unlisted":false},{"type":"link","label":"RegularPolygon","href":"/docs/api/Konva.RegularPolygon.html","docId":"api/Konva.RegularPolygon","unlisted":false},{"type":"link","label":"Ring","href":"/docs/api/Konva.Ring.html","docId":"api/Konva.Ring","unlisted":false},{"type":"link","label":"Shape","href":"/docs/api/Konva.Shape.html","docId":"api/Konva.Shape","unlisted":false},{"type":"link","label":"Sprite","href":"/docs/api/Konva.Sprite.html","docId":"api/Konva.Sprite","unlisted":false},{"type":"link","label":"Stage","href":"/docs/api/Konva.Stage.html","docId":"api/Konva.Stage","unlisted":false},{"type":"link","label":"Star","href":"/docs/api/Konva.Star.html","docId":"api/Konva.Star","unlisted":false},{"type":"link","label":"Tag","href":"/docs/api/Konva.Tag.html","docId":"api/Konva.Tag","unlisted":false},{"type":"link","label":"Text","href":"/docs/api/Konva.Text.html","docId":"api/Konva.Text","unlisted":false},{"type":"link","label":"TextPath","href":"/docs/api/Konva.TextPath.html","docId":"api/Konva.TextPath","unlisted":false},{"type":"link","label":"Transform","href":"/docs/api/Konva.Transform.html","docId":"api/Konva.Transform","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/api/Konva.Transformer.html","docId":"api/Konva.Transformer","unlisted":false},{"type":"link","label":"Tween","href":"/docs/api/Konva.Tween.html","docId":"api/Konva.Tween","unlisted":false},{"type":"link","label":"Util","href":"/docs/api/Konva.Util.html","docId":"api/Konva.Util","unlisted":false},{"type":"link","label":"Wedge","href":"/docs/api/Konva.Wedge.html","docId":"api/Konva.Wedge","unlisted":false}]},{"type":"category","label":"clipping","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Clipping_Function","href":"/docs/clipping/Clipping_Function","docId":"clipping/Clipping_Function","unlisted":false},{"type":"link","label":"Clipping_Regions","href":"/docs/clipping/Clipping_Regions","docId":"clipping/Clipping_Regions","unlisted":false}]},{"type":"category","label":"data_and_serialization","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Best_Practices","href":"/docs/data_and_serialization/Best_Practices","docId":"data_and_serialization/Best_Practices","unlisted":false},{"type":"link","label":"Complex_Load","href":"/docs/data_and_serialization/Complex_Load","docId":"data_and_serialization/Complex_Load","unlisted":false},{"type":"link","label":"High-Quality-Export","href":"/docs/data_and_serialization/High-Quality-Export","docId":"data_and_serialization/High-Quality-Export","unlisted":false},{"type":"link","label":"Serialize_a_Stage","href":"/docs/data_and_serialization/Serialize_a_Stage","docId":"data_and_serialization/Serialize_a_Stage","unlisted":false},{"type":"link","label":"Simple_Load","href":"/docs/data_and_serialization/Simple_Load","docId":"data_and_serialization/Simple_Load","unlisted":false},{"type":"link","label":"Stage_Data_URL","href":"/docs/data_and_serialization/Stage_Data_URL","docId":"data_and_serialization/Stage_Data_URL","unlisted":false}]},{"type":"category","label":"Drag_and_Drop","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Complex_Drag_and_Drop","href":"/docs/drag_and_drop/Complex_Drag_and_Drop","docId":"drag_and_drop/Complex_Drag_and_Drop","unlisted":false},{"type":"link","label":"Drag_Events","href":"/docs/drag_and_drop/Drag_Events","docId":"drag_and_drop/Drag_Events","unlisted":false},{"type":"link","label":"Drag_a_Group","href":"/docs/drag_and_drop/Drag_a_Group","docId":"drag_and_drop/Drag_a_Group","unlisted":false},{"type":"link","label":"Drag_a_Line","href":"/docs/drag_and_drop/Drag_a_Line","docId":"drag_and_drop/Drag_a_Line","unlisted":false},{"type":"link","label":"Drag_a_Stage","href":"/docs/drag_and_drop/Drag_a_Stage","docId":"drag_and_drop/Drag_a_Stage","unlisted":false},{"type":"link","label":"Drag_an_Image","href":"/docs/drag_and_drop/Drag_an_Image","docId":"drag_and_drop/Drag_an_Image","unlisted":false},{"type":"link","label":"Drop_Events","href":"/docs/drag_and_drop/Drop_Events","docId":"drag_and_drop/Drop_Events","unlisted":false},{"type":"link","label":"Simple_Drag_Bounds","href":"/docs/drag_and_drop/Simple_Drag_Bounds","docId":"drag_and_drop/Simple_Drag_Bounds","unlisted":false}],"href":"/docs/drag_and_drop/"},{"type":"category","label":"events","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Binding_Events","href":"/docs/events/Binding_Events","docId":"events/Binding_Events","unlisted":false},{"type":"link","label":"Cancel_Propagation","href":"/docs/events/Cancel_Propagation","docId":"events/Cancel_Propagation","unlisted":false},{"type":"link","label":"Custom_Hit_Region","href":"/docs/events/Custom_Hit_Region","docId":"events/Custom_Hit_Region","unlisted":false},{"type":"link","label":"Desktop_and_Mobile","href":"/docs/events/Desktop_and_Mobile","docId":"events/Desktop_and_Mobile","unlisted":false},{"type":"link","label":"Event_Delegation","href":"/docs/events/Event_Delegation","docId":"events/Event_Delegation","unlisted":false},{"type":"link","label":"Fire_Events","href":"/docs/events/Fire_Events","docId":"events/Fire_Events","unlisted":false},{"type":"link","label":"Image_Events","href":"/docs/events/Image_Events","docId":"events/Image_Events","unlisted":false},{"type":"link","label":"Keyboard_Events","href":"/docs/events/Keyboard_Events","docId":"events/Keyboard_Events","unlisted":false},{"type":"link","label":"Listen_for_Events","href":"/docs/events/Listen_for_Events","docId":"events/Listen_for_Events","unlisted":false},{"type":"link","label":"Mobile_Events","href":"/docs/events/Mobile_Events","docId":"events/Mobile_Events","unlisted":false},{"type":"link","label":"Mobile_Scrolling","href":"/docs/events/Mobile_Scrolling","docId":"events/Mobile_Scrolling","unlisted":false},{"type":"link","label":"Multi_Event","href":"/docs/events/Multi_Event","docId":"events/Multi_Event","unlisted":false},{"type":"link","label":"Pointer_Events","href":"/docs/events/Pointer_Events","docId":"events/Pointer_Events","unlisted":false},{"type":"link","label":"Remove_Event","href":"/docs/events/Remove_Event","docId":"events/Remove_Event","unlisted":false},{"type":"link","label":"Remove_by_Name","href":"/docs/events/Remove_by_Name","docId":"events/Remove_by_Name","unlisted":false},{"type":"link","label":"Stage_Events","href":"/docs/events/Stage_Events","docId":"events/Stage_Events","unlisted":false}]},{"type":"category","label":"filters","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blur","href":"/docs/filters/Blur","docId":"filters/Blur","unlisted":false},{"type":"link","label":"Brighten","href":"/docs/filters/Brighten","docId":"filters/Brighten","unlisted":false},{"type":"link","label":"Contrast","href":"/docs/filters/Contrast","docId":"filters/Contrast","unlisted":false},{"type":"link","label":"Custom_Filter","href":"/docs/filters/Custom_Filter","docId":"filters/Custom_Filter","unlisted":false},{"type":"link","label":"Emboss","href":"/docs/filters/Emboss","docId":"filters/Emboss","unlisted":false},{"type":"link","label":"Enhance","href":"/docs/filters/Enhance","docId":"filters/Enhance","unlisted":false},{"type":"link","label":"Grayscale","href":"/docs/filters/Grayscale","docId":"filters/Grayscale","unlisted":false},{"type":"link","label":"HSL","href":"/docs/filters/HSL","docId":"filters/HSL","unlisted":false},{"type":"link","label":"HSV","href":"/docs/filters/HSV","docId":"filters/HSV","unlisted":false},{"type":"link","label":"Invert","href":"/docs/filters/Invert","docId":"filters/Invert","unlisted":false},{"type":"link","label":"Kaleidoscope","href":"/docs/filters/Kaleidoscope","docId":"filters/Kaleidoscope","unlisted":false},{"type":"link","label":"Mask","href":"/docs/filters/Mask","docId":"filters/Mask","unlisted":false},{"type":"link","label":"Multiple_Filters","href":"/docs/filters/Multiple_Filters","docId":"filters/Multiple_Filters","unlisted":false},{"type":"link","label":"Noise","href":"/docs/filters/Noise","docId":"filters/Noise","unlisted":false},{"type":"link","label":"Pixelate","href":"/docs/filters/Pixelate","docId":"filters/Pixelate","unlisted":false},{"type":"link","label":"RGB","href":"/docs/filters/RGB","docId":"filters/RGB","unlisted":false},{"type":"link","label":"RGBA","href":"/docs/filters/RGBA","docId":"filters/RGBA","unlisted":false}]},{"type":"category","label":"groups_and_layers","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Change_Containers","href":"/docs/groups_and_layers/Change_Containers","docId":"groups_and_layers/Change_Containers","unlisted":false},{"type":"link","label":"Groups","href":"/docs/groups_and_layers/Groups","docId":"groups_and_layers/Groups","unlisted":false},{"type":"link","label":"Layering","href":"/docs/groups_and_layers/Layering","docId":"groups_and_layers/Layering","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/groups_and_layers/zIndex","docId":"groups_and_layers/zIndex","unlisted":false}]},{"type":"category","label":"performance","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"All_Performance_Tips","href":"/docs/performance/All_Performance_Tips","docId":"performance/All_Performance_Tips","unlisted":false},{"type":"link","label":"Avoid_Memory_Leaks","href":"/docs/performance/Avoid_Memory_Leaks","docId":"performance/Avoid_Memory_Leaks","unlisted":false},{"type":"link","label":"Batch_Draw","href":"/docs/performance/Batch_Draw","docId":"performance/Batch_Draw","unlisted":false},{"type":"link","label":"Disable_Perfect_Draw","href":"/docs/performance/Disable_Perfect_Draw","docId":"performance/Disable_Perfect_Draw","unlisted":false},{"type":"link","label":"Layer_Management","href":"/docs/performance/Layer_Management","docId":"performance/Layer_Management","unlisted":false},{"type":"link","label":"Listening_False","href":"/docs/performance/Listening_False","docId":"performance/Listening_False","unlisted":false},{"type":"link","label":"Optimize_Animation","href":"/docs/performance/Optimize_Animation","docId":"performance/Optimize_Animation","unlisted":false},{"type":"link","label":"Optimize_Strokes","href":"/docs/performance/Optimize_Strokes","docId":"performance/Optimize_Strokes","unlisted":false},{"type":"link","label":"Shape_Caching","href":"/docs/performance/Shape_Caching","docId":"performance/Shape_Caching","unlisted":false},{"type":"link","label":"Shape_Redraw","href":"/docs/performance/Shape_Redraw","docId":"performance/Shape_Redraw","unlisted":false}]},{"type":"category","label":"posts","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Position_vs_Offset","href":"/docs/posts/Position_vs_Offset","docId":"posts/Position_vs_Offset","unlisted":false},{"type":"link","label":"Tainted_Canvas","href":"/docs/posts/Tainted_Canvas","docId":"posts/Tainted_Canvas","unlisted":false}]},{"type":"category","label":"index","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Access_Konva_Nodes","href":"/docs/react/Access_Konva_Nodes","docId":"react/Access_Konva_Nodes","unlisted":false},{"type":"link","label":"Canvas_Export","href":"/docs/react/Canvas_Export","docId":"react/Canvas_Export","unlisted":false},{"type":"link","label":"Canvas_Portal","href":"/docs/react/Canvas_Portal","docId":"react/Canvas_Portal","unlisted":false},{"type":"link","label":"Complex_Animations","href":"/docs/react/Complex_Animations","docId":"react/Complex_Animations","unlisted":false},{"type":"link","label":"Custom_Shape","href":"/docs/react/Custom_Shape","docId":"react/Custom_Shape","unlisted":false},{"type":"link","label":"DOM_Portal","href":"/docs/react/DOM_Portal","docId":"react/DOM_Portal","unlisted":false},{"type":"link","label":"Drag_And_Drop","href":"/docs/react/Drag_And_Drop","docId":"react/Drag_And_Drop","unlisted":false},{"type":"link","label":"Drop_Image","href":"/docs/react/Drop_Image","docId":"react/Drop_Image","unlisted":false},{"type":"link","label":"Events","href":"/docs/react/Events","docId":"react/Events","unlisted":false},{"type":"link","label":"Filters","href":"/docs/react/Filters","docId":"react/Filters","unlisted":false},{"type":"link","label":"Free_Drawing","href":"/docs/react/Free_Drawing","docId":"react/Free_Drawing","unlisted":false},{"type":"link","label":"Images","href":"/docs/react/Images","docId":"react/Images","unlisted":false},{"type":"link","label":"Intro","href":"/docs/react/Intro","docId":"react/Intro","unlisted":false},{"type":"link","label":"Shapes","href":"/docs/react/Shapes","docId":"react/Shapes","unlisted":false},{"type":"link","label":"Simple_Animations","href":"/docs/react/Simple_Animations","docId":"react/Simple_Animations","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/react/Transformer","docId":"react/Transformer","unlisted":false},{"type":"link","label":"Undo-Redo","href":"/docs/react/Undo-Redo","docId":"react/Undo-Redo","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/react/zIndex","docId":"react/zIndex","unlisted":false}],"href":"/docs/react/"},{"type":"category","label":"select_and_transform","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Basic_demo","href":"/docs/select_and_transform/Basic_demo","docId":"select_and_transform/Basic_demo","unlisted":false},{"type":"link","label":"Centered_Scaling","href":"/docs/select_and_transform/Centered_Scaling","docId":"select_and_transform/Centered_Scaling","unlisted":false},{"type":"link","label":"Force_Update","href":"/docs/select_and_transform/Force_Update","docId":"select_and_transform/Force_Update","unlisted":false},{"type":"link","label":"Ignore_Stroke_On_Transform","href":"/docs/select_and_transform/Ignore_Stroke_On_Transform","docId":"select_and_transform/Ignore_Stroke_On_Transform","unlisted":false},{"type":"link","label":"Keep_Ratio","href":"/docs/select_and_transform/Keep_Ratio","docId":"select_and_transform/Keep_Ratio","unlisted":false},{"type":"link","label":"Resize_Limits","href":"/docs/select_and_transform/Resize_Limits","docId":"select_and_transform/Resize_Limits","unlisted":false},{"type":"link","label":"Resize_Snaps","href":"/docs/select_and_transform/Resize_Snaps","docId":"select_and_transform/Resize_Snaps","unlisted":false},{"type":"link","label":"Resize_Text","href":"/docs/select_and_transform/Resize_Text","docId":"select_and_transform/Resize_Text","unlisted":false},{"type":"link","label":"Rotation_Snaps","href":"/docs/select_and_transform/Rotation_Snaps","docId":"select_and_transform/Rotation_Snaps","unlisted":false},{"type":"link","label":"Stop_Transform","href":"/docs/select_and_transform/Stop_Transform","docId":"select_and_transform/Stop_Transform","unlisted":false},{"type":"link","label":"Transform_Events","href":"/docs/select_and_transform/Transform_Events","docId":"select_and_transform/Transform_Events","unlisted":false},{"type":"link","label":"Transformer_Complex_Styling","href":"/docs/select_and_transform/Transformer_Complex_Styling","docId":"select_and_transform/Transformer_Complex_Styling","unlisted":false},{"type":"link","label":"Transformer_Styling","href":"/docs/select_and_transform/Transformer_Styling","docId":"select_and_transform/Transformer_Styling","unlisted":false}]},{"type":"category","label":"selectors","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Select_by_Name","href":"/docs/selectors/Select_by_Name","docId":"selectors/Select_by_Name","unlisted":false},{"type":"link","label":"Select_by_Type","href":"/docs/selectors/Select_by_Type","docId":"selectors/Select_by_Type","unlisted":false},{"type":"link","label":"Select_by_id","href":"/docs/selectors/Select_by_id","docId":"selectors/Select_by_id","unlisted":false}]},{"type":"category","label":"index","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Bindings","href":"/docs/svelte/Bindings","docId":"svelte/Bindings","unlisted":false},{"type":"link","label":"Cache","href":"/docs/svelte/Cache","docId":"svelte/Cache","unlisted":false},{"type":"link","label":"Custom_Shape","href":"/docs/svelte/Custom_Shape","docId":"svelte/Custom_Shape","unlisted":false},{"type":"link","label":"Drag_And_Drop","href":"/docs/svelte/Drag_And_Drop","docId":"svelte/Drag_And_Drop","unlisted":false},{"type":"link","label":"Events","href":"/docs/svelte/Events","docId":"svelte/Events","unlisted":false},{"type":"link","label":"Filters","href":"/docs/svelte/Filters","docId":"svelte/Filters","unlisted":false},{"type":"link","label":"Images","href":"/docs/svelte/Images","docId":"svelte/Images","unlisted":false},{"type":"link","label":"Konva_Node","href":"/docs/svelte/Konva_Node","docId":"svelte/Konva_Node","unlisted":false},{"type":"link","label":"Labels","href":"/docs/svelte/Labels","docId":"svelte/Labels","unlisted":false},{"type":"link","label":"Save_Load","href":"/docs/svelte/Save_Load","docId":"svelte/Save_Load","unlisted":false},{"type":"link","label":"Shapes","href":"/docs/svelte/Shapes","docId":"svelte/Shapes","unlisted":false},{"type":"link","label":"Simple_Animations","href":"/docs/svelte/Simple_Animations","docId":"svelte/Simple_Animations","unlisted":false},{"type":"link","label":"SvelteKit","href":"/docs/svelte/SvelteKit","docId":"svelte/SvelteKit","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/svelte/Transformer","docId":"svelte/Transformer","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/svelte/zIndex","docId":"svelte/zIndex","unlisted":false}],"href":"/docs/svelte/"},{"type":"category","label":"tweens","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"All_Controls","href":"/docs/tweens/All_Controls","docId":"tweens/All_Controls","unlisted":false},{"type":"link","label":"All_Easings","href":"/docs/tweens/All_Easings","docId":"tweens/All_Easings","unlisted":false},{"type":"link","label":"Common_Easings","href":"/docs/tweens/Common_Easings","docId":"tweens/Common_Easings","unlisted":false},{"type":"link","label":"Complex_Tweening","href":"/docs/tweens/Complex_Tweening","docId":"tweens/Complex_Tweening","unlisted":false},{"type":"link","label":"Finish_Event","href":"/docs/tweens/Finish_Event","docId":"tweens/Finish_Event","unlisted":false},{"type":"link","label":"Linear_Easing","href":"/docs/tweens/Linear_Easing","docId":"tweens/Linear_Easing","unlisted":false},{"type":"link","label":"Tween_Filter","href":"/docs/tweens/Tween_Filter","docId":"tweens/Tween_Filter","unlisted":false}]},{"type":"category","label":"index","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Cache","href":"/docs/vue/Cache","docId":"vue/Cache","unlisted":false},{"type":"link","label":"Custom_Shape","href":"/docs/vue/Custom_Shape","docId":"vue/Custom_Shape","unlisted":false},{"type":"link","label":"Drag_And_Drop","href":"/docs/vue/Drag_And_Drop","docId":"vue/Drag_And_Drop","unlisted":false},{"type":"link","label":"Events","href":"/docs/vue/Events","docId":"vue/Events","unlisted":false},{"type":"link","label":"Filters","href":"/docs/vue/Filters","docId":"vue/Filters","unlisted":false},{"type":"link","label":"Images","href":"/docs/vue/Images","docId":"vue/Images","unlisted":false},{"type":"link","label":"Save-Load","href":"/docs/vue/Save-Load","docId":"vue/Save-Load","unlisted":false},{"type":"link","label":"Shapes","href":"/docs/vue/Shapes","docId":"vue/Shapes","unlisted":false},{"type":"link","label":"Simple_Animations","href":"/docs/vue/Simple_Animations","docId":"vue/Simple_Animations","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/vue/Transformer","docId":"vue/Transformer","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/vue/zIndex","docId":"vue/zIndex","unlisted":false}],"href":"/docs/vue/"}],"apiSidebar":[{"type":"link","label":"Konva","href":"/docs/api/Konva.html","docId":"api/Konva","unlisted":false},{"type":"link","label":"Animation","href":"/docs/api/Konva.Animation.html","docId":"api/Konva.Animation","unlisted":false},{"type":"link","label":"Arc","href":"/docs/api/Konva.Arc.html","docId":"api/Konva.Arc","unlisted":false},{"type":"link","label":"Arrow","href":"/docs/api/Konva.Arrow.html","docId":"api/Konva.Arrow","unlisted":false},{"type":"link","label":"Canvas","href":"/docs/api/Konva.Canvas.html","docId":"api/Konva.Canvas","unlisted":false},{"type":"link","label":"Circle","href":"/docs/api/Konva.Circle.html","docId":"api/Konva.Circle","unlisted":false},{"type":"link","label":"Container","href":"/docs/api/Konva.Container.html","docId":"api/Konva.Container","unlisted":false},{"type":"link","label":"Context","href":"/docs/api/Konva.Context.html","docId":"api/Konva.Context","unlisted":false},{"type":"link","label":"Easings","href":"/docs/api/Konva.Easings.html","docId":"api/Konva.Easings","unlisted":false},{"type":"link","label":"Ellipse","href":"/docs/api/Konva.Ellipse.html","docId":"api/Konva.Ellipse","unlisted":false},{"type":"link","label":"FastLayer","href":"/docs/api/Konva.FastLayer.html","docId":"api/Konva.FastLayer","unlisted":false},{"type":"link","label":"Filters","href":"/docs/api/Konva.Filters.html","docId":"api/Konva.Filters","unlisted":false},{"type":"link","label":"Group","href":"/docs/api/Konva.Group.html","docId":"api/Konva.Group","unlisted":false},{"type":"link","label":"Image","href":"/docs/api/Konva.Image.html","docId":"api/Konva.Image","unlisted":false},{"type":"link","label":"Label","href":"/docs/api/Konva.Label.html","docId":"api/Konva.Label","unlisted":false},{"type":"link","label":"Layer","href":"/docs/api/Konva.Layer.html","docId":"api/Konva.Layer","unlisted":false},{"type":"link","label":"Line","href":"/docs/api/Konva.Line.html","docId":"api/Konva.Line","unlisted":false},{"type":"link","label":"Node","href":"/docs/api/Konva.Node.html","docId":"api/Konva.Node","unlisted":false},{"type":"link","label":"Path","href":"/docs/api/Konva.Path.html","docId":"api/Konva.Path","unlisted":false},{"type":"link","label":"Rect","href":"/docs/api/Konva.Rect.html","docId":"api/Konva.Rect","unlisted":false},{"type":"link","label":"RegularPolygon","href":"/docs/api/Konva.RegularPolygon.html","docId":"api/Konva.RegularPolygon","unlisted":false},{"type":"link","label":"Ring","href":"/docs/api/Konva.Ring.html","docId":"api/Konva.Ring","unlisted":false},{"type":"link","label":"Shape","href":"/docs/api/Konva.Shape.html","docId":"api/Konva.Shape","unlisted":false},{"type":"link","label":"Sprite","href":"/docs/api/Konva.Sprite.html","docId":"api/Konva.Sprite","unlisted":false},{"type":"link","label":"Stage","href":"/docs/api/Konva.Stage.html","docId":"api/Konva.Stage","unlisted":false},{"type":"link","label":"Star","href":"/docs/api/Konva.Star.html","docId":"api/Konva.Star","unlisted":false},{"type":"link","label":"Tag","href":"/docs/api/Konva.Tag.html","docId":"api/Konva.Tag","unlisted":false},{"type":"link","label":"Text","href":"/docs/api/Konva.Text.html","docId":"api/Konva.Text","unlisted":false},{"type":"link","label":"TextPath","href":"/docs/api/Konva.TextPath.html","docId":"api/Konva.TextPath","unlisted":false},{"type":"link","label":"Transform","href":"/docs/api/Konva.Transform.html","docId":"api/Konva.Transform","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/api/Konva.Transformer.html","docId":"api/Konva.Transformer","unlisted":false},{"type":"link","label":"Tween","href":"/docs/api/Konva.Tween.html","docId":"api/Konva.Tween","unlisted":false},{"type":"link","label":"Util","href":"/docs/api/Konva.Util.html","docId":"api/Konva.Util","unlisted":false},{"type":"link","label":"Wedge","href":"/docs/api/Konva.Wedge.html","docId":"api/Konva.Wedge","unlisted":false}],"demosSidebar":[{"type":"link","label":"Shapes_with_Tooltip","href":"/docs/sandbox/Shapes_with_Tooltip","docId":"sandbox/Shapes_with_Tooltip","unlisted":false},{"type":"link","label":"Nodes","href":"/docs/sandbox/Nodes","docId":"sandbox/Nodes","unlisted":false},{"type":"link","label":"Animals_on_the_Beach_Game","href":"/docs/sandbox/Animals_on_the_Beach_Game","docId":"sandbox/Animals_on_the_Beach_Game","unlisted":false},{"type":"link","label":"Animation_Stress_Test","href":"/docs/sandbox/Animation_Stress_Test","docId":"sandbox/Animation_Stress_Test","unlisted":false},{"type":"link","label":"Canvas_Background","href":"/docs/sandbox/Canvas_Background","docId":"sandbox/Canvas_Background","unlisted":false},{"type":"link","label":"Canvas_Context_Menu","href":"/docs/sandbox/Canvas_Context_Menu","docId":"sandbox/Canvas_Context_Menu","unlisted":false},{"type":"link","label":"Canvas_Editor","href":"/docs/sandbox/Canvas_Editor","docId":"sandbox/Canvas_Editor","unlisted":false},{"type":"link","label":"Canvas_Scrolling","href":"/docs/sandbox/Canvas_Scrolling","docId":"sandbox/Canvas_Scrolling","unlisted":false},{"type":"link","label":"Canvas_to_PDF","href":"/docs/sandbox/Canvas_to_PDF","docId":"sandbox/Canvas_to_PDF","unlisted":false},{"type":"link","label":"Collision_Detection","href":"/docs/sandbox/Collision_Detection","docId":"sandbox/Collision_Detection","unlisted":false},{"type":"link","label":"Connected_Objects","href":"/docs/sandbox/Connected_Objects","docId":"sandbox/Connected_Objects","unlisted":false},{"type":"link","label":"Custom_Font","href":"/docs/sandbox/Custom_Font","docId":"sandbox/Custom_Font","unlisted":false},{"type":"link","label":"Drag_and_Drop_Multiple_Shapes","href":"/docs/sandbox/Drag_and_Drop_Multiple_Shapes","docId":"sandbox/Drag_and_Drop_Multiple_Shapes","unlisted":false},{"type":"link","label":"Drag_and_Drop_Stress_Test","href":"/docs/sandbox/Drag_and_Drop_Stress_Test","docId":"sandbox/Drag_and_Drop_Stress_Test","unlisted":false},{"type":"link","label":"Drop_DOM_Element","href":"/docs/sandbox/Drop_DOM_Element","docId":"sandbox/Drop_DOM_Element","unlisted":false},{"type":"link","label":"Editable_Text","href":"/docs/sandbox/Editable_Text","docId":"sandbox/Editable_Text","unlisted":false},{"type":"link","label":"Elastic_Stars","href":"/docs/sandbox/Elastic_Stars","docId":"sandbox/Elastic_Stars","unlisted":false},{"type":"link","label":"Expand_Images_on_Hover","href":"/docs/sandbox/Expand_Images_on_Hover","docId":"sandbox/Expand_Images_on_Hover","unlisted":false},{"type":"link","label":"Free_Drawing","href":"/docs/sandbox/Free_Drawing","docId":"sandbox/Free_Drawing","unlisted":false},{"type":"link","label":"GIF_On_Canvas","href":"/docs/sandbox/GIF_On_Canvas","docId":"sandbox/GIF_On_Canvas","unlisted":false},{"type":"link","label":"Gestures","href":"/docs/sandbox/Gestures","docId":"sandbox/Gestures","unlisted":false},{"type":"link","label":"Image_Border","href":"/docs/sandbox/Image_Border","docId":"sandbox/Image_Border","unlisted":false},{"type":"link","label":"Image_Border_Highlighting","href":"/docs/sandbox/Image_Border_Highlighting","docId":"sandbox/Image_Border_Highlighting","unlisted":false},{"type":"link","label":"Image_Labeling","href":"/docs/sandbox/Image_Labeling","docId":"sandbox/Image_Labeling","unlisted":false},{"type":"link","label":"Image_Resize","href":"/docs/sandbox/Image_Resize","docId":"sandbox/Image_Resize","unlisted":false},{"type":"link","label":"Interactive_Building_Map","href":"/docs/sandbox/Interactive_Building_Map","docId":"sandbox/Interactive_Building_Map","unlisted":false},{"type":"link","label":"Jumping_Bunnies","href":"/docs/sandbox/Jumping_Bunnies","docId":"sandbox/Jumping_Bunnies","unlisted":false},{"type":"link","label":"Limited_Drag_And_Resize","href":"/docs/sandbox/Limited_Drag_And_Resize","docId":"sandbox/Limited_Drag_And_Resize","unlisted":false},{"type":"link","label":"Mirror_Canvas_Shape","href":"/docs/sandbox/Mirror_Canvas_Shape","docId":"sandbox/Mirror_Canvas_Shape","unlisted":false},{"type":"link","label":"Modify_Curves_with_Anchor_Points","href":"/docs/sandbox/Modify_Curves_with_Anchor_Points","docId":"sandbox/Modify_Curves_with_Anchor_Points","unlisted":false},{"type":"link","label":"Modify_Shape_Color_on_Click","href":"/docs/sandbox/Modify_Shape_Color_on_Click","docId":"sandbox/Modify_Shape_Color_on_Click","unlisted":false},{"type":"link","label":"Multi-touch_Scale_Shape","href":"/docs/sandbox/Multi-touch_Scale_Shape","docId":"sandbox/Multi-touch_Scale_Shape","unlisted":false},{"type":"link","label":"Multi-touch_Scale_Stage","href":"/docs/sandbox/Multi-touch_Scale_Stage","docId":"sandbox/Multi-touch_Scale_Stage","unlisted":false},{"type":"link","label":"Native_Context_Access","href":"/docs/sandbox/Native_Context_Access","docId":"sandbox/Native_Context_Access","unlisted":false},{"type":"link","label":"Objects_Snapping","href":"/docs/sandbox/Objects_Snapping","docId":"sandbox/Objects_Snapping","unlisted":false},{"type":"link","label":"Physics_Simulator","href":"/docs/sandbox/Physics_Simulator","docId":"sandbox/Physics_Simulator","unlisted":false},{"type":"link","label":"Planets_Image_Map","href":"/docs/sandbox/Planets_Image_Map","docId":"sandbox/Planets_Image_Map","unlisted":false},{"type":"link","label":"Quantum_Squiggle","href":"/docs/sandbox/Quantum_Squiggle","docId":"sandbox/Quantum_Squiggle","unlisted":false},{"type":"link","label":"Relative_Pointer_Position","href":"/docs/sandbox/Relative_Pointer_Position","docId":"sandbox/Relative_Pointer_Position","unlisted":false},{"type":"link","label":"Resizing_Stress_Test","href":"/docs/sandbox/Resizing_Stress_Test","docId":"sandbox/Resizing_Stress_Test","unlisted":false},{"type":"link","label":"Responsive_Canvas","href":"/docs/sandbox/Responsive_Canvas","docId":"sandbox/Responsive_Canvas","unlisted":false},{"type":"link","label":"Rich_Text","href":"/docs/sandbox/Rich_Text","docId":"sandbox/Rich_Text","unlisted":false},{"type":"link","label":"SVG_On_Canvas","href":"/docs/sandbox/SVG_On_Canvas","docId":"sandbox/SVG_On_Canvas","unlisted":false},{"type":"link","label":"Scale_Image_To_Fit","href":"/docs/sandbox/Scale_Image_To_Fit","docId":"sandbox/Scale_Image_To_Fit","unlisted":false},{"type":"link","label":"Scroll_By_Edge_Drag","href":"/docs/sandbox/Scroll_By_Edge_Drag","docId":"sandbox/Scroll_By_Edge_Drag","unlisted":false},{"type":"link","label":"Seats_Reservation","href":"/docs/sandbox/Seats_Reservation","docId":"sandbox/Seats_Reservation","unlisted":false},{"type":"link","label":"Shape_Tango","href":"/docs/sandbox/Shape_Tango","docId":"sandbox/Shape_Tango","unlisted":false},{"type":"link","label":"Shape_Tooltips","href":"/docs/sandbox/Shape_Tooltips","docId":"sandbox/Shape_Tooltips","unlisted":false},{"type":"link","label":"Simple_Window_Frame","href":"/docs/sandbox/Simple_Window_Frame","docId":"sandbox/Simple_Window_Frame","unlisted":false},{"type":"link","label":"Stage_Preview","href":"/docs/sandbox/Stage_Preview","docId":"sandbox/Stage_Preview","unlisted":false},{"type":"link","label":"Star_Spinner","href":"/docs/sandbox/Star_Spinner","docId":"sandbox/Star_Spinner","unlisted":false},{"type":"link","label":"Transparent_Group","href":"/docs/sandbox/Transparent_Group","docId":"sandbox/Transparent_Group","unlisted":false},{"type":"link","label":"Video_On_Canvas","href":"/docs/sandbox/Video_On_Canvas","docId":"sandbox/Video_On_Canvas","unlisted":false},{"type":"link","label":"Web_Worker","href":"/docs/sandbox/Web_Worker","docId":"sandbox/Web_Worker","unlisted":false},{"type":"link","label":"Wheel_of_Fortune","href":"/docs/sandbox/Wheel_of_Fortune","docId":"sandbox/Wheel_of_Fortune","unlisted":false},{"type":"link","label":"Window_Frame_Designer","href":"/docs/sandbox/Window_Frame_Designer","docId":"sandbox/Window_Frame_Designer","unlisted":false},{"type":"link","label":"Zoom_Layer_On_hover","href":"/docs/sandbox/Zoom_Layer_On_hover","docId":"sandbox/Zoom_Layer_On_hover","unlisted":false},{"type":"link","label":"Zooming_Relative_To_Pointer","href":"/docs/sandbox/Zooming_Relative_To_Pointer","docId":"sandbox/Zooming_Relative_To_Pointer","unlisted":false}]},"docs":{"animations/Create_an_Animation":{"id":"animations/Create_an_Animation","title":"Create_an_Animation","description":"title: HTML5 Canvas Konva Animation Tutorial","sidebar":"tutorialsSidebar"},"animations/Moving":{"id":"animations/Moving","title":"Moving","description":"title: Animate Position Tutorial","sidebar":"tutorialsSidebar"},"animations/Rotation":{"id":"animations/Rotation","title":"Rotation","description":"title: Rotation Animation tutorial","sidebar":"tutorialsSidebar"},"animations/Scaling":{"id":"animations/Scaling","title":"Scaling","description":"title: HTML5 Canvas Konva Scale Animation Tutorial","sidebar":"tutorialsSidebar"},"animations/Stop_Animation":{"id":"animations/Stop_Animation","title":"Stop_Animation","description":"title: HTML5 Canvas Konva Stop Animation Tutorial","sidebar":"tutorialsSidebar"},"api/Konva":{"id":"api/Konva","title":"Konva","description":"Classes","sidebar":"apiSidebar"},"api/Konva.Animation":{"id":"api/Konva.Animation","title":"Konva.Animation","description":"Animation constructor.","sidebar":"apiSidebar"},"api/Konva.Arc":{"id":"api/Konva.Arc","title":"Konva.Arc","description":"Arc constructor","sidebar":"apiSidebar"},"api/Konva.Arrow":{"id":"api/Konva.Arrow","title":"Konva.Arrow","description":"Arrow constructor","sidebar":"apiSidebar"},"api/Konva.Canvas":{"id":"api/Konva.Canvas","title":"Konva.Canvas","description":"Canvas Renderer constructor. It is a wrapper around native canvas element. Usually you don't need to use it manually.","sidebar":"apiSidebar"},"api/Konva.Circle":{"id":"api/Konva.Circle","title":"Konva.Circle","description":"Circle constructor","sidebar":"apiSidebar"},"api/Konva.Container":{"id":"api/Konva.Container","title":"Konva.Container","description":"Container constructor.&nbsp; Containers are used to contain nodes or other containers","sidebar":"apiSidebar"},"api/Konva.Context":{"id":"api/Konva.Context","title":"Konva.Context","description":"Konva wrapper around native 2d canvas context. It has almost the same API of 2d context with some additional functions. With core Konva shapes you don't need to use this object. But you will use it if you want to create a custom shape or a custom hit regions. For full information about each 2d context API use MDN documentation","sidebar":"apiSidebar"},"api/Konva.Easings":{"id":"api/Konva.Easings","title":"Konva.Easings","description":"Own Methods","sidebar":"apiSidebar"},"api/Konva.Ellipse":{"id":"api/Konva.Ellipse","title":"Konva.Ellipse","description":"Ellipse constructor","sidebar":"apiSidebar"},"api/Konva.FastLayer":{"id":"api/Konva.FastLayer","title":"Konva.FastLayer","description":"FastLayer constructor. DEPRECATED! Please use Konva.Layer(\\{ listening: false\\}) instead. Layers are tied to their own canvas element and are used to contain shapes only.  If you don't need node nesting, mouse and touch interactions, or event pub/sub, you should use FastLayer instead of Layer to create your layers. It renders about 2x faster than normal layers.","sidebar":"apiSidebar"},"api/Konva.Filters":{"id":"api/Konva.Filters","title":"Konva.Filters","description":"Own Methods","sidebar":"apiSidebar"},"api/Konva.Group":{"id":"api/Konva.Group","title":"Konva.Group","description":"Group constructor.  Groups are used to contain shapes or other groups.","sidebar":"apiSidebar"},"api/Konva.Image":{"id":"api/Konva.Image","title":"Konva.Image","description":"Image constructor","sidebar":"apiSidebar"},"api/Konva.Label":{"id":"api/Konva.Label","title":"Konva.Label","description":"Label constructor.&nbsp; Labels are groups that contain a Text and Tag shape","sidebar":"apiSidebar"},"api/Konva.Layer":{"id":"api/Konva.Layer","title":"Konva.Layer","description":"Layer constructor.  Layers are tied to their own canvas element and are used to contain groups or shapes.","sidebar":"apiSidebar"},"api/Konva.Line":{"id":"api/Konva.Line","title":"Konva.Line","description":"Line constructor.&nbsp; Lines are defined by an array of points and  a tension","sidebar":"apiSidebar"},"api/Konva.Node":{"id":"api/Konva.Node","title":"Konva.Node","description":"Node constructor. Nodes are entities that can be transformed, layered, and have bound events. The stage, layers, groups, and shapes all extend Node.","sidebar":"apiSidebar"},"api/Konva.Path":{"id":"api/Konva.Path","title":"Konva.Path","description":"Path constructor.","sidebar":"apiSidebar"},"api/Konva.Rect":{"id":"api/Konva.Rect","title":"Konva.Rect","description":"Rect constructor","sidebar":"apiSidebar"},"api/Konva.RegularPolygon":{"id":"api/Konva.RegularPolygon","title":"Konva.RegularPolygon","description":"RegularPolygon constructor. Examples include triangles, squares, pentagons, hexagons, etc.","sidebar":"apiSidebar"},"api/Konva.Ring":{"id":"api/Konva.Ring","title":"Konva.Ring","description":"Ring constructor","sidebar":"apiSidebar"},"api/Konva.Shape":{"id":"api/Konva.Shape","title":"Konva.Shape","description":"Shape constructor.  Shapes are primitive objects such as rectangles,  circles, text, lines, etc.","sidebar":"apiSidebar"},"api/Konva.Sprite":{"id":"api/Konva.Sprite","title":"Konva.Sprite","description":"Sprite constructor","sidebar":"apiSidebar"},"api/Konva.Stage":{"id":"api/Konva.Stage","title":"Konva.Stage","description":"Stage constructor.  A stage is used to contain multiple layers","sidebar":"apiSidebar"},"api/Konva.Star":{"id":"api/Konva.Star","title":"Konva.Star","description":"Star constructor","sidebar":"apiSidebar"},"api/Konva.Tag":{"id":"api/Konva.Tag","title":"Konva.Tag","description":"Tag constructor.&nbsp; A Tag can be configured  to have a pointer element that points up, right, down, or left","sidebar":"apiSidebar"},"api/Konva.Text":{"id":"api/Konva.Text","title":"Konva.Text","description":"Text constructor","sidebar":"apiSidebar"},"api/Konva.TextPath":{"id":"api/Konva.TextPath","title":"Konva.TextPath","description":"Path constructor.","sidebar":"apiSidebar"},"api/Konva.Transform":{"id":"api/Konva.Transform","title":"Konva.Transform","description":"Transform constructor. In most of the cases you don't need to use it in your app. Because it is for internal usage in Konva core. But there is a documentation for that class in case you still want to make some manual calculations.","sidebar":"apiSidebar"},"api/Konva.Transformer":{"id":"api/Konva.Transformer","title":"Konva.Transformer","description":"Transformer constructor.  Transformer is a special type of group that allow you transform Konva primitives and shapes. Transforming tool is not changing width and height properties of nodes when you resize them. Instead it changes scaleX and scaleY properties.","sidebar":"apiSidebar"},"api/Konva.Tween":{"id":"api/Konva.Tween","title":"Konva.Tween","description":"Tween constructor.  Tweens enable you to animate a node between the current state and a new state.  You can play, pause, reverse, seek, reset, and finish tweens.  By default, tweens are animated using  a linear easing.  For more tweening options, check out Konva.Easings","sidebar":"apiSidebar"},"api/Konva.Util":{"id":"api/Konva.Util","title":"Konva.Util","description":"Own Methods","sidebar":"apiSidebar"},"api/Konva.Wedge":{"id":"api/Konva.Wedge","title":"Konva.Wedge","description":"Wedge constructor","sidebar":"apiSidebar"},"clipping/Clipping_Function":{"id":"clipping/Clipping_Function","title":"Clipping_Function","description":"title: Clipping Functions Tutorial","sidebar":"tutorialsSidebar"},"clipping/Clipping_Regions":{"id":"clipping/Clipping_Regions","title":"Clipping_Regions","description":"title: HTML5 Canvas Simple Clipping tutorial","sidebar":"tutorialsSidebar"},"data_and_serialization/Best_Practices":{"id":"data_and_serialization/Best_Practices","title":"Best_Practices","description":"title: Save and Load HTML5 Canvas Stage Best Practices","sidebar":"tutorialsSidebar"},"data_and_serialization/Complex_Load":{"id":"data_and_serialization/Complex_Load","title":"Complex_Load","description":"title: Load HTML5 Canvas Stage from JSON Tutorial","sidebar":"tutorialsSidebar"},"data_and_serialization/High-Quality-Export":{"id":"data_and_serialization/High-Quality-Export","title":"High-Quality-Export","description":"title: HTML5 Canvas Export to High Quality Image Tutorial","sidebar":"tutorialsSidebar"},"data_and_serialization/Serialize_a_Stage":{"id":"data_and_serialization/Serialize_a_Stage","title":"Serialize_a_Stage","description":"title: Save HTML5 Canvas Stage as JSON String","sidebar":"tutorialsSidebar"},"data_and_serialization/Simple_Load":{"id":"data_and_serialization/Simple_Load","title":"Simple_Load","description":"title: Load Stage with JSON String","sidebar":"tutorialsSidebar"},"data_and_serialization/Stage_Data_URL":{"id":"data_and_serialization/Stage_Data_URL","title":"Stage_Data_URL","description":"title: HTML5 Canvas to Data URL Tutorial","sidebar":"tutorialsSidebar"},"donate":{"id":"donate","title":"How to support and donate to Konva project?","description":"Hello, my name is Anton. I am core maintainer of Konva framework.","sidebar":"tutorialsSidebar"},"drag_and_drop/Complex_Drag_and_Drop":{"id":"drag_and_drop/Complex_Drag_and_Drop","title":"Complex_Drag_and_Drop","description":"title: HTML5 Canvas Complex Drag and Drop Bounds","sidebar":"tutorialsSidebar"},"drag_and_drop/Drag_a_Group":{"id":"drag_and_drop/Drag_a_Group","title":"Drag_a_Group","description":"title: HTML5 Canvas Drag and Drop a Group Tutorial","sidebar":"tutorialsSidebar"},"drag_and_drop/Drag_a_Line":{"id":"drag_and_drop/Drag_a_Line","title":"Drag_a_Line","description":"title: Drag and Drop a Line","sidebar":"tutorialsSidebar"},"drag_and_drop/Drag_a_Stage":{"id":"drag_and_drop/Drag_a_Stage","title":"Drag_a_Stage","description":"title: HTML5 Canvas Drag and Drop the Stage","sidebar":"tutorialsSidebar"},"drag_and_drop/Drag_an_Image":{"id":"drag_and_drop/Drag_an_Image","title":"Drag_an_Image","description":"title: HTML5 Canvas Drag and Drop an Image","sidebar":"tutorialsSidebar"},"drag_and_drop/Drag_and_Drop":{"id":"drag_and_drop/Drag_and_Drop","title":"Drag_and_Drop","description":"title: HTML5 Canvas Drag and Drop Tutorial","sidebar":"tutorialsSidebar"},"drag_and_drop/Drag_Events":{"id":"drag_and_drop/Drag_Events","title":"Drag_Events","description":"title: HTML5 Canvas Drag and Drop Events","sidebar":"tutorialsSidebar"},"drag_and_drop/Drop_Events":{"id":"drag_and_drop/Drop_Events","title":"Drop_Events","description":"title: HTML5 Canvas Drop Events","sidebar":"tutorialsSidebar"},"drag_and_drop/Simple_Drag_Bounds":{"id":"drag_and_drop/Simple_Drag_Bounds","title":"Simple_Drag_Bounds","description":"title: HTML5 Canvas Simple Drag Bounds Tutorial","sidebar":"tutorialsSidebar"},"events/Binding_Events":{"id":"events/Binding_Events","title":"Binding_Events","description":"title: HTML5 Canvas Shape Events","sidebar":"tutorialsSidebar"},"events/Cancel_Propagation":{"id":"events/Cancel_Propagation","title":"Cancel_Propagation","description":"title: HTML5 Canvas Cancel Event Bubble Propagation with Konva","sidebar":"tutorialsSidebar"},"events/Custom_Hit_Region":{"id":"events/Custom_Hit_Region","title":"Custom_Hit_Region","description":"title: HTML5 Canvas Custom Hit Detection Function Tutorial","sidebar":"tutorialsSidebar"},"events/Desktop_and_Mobile":{"id":"events/Desktop_and_Mobile","title":"Desktop_and_Mobile","description":"title: HTML5 Canvas Desktop and Mobile Events Support Tutorial","sidebar":"tutorialsSidebar"},"events/Event_Delegation":{"id":"events/Event_Delegation","title":"Event_Delegation","description":"title: HTML5 Canvas Event Delegation with Konva","sidebar":"tutorialsSidebar"},"events/Fire_Events":{"id":"events/Fire_Events","title":"Fire_Events","description":"title: HTML5 Canvas Fire Event with Konva","sidebar":"tutorialsSidebar"},"events/Image_Events":{"id":"events/Image_Events","title":"Image_Events","description":"title: HTML5 Canvas Image Events with Konva","sidebar":"tutorialsSidebar"},"events/Keyboard_Events":{"id":"events/Keyboard_Events","title":"Keyboard_Events","description":"title: HTML5 Canvas Keyboard events with Konva","sidebar":"tutorialsSidebar"},"events/Listen_for_Events":{"id":"events/Listen_for_Events","title":"Listen_for_Events","description":"title: HTML5 Canvas Listen or Don’t Listen to Events with Konva","sidebar":"tutorialsSidebar"},"events/Mobile_Events":{"id":"events/Mobile_Events","title":"Mobile_Events","description":"title: HTML5 Canvas Mobile Touch Events Tutorial","sidebar":"tutorialsSidebar"},"events/Mobile_Scrolling":{"id":"events/Mobile_Scrolling","title":"Mobile_Scrolling","description":"title: HTML5 Canvas Mobile Scrolling and Native Events with Konva","sidebar":"tutorialsSidebar"},"events/Multi_Event":{"id":"events/Multi_Event","title":"Multi_Event","description":"title: HTML5 Canvas Canvas Multi-Event Binding Tutorial","sidebar":"tutorialsSidebar"},"events/Pointer_Events":{"id":"events/Pointer_Events","title":"Pointer_Events","description":"title: HTML5 Canvas Pointer Events Tutorial","sidebar":"tutorialsSidebar"},"events/Remove_by_Name":{"id":"events/Remove_by_Name","title":"Remove_by_Name","description":"title: HTML5 Canvas Remove Event Listener by Name with Konva","sidebar":"tutorialsSidebar"},"events/Remove_Event":{"id":"events/Remove_Event","title":"Remove_Event","description":"title: HTML5 Canvas Remove Event Listener with Konva","sidebar":"tutorialsSidebar"},"events/Stage_Events":{"id":"events/Stage_Events","title":"Stage_Events","description":"title: HTML5 Canvas Special Stage Events Konva","sidebar":"tutorialsSidebar"},"filters/Blur":{"id":"filters/Blur","title":"Blur","description":"title: HTML5 Canvas Blur Image Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/Brighten":{"id":"filters/Brighten","title":"Brighten","description":"title: HTML5 Canvas Brighten Image Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/Contrast":{"id":"filters/Contrast","title":"Contrast","description":"title: HTML5 Canvas Contrast filter Image Tutorial","sidebar":"tutorialsSidebar"},"filters/Custom_Filter":{"id":"filters/Custom_Filter","title":"Custom_Filter","description":"title: HTML5 Canvas Custom Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/Emboss":{"id":"filters/Emboss","title":"Emboss","description":"title: HTML5 Canvas Emboss filter Image Tutorial","sidebar":"tutorialsSidebar"},"filters/Enhance":{"id":"filters/Enhance","title":"Enhance","description":"title: HTML5 Canvas Enhance Image Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/Grayscale":{"id":"filters/Grayscale","title":"Grayscale","description":"title: HTML5 Canvas Grayscale Image Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/HSL":{"id":"filters/HSL","title":"HSL","description":"title: HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial","sidebar":"tutorialsSidebar"},"filters/HSV":{"id":"filters/HSV","title":"HSV","description":"title: HTML5 Canvas Hue, Saturation and Value filter Image Tutorial","sidebar":"tutorialsSidebar"},"filters/Invert":{"id":"filters/Invert","title":"Invert","description":"title: HTML5 Canvas Invert Image Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/Kaleidoscope":{"id":"filters/Kaleidoscope","title":"Kaleidoscope","description":"title: HTML5 Canvas Kaleidoscope Image Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/Mask":{"id":"filters/Mask","title":"Mask","description":"title: HTML5 Canvas Mask Image Filter Tutorial","sidebar":"tutorialsSidebar"},"filters/Multiple_Filters":{"id":"filters/Multiple_Filters","title":"Multiple_Filters","description":"title: HTML5 Canvas Multiple Filters Tutorial","sidebar":"tutorialsSidebar"},"filters/Noise":{"id":"filters/Noise","title":"Noise","description":"title: HTML5 Canvas Noise filter Image Tutorial","sidebar":"tutorialsSidebar"},"filters/Pixelate":{"id":"filters/Pixelate","title":"Pixelate","description":"title: HTML5 Canvas Pixelate filter Image Tutorial","sidebar":"tutorialsSidebar"},"filters/RGB":{"id":"filters/RGB","title":"RGB","description":"title: HTML5 Canvas RGB filter Image Tutorial","sidebar":"tutorialsSidebar"},"filters/RGBA":{"id":"filters/RGBA","title":"RGBA","description":"title: HTML5 Canvas RGBA filter Image Tutorial","sidebar":"tutorialsSidebar"},"groups_and_layers/Change_Containers":{"id":"groups_and_layers/Change_Containers","title":"Change_Containers","description":"title: HTML5 Canvas Move Shape to Another Container Tutorial","sidebar":"tutorialsSidebar"},"groups_and_layers/Groups":{"id":"groups_and_layers/Groups","title":"Groups","description":"title: HTML5 Canvas Shape Groups","sidebar":"tutorialsSidebar"},"groups_and_layers/Layering":{"id":"groups_and_layers/Layering","title":"Layering","description":"title: HTML5 Canvas Shape Layering","sidebar":"tutorialsSidebar"},"groups_and_layers/zIndex":{"id":"groups_and_layers/zIndex","title":"zIndex","description":"title: How to set correct order of nodes using zIndex?","sidebar":"tutorialsSidebar"},"index":{"id":"index","title":"Starting with Konva","description":"What's Konva?","sidebar":"tutorialsSidebar"},"overview":{"id":"overview","title":"Konva Framework Overview","description":"What's Konva?","sidebar":"tutorialsSidebar"},"performance/All_Performance_Tips":{"id":"performance/All_Performance_Tips","title":"All_Performance_Tips","description":"title: HTML5 Canvas All Konva performance tips list","sidebar":"tutorialsSidebar"},"performance/Avoid_Memory_Leaks":{"id":"performance/Avoid_Memory_Leaks","title":"Avoid_Memory_Leaks","description":"title: HTML5 Canvas How to avoid Memory leaks Tip","sidebar":"tutorialsSidebar"},"performance/Batch_Draw":{"id":"performance/Batch_Draw","title":"Batch_Draw","description":"title: HTML5 Canvas Batch Draw Tip","sidebar":"tutorialsSidebar"},"performance/Disable_Perfect_Draw":{"id":"performance/Disable_Perfect_Draw","title":"Disable_Perfect_Draw","description":"title: HTML5 Canvas Disable Perfect Drawing Tip","sidebar":"tutorialsSidebar"},"performance/Layer_Management":{"id":"performance/Layer_Management","title":"Layer_Management","description":"title: HTML5 Canvas Layer Management Performance Tip","sidebar":"tutorialsSidebar"},"performance/Listening_False":{"id":"performance/Listening_False","title":"Listening_False","description":"title: Disable Listening Shapes Tip","sidebar":"tutorialsSidebar"},"performance/Optimize_Animation":{"id":"performance/Optimize_Animation","title":"Optimize_Animation","description":"title: HTML5 Canvas Optimize Animation Performance Tip","sidebar":"tutorialsSidebar"},"performance/Optimize_Strokes":{"id":"performance/Optimize_Strokes","title":"Optimize_Strokes","description":"title: HTML5 Canvas Optimizing Strokes Performance Tip","sidebar":"tutorialsSidebar"},"performance/Shape_Caching":{"id":"performance/Shape_Caching","title":"Shape_Caching","description":"title: HTML5 Canvas Shape Caching Performance Tip","sidebar":"tutorialsSidebar"},"performance/Shape_Redraw":{"id":"performance/Shape_Redraw","title":"Shape_Redraw","description":"title: HTML5 Canvas Shape Redraw Performance Tip","sidebar":"tutorialsSidebar"},"posts/Position_vs_Offset":{"id":"posts/Position_vs_Offset","title":"Position_vs_Offset","description":"title: What is the difference between position and offset in Konva","sidebar":"tutorialsSidebar"},"posts/Tainted_Canvas":{"id":"posts/Tainted_Canvas","title":"Tainted_Canvas","description":"title: Resolving \"Tainted canvases may not be exported\" with Konva","sidebar":"tutorialsSidebar"},"react/Access_Konva_Nodes":{"id":"react/Access_Konva_Nodes","title":"Access_Konva_Nodes","description":"title: How to access Konva nodes from react-konva?","sidebar":"tutorialsSidebar"},"react/Canvas_Export":{"id":"react/Canvas_Export","title":"Canvas_Export","description":"title: How to export a canvas into an image from react-konva?","sidebar":"tutorialsSidebar"},"react/Canvas_Portal":{"id":"react/Canvas_Portal","title":"Canvas_Portal","description":"title: How to use portals in react-konva?","sidebar":"tutorialsSidebar"},"react/Complex_Animations":{"id":"react/Complex_Animations","title":"Complex_Animations","description":"title: How to apply canvas animations with react and konva?","sidebar":"tutorialsSidebar"},"react/Custom_Shape":{"id":"react/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom shapes with React?","sidebar":"tutorialsSidebar"},"react/DOM_Portal":{"id":"react/DOM_Portal","title":"DOM_Portal","description":"title: Render DOM elements inside a canvas stage","sidebar":"tutorialsSidebar"},"react/Drag_And_Drop":{"id":"react/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes","sidebar":"tutorialsSidebar"},"react/Drop_Image":{"id":"react/Drop_Image","title":"Drop_Image","description":"title: How to drop image elements into a canvas with React?","sidebar":"tutorialsSidebar"},"react/Events":{"id":"react/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with React and Konva?","sidebar":"tutorialsSidebar"},"react/Filters":{"id":"react/Filters","title":"Filters","description":"title: How to apply canvas filters with react and konva?","sidebar":"tutorialsSidebar"},"react/Free_Drawing":{"id":"react/Free_Drawing","title":"Free_Drawing","description":"title: How to implement free drawing on canvas with react?","sidebar":"tutorialsSidebar"},"react/Images":{"id":"react/Images","title":"Images","description":"title: How to draw images on canvas with React?","sidebar":"tutorialsSidebar"},"react/index":{"id":"react/index","title":"index","description":"title: Getting started with react and canvas via Konva","sidebar":"tutorialsSidebar"},"react/Intro":{"id":"react/Intro","title":"Intro","description":"title: react-konva - declarative canvas components for React","sidebar":"tutorialsSidebar"},"react/Shapes":{"id":"react/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with React","sidebar":"tutorialsSidebar"},"react/Simple_Animations":{"id":"react/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with react and konva?","sidebar":"tutorialsSidebar"},"react/Transformer":{"id":"react/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with react and konva?","sidebar":"tutorialsSidebar"},"react/Undo-Redo":{"id":"react/Undo-Redo","title":"Undo-Redo","description":"title: How to implement undo/redo on canvas with React?","sidebar":"tutorialsSidebar"},"react/zIndex":{"id":"react/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with React?","sidebar":"tutorialsSidebar"},"sandbox/Animals_on_the_Beach_Game":{"id":"sandbox/Animals_on_the_Beach_Game","title":"Animals_on_the_Beach_Game","description":"title: Animals on the Beach Game","sidebar":"demosSidebar"},"sandbox/Animation_Stress_Test":{"id":"sandbox/Animation_Stress_Test","title":"Animation_Stress_Test","description":"title: Animation Stress Test","sidebar":"demosSidebar"},"sandbox/Canvas_Background":{"id":"sandbox/Canvas_Background","title":"Canvas_Background","description":"title: How to add background to canvas?","sidebar":"demosSidebar"},"sandbox/Canvas_Context_Menu":{"id":"sandbox/Canvas_Context_Menu","title":"Canvas_Context_Menu","description":"title: How to show a context menu for HTML5 canvas shape?","sidebar":"demosSidebar"},"sandbox/Canvas_Editor":{"id":"sandbox/Canvas_Editor","title":"Canvas_Editor","description":"title: Canvas Designer Editor for JavaScript","sidebar":"demosSidebar"},"sandbox/Canvas_Scrolling":{"id":"sandbox/Canvas_Scrolling","title":"Canvas_Scrolling","description":"title: HTML5 Large Canvas Scrolling Demo","sidebar":"demosSidebar"},"sandbox/Canvas_to_PDF":{"id":"sandbox/Canvas_to_PDF","title":"Canvas_to_PDF","description":"title: How to convert canvas to pdf","sidebar":"demosSidebar"},"sandbox/Collision_Detection":{"id":"sandbox/Collision_Detection","title":"Collision_Detection","description":"title: Drag and Drop Collision Detection Demo","sidebar":"demosSidebar"},"sandbox/Connected_Objects":{"id":"sandbox/Connected_Objects","title":"Connected_Objects","description":"title: Connect objects HTML5 canvas with Konva","sidebar":"demosSidebar"},"sandbox/Custom_Font":{"id":"sandbox/Custom_Font","title":"Custom_Font","description":"title: How to use custom font for HTML5 canvas?","sidebar":"demosSidebar"},"sandbox/Drag_and_Drop_Multiple_Shapes":{"id":"sandbox/Drag_and_Drop_Multiple_Shapes","title":"Drag_and_Drop_Multiple_Shapes","description":"title: Drag and Drop Multiple Shapes","sidebar":"demosSidebar"},"sandbox/Drag_and_Drop_Stress_Test":{"id":"sandbox/Drag_and_Drop_Stress_Test","title":"Drag_and_Drop_Stress_Test","description":"title: Drag and Drop Stress Test with 10,000 Shapes","sidebar":"demosSidebar"},"sandbox/Drop_DOM_Element":{"id":"sandbox/Drop_DOM_Element","title":"Drop_DOM_Element","description":"title: How to drag and drop DOM image into the canvas","sidebar":"demosSidebar"},"sandbox/Editable_Text":{"id":"sandbox/Editable_Text","title":"Editable_Text","description":"title: Text editing in HTML5 canvas with Konva","sidebar":"demosSidebar"},"sandbox/Elastic_Stars":{"id":"sandbox/Elastic_Stars","title":"Elastic_Stars","description":"title: Elastic Stars","sidebar":"demosSidebar"},"sandbox/Expand_Images_on_Hover":{"id":"sandbox/Expand_Images_on_Hover","title":"Expand_Images_on_Hover","description":"title: Expand Image on Hover","sidebar":"demosSidebar"},"sandbox/Free_Drawing":{"id":"sandbox/Free_Drawing","title":"Free_Drawing","description":"title: Free Drawing Konva Demo","sidebar":"demosSidebar"},"sandbox/Gestures":{"id":"sandbox/Gestures","title":"Gestures","description":"title: Gesture Events on Canvas Shapes","sidebar":"demosSidebar"},"sandbox/GIF_On_Canvas":{"id":"sandbox/GIF_On_Canvas","title":"GIF_On_Canvas","description":"title: How to animate GIF on Canvas","sidebar":"demosSidebar"},"sandbox/Image_Border":{"id":"sandbox/Image_Border","title":"Image_Border","description":"title: Border for Image around Non Transparent parts","sidebar":"demosSidebar"},"sandbox/Image_Border_Highlighting":{"id":"sandbox/Image_Border_Highlighting","title":"Image_Border_Highlighting","description":"title: Drag and Drop Multiple Images with Border Highlighting","sidebar":"demosSidebar"},"sandbox/Image_Labeling":{"id":"sandbox/Image_Labeling","title":"Image_Labeling","description":"title: Drawing Labels on Image with canvas","sidebar":"demosSidebar"},"sandbox/Image_Resize":{"id":"sandbox/Image_Resize","title":"Image_Resize","description":"title: HTML5 Canvas Drag, Drop, and Resize Images Demo","sidebar":"demosSidebar"},"sandbox/Interactive_Building_Map":{"id":"sandbox/Interactive_Building_Map","title":"Interactive_Building_Map","description":"title: Interactive Building Map","sidebar":"demosSidebar"},"sandbox/Jumping_Bunnies":{"id":"sandbox/Jumping_Bunnies","title":"Jumping_Bunnies","description":"title: Jumping bunnies performance stress test","sidebar":"demosSidebar"},"sandbox/Limited_Drag_And_Resize":{"id":"sandbox/Limited_Drag_And_Resize","title":"Limited_Drag_And_Resize","description":"title: How to limit dragging and resizing of shapes by canvas stage?","sidebar":"demosSidebar"},"sandbox/Mirror_Canvas_Shape":{"id":"sandbox/Mirror_Canvas_Shape","title":"Mirror_Canvas_Shape","description":"title: How to flip shapes or image on canvas?","sidebar":"demosSidebar"},"sandbox/Modify_Curves_with_Anchor_Points":{"id":"sandbox/Modify_Curves_with_Anchor_Points","title":"Modify_Curves_with_Anchor_Points","description":"title: Modify Curves with Anchor Points","sidebar":"demosSidebar"},"sandbox/Modify_Shape_Color_on_Click":{"id":"sandbox/Modify_Shape_Color_on_Click","title":"Modify_Shape_Color_on_Click","description":"title: Modify Shape Color on Click","sidebar":"demosSidebar"},"sandbox/Multi-touch_Scale_Shape":{"id":"sandbox/Multi-touch_Scale_Shape","title":"Multi-touch_Scale_Shape","description":"title: Multi-touch Scale Shape","sidebar":"demosSidebar"},"sandbox/Multi-touch_Scale_Stage":{"id":"sandbox/Multi-touch_Scale_Stage","title":"Multi-touch_Scale_Stage","description":"title: Multi-touch Canvas scale with pinch zoom","sidebar":"demosSidebar"},"sandbox/Native_Context_Access":{"id":"sandbox/Native_Context_Access","title":"Native_Context_Access","description":"title: How to access native 2d context","sidebar":"demosSidebar"},"sandbox/Nodes":{"id":"sandbox/Nodes","title":"Nodes","description":"title: Interactive Scatter Plot with 20,000 Nodes","sidebar":"demosSidebar"},"sandbox/Objects_Snapping":{"id":"sandbox/Objects_Snapping","title":"Objects_Snapping","description":"title: How to snap shapes positions on dragging with Konva?","sidebar":"demosSidebar"},"sandbox/Physics_Simulator":{"id":"sandbox/Physics_Simulator","title":"Physics_Simulator","description":"title: Physics Simulator with Curve Detection","sidebar":"demosSidebar"},"sandbox/Planets_Image_Map":{"id":"sandbox/Planets_Image_Map","title":"Planets_Image_Map","description":"title: Planets Image Map","sidebar":"demosSidebar"},"sandbox/Quantum_Squiggle":{"id":"sandbox/Quantum_Squiggle","title":"Quantum_Squiggle","description":"title:  Oscillating Blobs","sidebar":"demosSidebar"},"sandbox/Relative_Pointer_Position":{"id":"sandbox/Relative_Pointer_Position","title":"Relative_Pointer_Position","description":"title: How to find relative mouse position?","sidebar":"demosSidebar"},"sandbox/Resizing_Stress_Test":{"id":"sandbox/Resizing_Stress_Test","title":"Resizing_Stress_Test","description":"title: Resizing Stress Test with Konva","sidebar":"demosSidebar"},"sandbox/Responsive_Canvas":{"id":"sandbox/Responsive_Canvas","title":"Responsive_Canvas","description":"title: Responsive Canvas Stage Demo","sidebar":"demosSidebar"},"sandbox/Rich_Text":{"id":"sandbox/Rich_Text","title":"Rich_Text","description":"title: How to show rich html on canvas with Konva","sidebar":"demosSidebar"},"sandbox/Scale_Image_To_Fit":{"id":"sandbox/Scale_Image_To_Fit","title":"Scale_Image_To_Fit","description":"title: Scaling image to fit a fixed area on canvas","sidebar":"demosSidebar"},"sandbox/Scroll_By_Edge_Drag":{"id":"sandbox/Scroll_By_Edge_Drag","title":"Scroll_By_Edge_Drag","description":"title: How to automatically scroll stage by edge drag?","sidebar":"demosSidebar"},"sandbox/Seats_Reservation":{"id":"sandbox/Seats_Reservation","title":"Seats_Reservation","description":"title: Seats bookings widget for the website with canvas","sidebar":"demosSidebar"},"sandbox/Shape_Tango":{"id":"sandbox/Shape_Tango","title":"Shape_Tango","description":"title: HTML5 Canvas Shape Tango with Konva","sidebar":"demosSidebar"},"sandbox/Shape_Tooltips":{"id":"sandbox/Shape_Tooltips","title":"Shape_Tooltips","description":"title: Shape Tooltips","sidebar":"demosSidebar"},"sandbox/Shapes_with_Tooltip":{"id":"sandbox/Shapes_with_Tooltip","title":"Shapes_with_Tooltip","description":"title: 10,000 Shapes with Tooltips Stress Test with Konva","sidebar":"demosSidebar"},"sandbox/Simple_Window_Frame":{"id":"sandbox/Simple_Window_Frame","title":"Simple_Window_Frame","description":"title: HTML5 Canvas Simple Window Designer","sidebar":"demosSidebar"},"sandbox/Stage_Preview":{"id":"sandbox/Stage_Preview","title":"Stage_Preview","description":"title: How to preview large stage on canvas with Konva?","sidebar":"demosSidebar"},"sandbox/Star_Spinner":{"id":"sandbox/Star_Spinner","title":"Star_Spinner","description":"title: Star Spinner","sidebar":"demosSidebar"},"sandbox/SVG_On_Canvas":{"id":"sandbox/SVG_On_Canvas","title":"SVG_On_Canvas","description":"title: How to draw SVG image on canvas with Konva","sidebar":"demosSidebar"},"sandbox/Transparent_Group":{"id":"sandbox/Transparent_Group","title":"Transparent_Group","description":"title: How to apply transparency for several shapes at once?","sidebar":"demosSidebar"},"sandbox/Video_On_Canvas":{"id":"sandbox/Video_On_Canvas","title":"Video_On_Canvas","description":"title: How to display video on Canvas","sidebar":"demosSidebar"},"sandbox/Web_Worker":{"id":"sandbox/Web_Worker","title":"Web_Worker","description":"title: Offscreen canvas inside Web Worker","sidebar":"demosSidebar"},"sandbox/Wheel_of_Fortune":{"id":"sandbox/Wheel_of_Fortune","title":"Wheel_of_Fortune","description":"title: Wheel of Fortune HTML5 Canvas Game","sidebar":"demosSidebar"},"sandbox/Window_Frame_Designer":{"id":"sandbox/Window_Frame_Designer","title":"Window_Frame_Designer","description":"title: HTML5 Canvas Window Frame Designer","sidebar":"demosSidebar"},"sandbox/Zoom_Layer_On_hover":{"id":"sandbox/Zoom_Layer_On_hover","title":"Zoom_Layer_On_hover","description":"title: Zoom Image on Hover","sidebar":"demosSidebar"},"sandbox/Zooming_Relative_To_Pointer":{"id":"sandbox/Zooming_Relative_To_Pointer","title":"Zooming_Relative_To_Pointer","description":"title: Zooming stage relative to pointer position","sidebar":"demosSidebar"},"select_and_transform/Basic_demo":{"id":"select_and_transform/Basic_demo","title":"Basic_demo","description":"title: HTML5 Canvas Shape select, resize and rotate","sidebar":"tutorialsSidebar"},"select_and_transform/Centered_Scaling":{"id":"select_and_transform/Centered_Scaling","title":"Centered_Scaling","description":"title: HTML5 Canvas Shape Resize Relative to Center","sidebar":"tutorialsSidebar"},"select_and_transform/Force_Update":{"id":"select_and_transform/Force_Update","title":"Force_Update","description":"title: HTML5 Canvas Force Update Tutorial","sidebar":"tutorialsSidebar"},"select_and_transform/Ignore_Stroke_On_Transform":{"id":"select_and_transform/Ignore_Stroke_On_Transform","title":"Ignore_Stroke_On_Transform","description":"title: How to resize shape on canvas without changing its stroke size?","sidebar":"tutorialsSidebar"},"select_and_transform/Keep_Ratio":{"id":"select_and_transform/Keep_Ratio","title":"Keep_Ratio","description":"title: HTML5 Canvas Shape Resize With Ratio Preserved","sidebar":"tutorialsSidebar"},"select_and_transform/Resize_Limits":{"id":"select_and_transform/Resize_Limits","title":"Resize_Limits","description":"title: HTML5 Canvas Shape Resize and Transform Limits","sidebar":"tutorialsSidebar"},"select_and_transform/Resize_Snaps":{"id":"select_and_transform/Resize_Snaps","title":"Resize_Snaps","description":"title: HTML5 Canvas Shape Resize Snapping","sidebar":"tutorialsSidebar"},"select_and_transform/Resize_Text":{"id":"select_and_transform/Resize_Text","title":"Resize_Text","description":"title: How to resize text on canvas?","sidebar":"tutorialsSidebar"},"select_and_transform/Rotation_Snaps":{"id":"select_and_transform/Rotation_Snaps","title":"Rotation_Snaps","description":"title: HTML5 Canvas Shape Snap Rotation","sidebar":"tutorialsSidebar"},"select_and_transform/Stop_Transform":{"id":"select_and_transform/Stop_Transform","title":"Stop_Transform","description":"title: HTML5 Canvas Stop Shape Transform","sidebar":"tutorialsSidebar"},"select_and_transform/Transform_Events":{"id":"select_and_transform/Transform_Events","title":"Transform_Events","description":"title: HTML5 Canvas Transform and Resize events","sidebar":"tutorialsSidebar"},"select_and_transform/Transformer_Complex_Styling":{"id":"select_and_transform/Transformer_Complex_Styling","title":"Transformer_Complex_Styling","description":"title: Deep Style Konva Transformer","sidebar":"tutorialsSidebar"},"select_and_transform/Transformer_Styling":{"id":"select_and_transform/Transformer_Styling","title":"Transformer_Styling","description":"title: Style Konva Transformer","sidebar":"tutorialsSidebar"},"selectors/Select_by_id":{"id":"selectors/Select_by_id","title":"Select_by_id","description":"title: HTML5 Canvas Select Shape by id Tutorial","sidebar":"tutorialsSidebar"},"selectors/Select_by_Name":{"id":"selectors/Select_by_Name","title":"Select_by_Name","description":"title: HTML5 Canvas Select Shape by Name Tutorial","sidebar":"tutorialsSidebar"},"selectors/Select_by_Type":{"id":"selectors/Select_by_Type","title":"Select_by_Type","description":"title: HTML5 Canvas Select Shape by Type Tutorial","sidebar":"tutorialsSidebar"},"shapes/Arc":{"id":"shapes/Arc","title":"HTML5 canvas Arc Tutorial","description":"To create an arc shape with Konva, we can instantiate a Konva.Arc() object.","sidebar":"tutorialsSidebar"},"shapes/Arrow":{"id":"shapes/Arrow","title":"HTML5 canvas Arrow Tutorial","description":"To create an arrow shape with Konva, we can instantiate a Konva.Arrow() object.","sidebar":"tutorialsSidebar"},"shapes/Circle":{"id":"shapes/Circle","title":"HTML5 canvas Circle Tutorial","description":"To create a circle shape with Konva, we can instantiate a Konva.Circle() object.","sidebar":"tutorialsSidebar"},"shapes/Ellipse":{"id":"shapes/Ellipse","title":"HTML5 canvas Ellipse Tutorial","description":"To create an ellipse shape with Konva, we can instantiate a Konva.Ellipse() object.","sidebar":"tutorialsSidebar"},"shapes/Group":{"id":"shapes/Group","title":"HTML5 canvas Group Tutorial","description":"To create a group of shapes with Konva, we can instantiate a Konva.Group() object.","sidebar":"tutorialsSidebar"},"shapes/Line":{"id":"shapes/Line","title":"HTML5 canvas Line Tutorial","description":"To create line shapes with Konva, we can instantiate a Konva.Line() object. Lines can be configured in different ways to create various shapes like simple lines, splines, blobs, and polygons.","sidebar":"tutorialsSidebar"},"shapes/Line_-_Blob":{"id":"shapes/Line_-_Blob","title":"HTML5 canvas Blob Tutorial","description":"To create a blob with Konva, we can instantiate a Konva.Line() object with both closed and tension properties.","sidebar":"tutorialsSidebar"},"shapes/Line_-_Polygon":{"id":"shapes/Line_-_Polygon","title":"HTML5 canvas Polygon Tutorial","description":"To create a polygon with Konva, we can instantiate a Konva.Line() object with the closed property set to true.","sidebar":"tutorialsSidebar"},"shapes/Line_-_Simple_Line":{"id":"shapes/Line_-_Simple_Line","title":"HTML5 canvas Line Tutorial","description":"To create a simple line with Konva, we can instantiate a Konva.Line() object.","sidebar":"tutorialsSidebar"},"shapes/Line_-_Spline":{"id":"shapes/Line_-_Spline","title":"HTML5 canvas Spline Tutorial","description":"To create a spline (curved line) with Konva, we can instantiate a Konva.Line() object with the tension property.","sidebar":"tutorialsSidebar"},"shapes/Path":{"id":"shapes/Path","title":"HTML5 canvas Path Tutorial","description":"To create a custom path shape with Konva, we can instantiate a Konva.Path() object.","sidebar":"tutorialsSidebar"},"shapes/Polygon":{"id":"shapes/Polygon","title":"HTML5 canvas Polygon Tutorial","description":"To create a polygon shape with Konva, we can instantiate a Konva.Line() object with closed property set to true.","sidebar":"tutorialsSidebar"},"shapes/Rect":{"id":"shapes/Rect","title":"HTML5 canvas Rectangle Tutorial","description":"To create a rectangle with Konva, we can instantiate a Konva.Rect() object.","sidebar":"tutorialsSidebar"},"shapes/RegularPolygon":{"id":"shapes/RegularPolygon","title":"HTML5 canvas Regular Polygon Tutorial","description":"To create a regular polygon shape with Konva, we can instantiate a Konva.RegularPolygon() object.","sidebar":"tutorialsSidebar"},"shapes/Sprite":{"id":"shapes/Sprite","title":"HTML5 canvas Sprite Tutorial","description":"To create an animated sprite with Konva, we can instantiate a Konva.Sprite() object.","sidebar":"tutorialsSidebar"},"shapes/Text":{"id":"shapes/Text","title":"HTML5 canvas Text Tutorial","description":"To create text with Konva, we can instantiate a Konva.Text() object.","sidebar":"tutorialsSidebar"},"shapes/TextPath":{"id":"shapes/TextPath","title":"HTML5 canvas TextPath Tutorial","description":"To create text that follows a path with Konva, we can instantiate a Konva.TextPath() object.","sidebar":"tutorialsSidebar"},"shapes/Wedge":{"id":"shapes/Wedge","title":"HTML5 canvas Wedge Tutorial","description":"To create a wedge (pie piece) shape with Konva, we can instantiate a Konva.Wedge() object.","sidebar":"tutorialsSidebar"},"styling/Blend_Mode":{"id":"styling/Blend_Mode","title":"Blend_Mode","description":"title: HTML5 Canvas Blend mode with globalCompositeOperation Tutorial","sidebar":"tutorialsSidebar"},"styling/Fill":{"id":"styling/Fill","title":"HTML5 Canvas Set Fill Tutorial","description":"To fill a shape with Konva, we can set the fill property when we instantiate a shape, or we can use the fill() method.","sidebar":"tutorialsSidebar"},"styling/Fill_Stroke_Order":{"id":"styling/Fill_Stroke_Order","title":"Fill_Stroke_Order","description":"title: Fill and stroke order demo","sidebar":"tutorialsSidebar"},"styling/Hide_and_Show":{"id":"styling/Hide_and_Show","title":"Hide_and_Show","description":"title: HTML5 Canvas Hide and Show Shape Tutorial","sidebar":"tutorialsSidebar"},"styling/Line_Join":{"id":"styling/Line_Join","title":"Line_Join","description":"title: HTML5 Canvas Line Join Tutorial","sidebar":"tutorialsSidebar"},"styling/Mouse_Cursor":{"id":"styling/Mouse_Cursor","title":"Mouse_Cursor","description":"title: HTML5 Canvas Change Mouse Cursor Style","sidebar":"tutorialsSidebar"},"styling/Opacity":{"id":"styling/Opacity","title":"HTML5 Canvas Set Shape Opacity Tutorial","description":"To set a shape opacity with Konva, we can set the opacity property when we instantiate the node, or we can use the opacity() method.","sidebar":"tutorialsSidebar"},"styling/Shadow":{"id":"styling/Shadow","title":"HTML5 Canvas Shadows Tutorial","description":"To apply shadows with Konva, we can set the shadowColor, shadowOffset, shadowBlur, and shadowOpacity properties when we instantiate a shape.","sidebar":"tutorialsSidebar"},"styling/Stroke":{"id":"styling/Stroke","title":"HTML5 Canvas Set Shape Stroke Color and Width Tutorial","description":"To set a shape stroke and stroke width with Konva, we can set the stroke and strokeWidth properties when we instantiate a shape, or we can use the stroke() and strokeWidth() methods.","sidebar":"tutorialsSidebar"},"support":{"id":"support","title":"Need help with Konva library?","description":"Looking for a help with Konva framework?","sidebar":"tutorialsSidebar"},"svelte/Bindings":{"id":"svelte/Bindings","title":"Bindings","description":"title: Binding the config prop","sidebar":"tutorialsSidebar"},"svelte/Cache":{"id":"svelte/Cache","title":"Cache","description":"title: How to cache canvas shapes with Svelte","sidebar":"tutorialsSidebar"},"svelte/Custom_Shape":{"id":"svelte/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom canvas shape with Svelte?","sidebar":"tutorialsSidebar"},"svelte/Drag_And_Drop":{"id":"svelte/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes with Svelte","sidebar":"tutorialsSidebar"},"svelte/Events":{"id":"svelte/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with Svelte and Konva?","sidebar":"tutorialsSidebar"},"svelte/Filters":{"id":"svelte/Filters","title":"Filters","description":"title: How to apply canvas filters with Svelte and Konva?","sidebar":"tutorialsSidebar"},"svelte/Images":{"id":"svelte/Images","title":"Images","description":"title: How to draw image on canvas with Svelte?","sidebar":"tutorialsSidebar"},"svelte/index":{"id":"svelte/index","title":"index","description":"title: Getting started with Svelte and canvas via Konva","sidebar":"tutorialsSidebar"},"svelte/Konva_Node":{"id":"svelte/Konva_Node","title":"Konva_Node","description":"title: Accessing the Konva node","sidebar":"tutorialsSidebar"},"svelte/Labels":{"id":"svelte/Labels","title":"Labels","description":"title: Using labels with Svelte","sidebar":"tutorialsSidebar"},"svelte/Save_Load":{"id":"svelte/Save_Load","title":"Save_Load","description":"title: Saving and loading canvas with Svelte and Konva","sidebar":"tutorialsSidebar"},"svelte/Shapes":{"id":"svelte/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with Svelte","sidebar":"tutorialsSidebar"},"svelte/Simple_Animations":{"id":"svelte/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with Svelte and Konva?","sidebar":"tutorialsSidebar"},"svelte/SvelteKit":{"id":"svelte/SvelteKit","title":"SvelteKit","description":"title: How to use svelte-konva with SvelteKit?","sidebar":"tutorialsSidebar"},"svelte/Transformer":{"id":"svelte/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with Svelte and Konva?","sidebar":"tutorialsSidebar"},"svelte/zIndex":{"id":"svelte/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with svelte-konva?","sidebar":"tutorialsSidebar"},"tools":{"id":"tools","title":"Konva.js Tools and Plugins","description":"- Konva + React","sidebar":"tutorialsSidebar"},"tweens/All_Controls":{"id":"tweens/All_Controls","title":"All_Controls","description":"title: HTML5 Canvas All Tween Controls Tutorial","sidebar":"tutorialsSidebar"},"tweens/All_Easings":{"id":"tweens/All_Easings","title":"All_Easings","description":"title: More Easing Functions Tutorial","sidebar":"tutorialsSidebar"},"tweens/Common_Easings":{"id":"tweens/Common_Easings","title":"Common_Easings","description":"title: HTML5 Canvas Simple Easings Tutorial","sidebar":"tutorialsSidebar"},"tweens/Complex_Tweening":{"id":"tweens/Complex_Tweening","title":"Complex_Tweening","description":"title: HTML5 Canvas Complex Tweening Tutorial","sidebar":"tutorialsSidebar"},"tweens/Finish_Event":{"id":"tweens/Finish_Event","title":"Finish_Event","description":"title: HTML5 Canvas Tween Finish Event Tutorial","sidebar":"tutorialsSidebar"},"tweens/Linear_Easing":{"id":"tweens/Linear_Easing","title":"Linear_Easing","description":"title: HTML5 Canvas Tweening Tutorial","sidebar":"tutorialsSidebar"},"tweens/Tween_Filter":{"id":"tweens/Tween_Filter","title":"Tween_Filter","description":"title: HTML5 Canvas Tween Blur Filter Tutorial","sidebar":"tutorialsSidebar"},"vue/Cache":{"id":"vue/Cache","title":"Cache","description":"title: How to cache canvas shapes with Vue","sidebar":"tutorialsSidebar"},"vue/Custom_Shape":{"id":"vue/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom canvas shape with Vue?","sidebar":"tutorialsSidebar"},"vue/Drag_And_Drop":{"id":"vue/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes with vue","sidebar":"tutorialsSidebar"},"vue/Events":{"id":"vue/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with Vue and Konva?","sidebar":"tutorialsSidebar"},"vue/Filters":{"id":"vue/Filters","title":"Filters","description":"title: How to apply canvas filters with vue and konva?","sidebar":"tutorialsSidebar"},"vue/Images":{"id":"vue/Images","title":"Images","description":"title: How to draw image on canvas with Vue?","sidebar":"tutorialsSidebar"},"vue/index":{"id":"vue/index","title":"index","description":"title: Getting started with vue and canvas via Konva","sidebar":"tutorialsSidebar"},"vue/Save-Load":{"id":"vue/Save-Load","title":"Save-Load","description":"title: Saving and loading canvas with Vue and Konva","sidebar":"tutorialsSidebar"},"vue/Shapes":{"id":"vue/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with Vue","sidebar":"tutorialsSidebar"},"vue/Simple_Animations":{"id":"vue/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with vue and konva?","sidebar":"tutorialsSidebar"},"vue/Transformer":{"id":"vue/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with vue and konva?","sidebar":"tutorialsSidebar"},"vue/zIndex":{"id":"vue/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with Vue?","sidebar":"tutorialsSidebar"}}}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/p/docs-category-shapes-05b.json b/.docusaurus/docusaurus-plugin-content-docs/default/p/docs-category-shapes-05b.json
new file mode 100644
index 000000000..66bcfd680
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/p/docs-category-shapes-05b.json
@@ -0,0 +1 @@
+{"categoryGeneratedIndex":{"title":"Shapes","description":"Basic shapes in Konva.","slug":"/category/shapes","permalink":"/docs/category/shapes","sidebar":"tutorialsSidebar","navigation":{"previous":{"title":"Tools","permalink":"/docs/tools.html"},"next":{"title":"Arc","permalink":"/docs/docs/shapes/Arc.html"}}}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/p/index-466.json b/.docusaurus/docusaurus-plugin-content-docs/default/p/index-466.json
new file mode 100644
index 000000000..cdd0031f5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/p/index-466.json
@@ -0,0 +1 @@
+{"version":{"pluginId":"default","version":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","isLast":true,"docsSidebars":{"tutorialsSidebar":[{"type":"link","label":"Tools","href":"/docs/tools.html","className":"hidden","docId":"docs/tools","unlisted":false},{"type":"link","label":"Intro","href":"/docs/index.html","docId":"docs/index","unlisted":false},{"type":"link","label":"Overview","href":"/docs/overview.html","docId":"docs/overview","unlisted":false},{"type":"link","label":"Support","href":"/docs/support.html","docId":"docs/support","unlisted":false},{"type":"link","label":"Donate","href":"/docs/donate.html","docId":"docs/donate","unlisted":false},{"type":"category","label":"Shapes","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Arc","href":"/docs/shapes/Arc.html","docId":"docs/shapes/Arc","unlisted":false},{"type":"link","label":"Arrow","href":"/docs/shapes/Arrow.html","docId":"docs/shapes/Arrow","unlisted":false},{"type":"link","label":"Circle","href":"/docs/shapes/Circle.html","docId":"docs/shapes/Circle","unlisted":false},{"type":"link","label":"Custom Shape","href":"/docs/shapes/Custom.html","docId":"docs/shapes/Custom","unlisted":false},{"type":"link","label":"Ellipse","href":"/docs/shapes/Ellipse.html","docId":"docs/shapes/Ellipse","unlisted":false},{"type":"link","label":"Group","href":"/docs/shapes/Group.html","docId":"docs/shapes/Group","unlisted":false},{"type":"link","label":"Image","href":"/docs/shapes/Image.html","docId":"docs/shapes/Image","unlisted":false},{"type":"link","label":"Label","href":"/docs/shapes/Label.html","docId":"docs/shapes/Label","unlisted":false},{"type":"link","label":"Line","href":"/docs/shapes/Line.html","docId":"docs/shapes/Line","unlisted":false},{"type":"link","label":"Line - Blob","href":"/docs/shapes/Line_-_Blob.html","docId":"docs/shapes/Line_-_Blob","unlisted":false},{"type":"link","label":"Line - Polygon","href":"/docs/shapes/Line_-_Polygon.html","docId":"docs/shapes/Line_-_Polygon","unlisted":false},{"type":"link","label":"Line - Simple Line","href":"/docs/shapes/Line_-_Simple_Line.html","docId":"docs/shapes/Line_-_Simple_Line","unlisted":false},{"type":"link","label":"Line - Spline","href":"/docs/shapes/Line_-_Spline.html","docId":"docs/shapes/Line_-_Spline","unlisted":false},{"type":"link","label":"Path","href":"/docs/shapes/Path.html","docId":"docs/shapes/Path","unlisted":false},{"type":"link","label":"Rectangle","href":"/docs/shapes/Rect.html","docId":"docs/shapes/Rect","unlisted":false},{"type":"link","label":"Regular Polygon","href":"/docs/shapes/RegularPolygon.html","docId":"docs/shapes/RegularPolygon","unlisted":false},{"type":"link","label":"Ring","href":"/docs/shapes/Ring.html","docId":"docs/shapes/Ring","unlisted":false},{"type":"link","label":"Sprite","href":"/docs/shapes/Sprite.html","docId":"docs/shapes/Sprite","unlisted":false},{"type":"link","label":"Star","href":"/docs/shapes/Star.html","docId":"docs/shapes/Star","unlisted":false},{"type":"link","label":"Text","href":"/docs/shapes/Text.html","docId":"docs/shapes/Text","unlisted":false},{"type":"link","label":"TextPath","href":"/docs/shapes/TextPath.html","docId":"docs/shapes/TextPath","unlisted":false},{"type":"link","label":"Wedge","href":"/docs/shapes/Wedge.html","docId":"docs/shapes/Wedge","unlisted":false}],"href":"/category/shapes"},{"type":"category","label":"Styling","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Fill","href":"/docs/styling/Fill.html","docId":"docs/styling/Fill","unlisted":false},{"type":"link","label":"Stroke","href":"/docs/styling/Stroke.html","docId":"docs/styling/Stroke","unlisted":false},{"type":"link","label":"Opacity","href":"/docs/styling/Opacity.html","docId":"docs/styling/Opacity","unlisted":false},{"type":"link","label":"Shadow","href":"/docs/styling/Shadow.html","docId":"docs/styling/Shadow","unlisted":false},{"type":"link","label":"Line Join","href":"/docs/styling/Line_Join.html","docId":"docs/styling/Line_Join","unlisted":false},{"type":"link","label":"Hide and Show","href":"/docs/styling/hide-and-show.html","docId":"docs/styling/Hide_and_Show","unlisted":false},{"type":"link","label":"Mouse Cursor","href":"/docs/styling/Mouse_Cursor.html","docId":"docs/styling/Mouse_Cursor","unlisted":false},{"type":"link","label":"Blend Mode","href":"/docs/styling/Blend_Mode.html","docId":"docs/styling/Blend_Mode","unlisted":false},{"type":"link","label":"Fill and stroke order","href":"/docs/styling/Fill_Stroke_Order.html","docId":"docs/styling/Fill_Stroke_Order","unlisted":false}]},{"type":"category","label":"Events","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Binding Events","href":"/docs/events/Binding_Events.html","docId":"docs/events/Binding_Events","unlisted":false},{"type":"link","label":"Cancel Propagation","href":"/docs/events/Cancel_Propagation.html","docId":"docs/events/Cancel_Propagation","unlisted":false},{"type":"link","label":"Custom Hit Region","href":"/docs/events/Custom_Hit_Region.html","docId":"docs/events/Custom_Hit_Region","unlisted":false},{"type":"link","label":"Desktop and Mobile","href":"/docs/events/Desktop_and_Mobile.html","docId":"docs/events/Desktop_and_Mobile","unlisted":false},{"type":"link","label":"Event Delegation","href":"/docs/events/Event_Delegation.html","docId":"docs/events/Event_Delegation","unlisted":false},{"type":"link","label":"Fire Events","href":"/docs/events/Fire_Events.html","docId":"docs/events/Fire_Events","unlisted":false},{"type":"link","label":"Image Events","href":"/docs/events/Image_Events.html","docId":"docs/events/Image_Events","unlisted":false},{"type":"link","label":"Keyboard Events","href":"/docs/events/Keyboard_Events.html","docId":"docs/events/Keyboard_Events","unlisted":false},{"type":"link","label":"Listen for Events","href":"/docs/events/Listen_for_Events.html","docId":"docs/events/Listen_for_Events","unlisted":false},{"type":"link","label":"Mobile Events","href":"/docs/events/Mobile_Events.html","docId":"docs/events/Mobile_Events","unlisted":false},{"type":"link","label":"Mobile Scrolling","href":"/docs/events/Mobile_Scrolling.html","docId":"docs/events/Mobile_Scrolling","unlisted":false},{"type":"link","label":"Multi Event","href":"/docs/events/Multi_Event.html","docId":"docs/events/Multi_Event","unlisted":false},{"type":"link","label":"Pointer Events","href":"/docs/events/Pointer_Events.html","docId":"docs/events/Pointer_Events","unlisted":false},{"type":"link","label":"Remove Event","href":"/docs/events/Remove_Event.html","docId":"docs/events/Remove_Event","unlisted":false},{"type":"link","label":"Remove by Name","href":"/docs/events/Remove_by_Name.html","docId":"docs/events/Remove_by_Name","unlisted":false},{"type":"link","label":"Stage Events","href":"/docs/events/Stage_Events.html","docId":"docs/events/Stage_Events","unlisted":false}]},{"type":"category","label":"Drag and Drop","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Basic Drag and Drop","href":"/docs/drag_and_drop/Drag_and_Drop.html","docId":"docs/drag_and_drop/Drag_and_Drop","unlisted":false},{"type":"link","label":"Drag an Image","href":"/docs/drag_and_drop/Drag_an_Image.html","docId":"docs/drag_and_drop/Drag_an_Image","unlisted":false},{"type":"link","label":"Drag a Group","href":"/docs/drag_and_drop/Drag_a_Group.html","docId":"docs/drag_and_drop/Drag_a_Group","unlisted":false},{"type":"link","label":"Drag a Line","href":"/docs/drag_and_drop/Drag_a_Line.html","docId":"docs/drag_and_drop/Drag_a_Line","unlisted":false},{"type":"link","label":"Drag a Stage","href":"/docs/drag_and_drop/Drag_a_Stage.html","docId":"docs/drag_and_drop/Drag_a_Stage","unlisted":false},{"type":"link","label":"Drag Events","href":"/docs/drag_and_drop/Drag_Events.html","docId":"docs/drag_and_drop/Drag_Events","unlisted":false},{"type":"link","label":"Simple Drag Bounds","href":"/docs/drag_and_drop/Simple_Drag_Bounds.html","docId":"docs/drag_and_drop/Simple_Drag_Bounds","unlisted":false},{"type":"link","label":"Complex Drag and Drop","href":"/docs/drag_and_drop/Complex_Drag_and_Drop.html","docId":"docs/drag_and_drop/Complex_Drag_and_Drop","unlisted":false},{"type":"link","label":"Drop Events","href":"/docs/drag_and_drop/Drop_Events.html","docId":"docs/drag_and_drop/Drop_Events","unlisted":false}]},{"type":"category","label":"Select and Transform","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Basic demo","href":"/docs/select_and_transform/Basic_demo.html","docId":"docs/select_and_transform/Basic_demo","unlisted":false},{"type":"link","label":"Centered Scaling","href":"/docs/select_and_transform/Centered_Scaling.html","docId":"docs/select_and_transform/Centered_Scaling","unlisted":false},{"type":"link","label":"Keep Ratio","href":"/docs/select_and_transform/Keep_Ratio.html","docId":"docs/select_and_transform/Keep_Ratio","unlisted":false},{"type":"link","label":"Styling","href":"/docs/select_and_transform/Transformer_Styling.html","docId":"docs/select_and_transform/Transformer_Styling","unlisted":false},{"type":"link","label":"Complex Transformer Styling","href":"/docs/select_and_transform/Transformer_Complex_Styling.html","docId":"docs/select_and_transform/Transformer_Complex_Styling","unlisted":false},{"type":"link","label":"Transform Events","href":"/docs/select_and_transform/Transform_Events.html","docId":"docs/select_and_transform/Transform_Events","unlisted":false},{"type":"link","label":"Resize Limits","href":"/docs/select_and_transform/Resize_Limits.html","docId":"docs/select_and_transform/Resize_Limits","unlisted":false},{"type":"link","label":"Resize Snaps","href":"/docs/select_and_transform/Resize_Snaps.html","docId":"docs/select_and_transform/Resize_Snaps","unlisted":false},{"type":"link","label":"Rotation Snaps","href":"/docs/select_and_transform/Rotation_Snaps.html","docId":"docs/select_and_transform/Rotation_Snaps","unlisted":false},{"type":"link","label":"Stop Transform","href":"/docs/select_and_transform/Stop_Transform.html","docId":"docs/select_and_transform/Stop_Transform","unlisted":false},{"type":"link","label":"Force Update","href":"/docs/select_and_transform/Force_Update.html","docId":"docs/select_and_transform/Force_Update","unlisted":false},{"type":"link","label":"Resize Text","href":"/docs/select_and_transform/Resize_Text.html","docId":"docs/select_and_transform/Resize_Text","unlisted":false},{"type":"link","label":"Ignore Stroke","href":"/docs/select_and_transform/Ignore_Stroke_On_Transform.html","docId":"docs/select_and_transform/Ignore_Stroke_On_Transform","unlisted":false}]},{"type":"category","label":"Clipping","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Clipping Functions","href":"/docs/clipping/Clipping_Function.html","docId":"docs/clipping/Clipping_Function","unlisted":false},{"type":"link","label":"Simple Clipping","href":"/docs/clipping/Clipping_Regions.html","docId":"docs/clipping/Clipping_Regions","unlisted":false}]},{"type":"category","label":"Groups and Layers","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Change Containers","href":"/docs/groups_and_layers/Change_Containers.html","docId":"docs/groups_and_layers/Change_Containers","unlisted":false},{"type":"link","label":"Groups","href":"/docs/groups_and_layers/Groups.html","docId":"docs/groups_and_layers/Groups","unlisted":false},{"type":"link","label":"Layering","href":"/docs/groups_and_layers/Layering.html","docId":"docs/groups_and_layers/Layering","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/groups_and_layers/zIndex.html","docId":"docs/groups_and_layers/zIndex","unlisted":false}]},{"type":"category","label":"Filters","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Blur","href":"/docs/filters/Blur.html","docId":"docs/filters/Blur","unlisted":false},{"type":"link","label":"Brighten","href":"/docs/filters/Brighten.html","docId":"docs/filters/Brighten","unlisted":false},{"type":"link","label":"Contrast","href":"/docs/filters/Contrast.html","docId":"docs/filters/Contrast","unlisted":false},{"type":"link","label":"Custom Filter","href":"/docs/filters/Custom_Filter.html","docId":"docs/filters/Custom_Filter","unlisted":false},{"type":"link","label":"Emboss","href":"/docs/filters/Emboss.html","docId":"docs/filters/Emboss","unlisted":false},{"type":"link","label":"Enhance","href":"/docs/filters/Enhance.html","docId":"docs/filters/Enhance","unlisted":false},{"type":"link","label":"Grayscale","href":"/docs/filters/Grayscale.html","docId":"docs/filters/Grayscale","unlisted":false},{"type":"link","label":"HSL","href":"/docs/filters/HSL.html","docId":"docs/filters/HSL","unlisted":false},{"type":"link","label":"HSV","href":"/docs/filters/HSV.html","docId":"docs/filters/HSV","unlisted":false},{"type":"link","label":"Invert","href":"/docs/filters/Invert.html","docId":"docs/filters/Invert","unlisted":false},{"type":"link","label":"Kaleidoscope","href":"/docs/filters/Kaleidoscope.html","docId":"docs/filters/Kaleidoscope","unlisted":false},{"type":"link","label":"Mask","href":"/docs/filters/Mask.html","docId":"docs/filters/Mask","unlisted":false},{"type":"link","label":"Multiple Filters","href":"/docs/filters/Multiple_Filters.html","docId":"docs/filters/Multiple_Filters","unlisted":false},{"type":"link","label":"Multiple Filters","href":"/docs/filters/Multiple_Filters.html","docId":"docs/filters/Multiple_Filters","unlisted":false},{"type":"link","label":"Noise","href":"/docs/filters/Noise.html","docId":"docs/filters/Noise","unlisted":false},{"type":"link","label":"Pixelate","href":"/docs/filters/Pixelate.html","docId":"docs/filters/Pixelate","unlisted":false},{"type":"link","label":"RGB","href":"/docs/filters/RGB.html","docId":"docs/filters/RGB","unlisted":false},{"type":"link","label":"Sepia","href":"/docs/filters/Sepia.html","docId":"docs/filters/Sepia","unlisted":false},{"type":"link","label":"Solarize","href":"/docs/filters/Solarize.html","docId":"docs/filters/Solarize","unlisted":false},{"type":"link","label":"Threshold","href":"/docs/filters/Threshold.html","docId":"docs/filters/Threshold","unlisted":false}]},{"type":"category","label":"Tweens","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"All Controls","href":"/docs/tweens/All_Controls.html","docId":"docs/tweens/All_Controls","unlisted":false},{"type":"link","label":"All Easings","href":"/docs/tweens/All_Easings.html","docId":"docs/tweens/All_Easings","unlisted":false},{"type":"link","label":"Common Easings","href":"/docs/tweens/Common_Easings.html","docId":"docs/tweens/Common_Easings","unlisted":false},{"type":"link","label":"Complex Tweening","href":"/docs/tweens/Complex_Tweening.html","docId":"docs/tweens/Complex_Tweening","unlisted":false},{"type":"link","label":"Finish_Event","href":"/docs/tweens/Finish_Event","docId":"docs/tweens/Finish_Event","unlisted":false},{"type":"link","label":"Linear Easing","href":"/docs/tweens/Linear_Easing.html","docId":"docs/tweens/Linear_Easing","unlisted":false},{"type":"link","label":"Filter Tweening","href":"/docs/tweens/Tween_Filter.html","docId":"docs/tweens/Tween_Filter","unlisted":false}]},{"type":"category","label":"Animations","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Create Animation","href":"/docs/animations/Create_an_Animation.html","docId":"docs/animations/Create_an_Animation","unlisted":false},{"type":"link","label":"Moving","href":"/docs/animations/Moving.html","docId":"docs/animations/Moving","unlisted":false},{"type":"link","label":"Rotation","href":"/docs/animations/Rotation.html","docId":"docs/animations/Rotation","unlisted":false},{"type":"link","label":"Scaling","href":"/docs/animations/Scaling.html","docId":"docs/animations/Scaling","unlisted":false},{"type":"link","label":"Stop Animation","href":"/docs/animations/Stop_Animation.html","docId":"docs/animations/Stop_Animation","unlisted":false}]},{"type":"category","label":"Demos","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Shapes_with_Tooltip","href":"/docs/sandbox/Shapes_with_Tooltip","docId":"docs/sandbox/Shapes_with_Tooltip","unlisted":false},{"type":"link","label":"Nodes","href":"/docs/sandbox/Nodes","docId":"docs/sandbox/Nodes","unlisted":false},{"type":"link","label":"Animals_on_the_Beach_Game","href":"/docs/sandbox/Animals_on_the_Beach_Game","docId":"docs/sandbox/Animals_on_the_Beach_Game","unlisted":false},{"type":"link","label":"Animation_Stress_Test","href":"/docs/sandbox/Animation_Stress_Test","docId":"docs/sandbox/Animation_Stress_Test","unlisted":false},{"type":"link","label":"Canvas_Background","href":"/docs/sandbox/Canvas_Background","docId":"docs/sandbox/Canvas_Background","unlisted":false},{"type":"link","label":"Canvas_Context_Menu","href":"/docs/sandbox/Canvas_Context_Menu","docId":"docs/sandbox/Canvas_Context_Menu","unlisted":false},{"type":"link","label":"Canvas_Editor","href":"/docs/sandbox/Canvas_Editor","docId":"docs/sandbox/Canvas_Editor","unlisted":false},{"type":"link","label":"Canvas_Scrolling","href":"/docs/sandbox/Canvas_Scrolling","docId":"docs/sandbox/Canvas_Scrolling","unlisted":false},{"type":"link","label":"Canvas_to_PDF","href":"/docs/sandbox/Canvas_to_PDF","docId":"docs/sandbox/Canvas_to_PDF","unlisted":false},{"type":"link","label":"Collision_Detection","href":"/docs/sandbox/Collision_Detection","docId":"docs/sandbox/Collision_Detection","unlisted":false},{"type":"link","label":"Connected_Objects","href":"/docs/sandbox/Connected_Objects","docId":"docs/sandbox/Connected_Objects","unlisted":false},{"type":"link","label":"Custom_Font","href":"/docs/sandbox/Custom_Font","docId":"docs/sandbox/Custom_Font","unlisted":false},{"type":"link","label":"Drag_and_Drop_Multiple_Shapes","href":"/docs/sandbox/Drag_and_Drop_Multiple_Shapes","docId":"docs/sandbox/Drag_and_Drop_Multiple_Shapes","unlisted":false},{"type":"link","label":"Drag_and_Drop_Stress_Test","href":"/docs/sandbox/Drag_and_Drop_Stress_Test","docId":"docs/sandbox/Drag_and_Drop_Stress_Test","unlisted":false},{"type":"link","label":"Drop_DOM_Element","href":"/docs/sandbox/Drop_DOM_Element","docId":"docs/sandbox/Drop_DOM_Element","unlisted":false},{"type":"link","label":"Editable_Text","href":"/docs/sandbox/Editable_Text","docId":"docs/sandbox/Editable_Text","unlisted":false},{"type":"link","label":"Elastic_Stars","href":"/docs/sandbox/Elastic_Stars","docId":"docs/sandbox/Elastic_Stars","unlisted":false},{"type":"link","label":"Expand_Images_on_Hover","href":"/docs/sandbox/Expand_Images_on_Hover","docId":"docs/sandbox/Expand_Images_on_Hover","unlisted":false},{"type":"link","label":"Free_Drawing","href":"/docs/sandbox/Free_Drawing","docId":"docs/sandbox/Free_Drawing","unlisted":false},{"type":"link","label":"GIF_On_Canvas","href":"/docs/sandbox/GIF_On_Canvas","docId":"docs/sandbox/GIF_On_Canvas","unlisted":false},{"type":"link","label":"Gestures","href":"/docs/sandbox/Gestures","docId":"docs/sandbox/Gestures","unlisted":false},{"type":"link","label":"Image_Border","href":"/docs/sandbox/Image_Border","docId":"docs/sandbox/Image_Border","unlisted":false},{"type":"link","label":"Image_Border_Highlighting","href":"/docs/sandbox/Image_Border_Highlighting","docId":"docs/sandbox/Image_Border_Highlighting","unlisted":false},{"type":"link","label":"Image_Labeling","href":"/docs/sandbox/Image_Labeling","docId":"docs/sandbox/Image_Labeling","unlisted":false},{"type":"link","label":"Image_Resize","href":"/docs/sandbox/Image_Resize","docId":"docs/sandbox/Image_Resize","unlisted":false},{"type":"link","label":"Interactive_Building_Map","href":"/docs/sandbox/Interactive_Building_Map","docId":"docs/sandbox/Interactive_Building_Map","unlisted":false},{"type":"link","label":"Jumping_Bunnies","href":"/docs/sandbox/Jumping_Bunnies","docId":"docs/sandbox/Jumping_Bunnies","unlisted":false},{"type":"link","label":"Limited_Drag_And_Resize","href":"/docs/sandbox/Limited_Drag_And_Resize","docId":"docs/sandbox/Limited_Drag_And_Resize","unlisted":false},{"type":"link","label":"Mirror_Canvas_Shape","href":"/docs/sandbox/Mirror_Canvas_Shape","docId":"docs/sandbox/Mirror_Canvas_Shape","unlisted":false},{"type":"link","label":"Modify_Curves_with_Anchor_Points","href":"/docs/sandbox/Modify_Curves_with_Anchor_Points","docId":"docs/sandbox/Modify_Curves_with_Anchor_Points","unlisted":false},{"type":"link","label":"Modify_Shape_Color_on_Click","href":"/docs/sandbox/Modify_Shape_Color_on_Click","docId":"docs/sandbox/Modify_Shape_Color_on_Click","unlisted":false},{"type":"link","label":"Multi-touch_Scale_Shape","href":"/docs/sandbox/Multi-touch_Scale_Shape","docId":"docs/sandbox/Multi-touch_Scale_Shape","unlisted":false},{"type":"link","label":"Multi-touch_Scale_Stage","href":"/docs/sandbox/Multi-touch_Scale_Stage","docId":"docs/sandbox/Multi-touch_Scale_Stage","unlisted":false},{"type":"link","label":"Native_Context_Access","href":"/docs/sandbox/Native_Context_Access","docId":"docs/sandbox/Native_Context_Access","unlisted":false},{"type":"link","label":"Objects_Snapping","href":"/docs/sandbox/Objects_Snapping","docId":"docs/sandbox/Objects_Snapping","unlisted":false},{"type":"link","label":"Physics_Simulator","href":"/docs/sandbox/Physics_Simulator","docId":"docs/sandbox/Physics_Simulator","unlisted":false},{"type":"link","label":"Planets_Image_Map","href":"/docs/sandbox/Planets_Image_Map","docId":"docs/sandbox/Planets_Image_Map","unlisted":false},{"type":"link","label":"Quantum_Squiggle","href":"/docs/sandbox/Quantum_Squiggle","docId":"docs/sandbox/Quantum_Squiggle","unlisted":false},{"type":"link","label":"Relative_Pointer_Position","href":"/docs/sandbox/Relative_Pointer_Position","docId":"docs/sandbox/Relative_Pointer_Position","unlisted":false},{"type":"link","label":"Resizing_Stress_Test","href":"/docs/sandbox/Resizing_Stress_Test","docId":"docs/sandbox/Resizing_Stress_Test","unlisted":false},{"type":"link","label":"Responsive_Canvas","href":"/docs/sandbox/Responsive_Canvas","docId":"docs/sandbox/Responsive_Canvas","unlisted":false},{"type":"link","label":"Rich_Text","href":"/docs/sandbox/Rich_Text","docId":"docs/sandbox/Rich_Text","unlisted":false},{"type":"link","label":"SVG_On_Canvas","href":"/docs/sandbox/SVG_On_Canvas","docId":"docs/sandbox/SVG_On_Canvas","unlisted":false},{"type":"link","label":"Scale_Image_To_Fit","href":"/docs/sandbox/Scale_Image_To_Fit","docId":"docs/sandbox/Scale_Image_To_Fit","unlisted":false},{"type":"link","label":"Scroll_By_Edge_Drag","href":"/docs/sandbox/Scroll_By_Edge_Drag","docId":"docs/sandbox/Scroll_By_Edge_Drag","unlisted":false},{"type":"link","label":"Seats_Reservation","href":"/docs/sandbox/Seats_Reservation","docId":"docs/sandbox/Seats_Reservation","unlisted":false},{"type":"link","label":"Shape_Tango","href":"/docs/sandbox/Shape_Tango","docId":"docs/sandbox/Shape_Tango","unlisted":false},{"type":"link","label":"Shape_Tooltips","href":"/docs/sandbox/Shape_Tooltips","docId":"docs/sandbox/Shape_Tooltips","unlisted":false},{"type":"link","label":"Simple_Window_Frame","href":"/docs/sandbox/Simple_Window_Frame","docId":"docs/sandbox/Simple_Window_Frame","unlisted":false},{"type":"link","label":"Stage_Preview","href":"/docs/sandbox/Stage_Preview","docId":"docs/sandbox/Stage_Preview","unlisted":false},{"type":"link","label":"Star_Spinner","href":"/docs/sandbox/Star_Spinner","docId":"docs/sandbox/Star_Spinner","unlisted":false},{"type":"link","label":"Transparent_Group","href":"/docs/sandbox/Transparent_Group","docId":"docs/sandbox/Transparent_Group","unlisted":false},{"type":"link","label":"Video_On_Canvas","href":"/docs/sandbox/Video_On_Canvas","docId":"docs/sandbox/Video_On_Canvas","unlisted":false},{"type":"link","label":"Web_Worker","href":"/docs/sandbox/Web_Worker","docId":"docs/sandbox/Web_Worker","unlisted":false},{"type":"link","label":"Wheel_of_Fortune","href":"/docs/sandbox/Wheel_of_Fortune","docId":"docs/sandbox/Wheel_of_Fortune","unlisted":false},{"type":"link","label":"Window_Frame_Designer","href":"/docs/sandbox/Window_Frame_Designer","docId":"docs/sandbox/Window_Frame_Designer","unlisted":false},{"type":"link","label":"Zoom_Layer_On_hover","href":"/docs/sandbox/Zoom_Layer_On_hover","docId":"docs/sandbox/Zoom_Layer_On_hover","unlisted":false},{"type":"link","label":"Zooming_Relative_To_Pointer","href":"/docs/sandbox/Zooming_Relative_To_Pointer","docId":"docs/sandbox/Zooming_Relative_To_Pointer","unlisted":false}]},{"type":"category","label":"Selectors","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Select by Name","href":"/docs/selectors/Select_by_Name.html","docId":"docs/selectors/Select_by_Name","unlisted":false},{"type":"link","label":"Select by Type","href":"/docs/selectors/Select_by_Type.html","docId":"docs/selectors/Select_by_Type","unlisted":false},{"type":"link","label":"Select by id","href":"/docs/selectors/Select_by_id.html","docId":"docs/selectors/Select_by_id","unlisted":false}]},{"type":"category","label":"Data and Serialization","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Best Practices","href":"/docs/data_and_serialization/Best_Practices.html","docId":"docs/data_and_serialization/Best_Practices","unlisted":false},{"type":"link","label":"Complex Load","href":"/docs/data_and_serialization/Complex_Load.html","docId":"docs/data_and_serialization/Complex_Load","unlisted":false},{"type":"link","label":"High Quality Export","href":"/docs/data_and_serialization/High-Quality-Export.html","docId":"docs/data_and_serialization/High-Quality-Export","unlisted":false},{"type":"link","label":"Serialize Stage","href":"/docs/data_and_serialization/Serialize_a_Stage.html","docId":"docs/data_and_serialization/Serialize_a_Stage","unlisted":false},{"type":"link","label":"Simple Load","href":"/docs/data_and_serialization/Simple_Load.html","docId":"docs/data_and_serialization/Simple_Load","unlisted":false},{"type":"link","label":"Stage Data URL","href":"/docs/data_and_serialization/Stage_Data_URL.html","docId":"docs/data_and_serialization/Stage_Data_URL","unlisted":false}]},{"type":"category","label":"Performance","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"All Performance Tips","href":"/docs/performance/All_Performance_Tips.html","docId":"docs/performance/All_Performance_Tips","unlisted":false},{"type":"link","label":"Avoid Memory Leaks","href":"/docs/performance/Avoid_Memory_Leaks.html","docId":"docs/performance/Avoid_Memory_Leaks","unlisted":false},{"type":"link","label":"Batch Draw","href":"/docs/performance/Batch_Draw.html","docId":"docs/performance/Batch_Draw","unlisted":false},{"type":"link","label":"Disable Perfect Draw","href":"/docs/performance/Disable_Perfect_Draw.html","docId":"docs/performance/Disable_Perfect_Draw","unlisted":false},{"type":"link","label":"Layer Management","href":"/docs/performance/Layer_Management.html","docId":"docs/performance/Layer_Management","unlisted":false},{"type":"link","label":"Listening False","href":"/docs/performance/Listening_False.html","docId":"docs/performance/Listening_False","unlisted":false},{"type":"link","label":"Optimize Animation","href":"/docs/performance/Optimize_Animation.html","docId":"docs/performance/Optimize_Animation","unlisted":false},{"type":"link","label":"Optimize Strokes","href":"/docs/performance/Optimize_Strokes.html","docId":"docs/performance/Optimize_Strokes","unlisted":false},{"type":"link","label":"Shape Caching","href":"/docs/performance/Shape_Caching.html","docId":"docs/performance/Shape_Caching","unlisted":false}]},{"type":"category","label":"React","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Access_Konva_Nodes","href":"/docs/react/Access_Konva_Nodes","docId":"docs/react/Access_Konva_Nodes","unlisted":false},{"type":"link","label":"Canvas_Export","href":"/docs/react/Canvas_Export","docId":"docs/react/Canvas_Export","unlisted":false},{"type":"link","label":"Canvas_Portal","href":"/docs/react/Canvas_Portal","docId":"docs/react/Canvas_Portal","unlisted":false},{"type":"link","label":"Complex_Animations","href":"/docs/react/Complex_Animations","docId":"docs/react/Complex_Animations","unlisted":false},{"type":"link","label":"Custom_Shape","href":"/docs/react/Custom_Shape","docId":"docs/react/Custom_Shape","unlisted":false},{"type":"link","label":"DOM_Portal","href":"/docs/react/DOM_Portal","docId":"docs/react/DOM_Portal","unlisted":false},{"type":"link","label":"Drag_And_Drop","href":"/docs/react/Drag_And_Drop","docId":"docs/react/Drag_And_Drop","unlisted":false},{"type":"link","label":"Drop_Image","href":"/docs/react/Drop_Image","docId":"docs/react/Drop_Image","unlisted":false},{"type":"link","label":"Events","href":"/docs/react/Events","docId":"docs/react/Events","unlisted":false},{"type":"link","label":"Filters","href":"/docs/react/Filters","docId":"docs/react/Filters","unlisted":false},{"type":"link","label":"Free_Drawing","href":"/docs/react/Free_Drawing","docId":"docs/react/Free_Drawing","unlisted":false},{"type":"link","label":"Images","href":"/docs/react/Images","docId":"docs/react/Images","unlisted":false},{"type":"link","label":"Intro","href":"/docs/react/Intro","docId":"docs/react/Intro","unlisted":false},{"type":"link","label":"Shapes","href":"/docs/react/Shapes","docId":"docs/react/Shapes","unlisted":false},{"type":"link","label":"Simple_Animations","href":"/docs/react/Simple_Animations","docId":"docs/react/Simple_Animations","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/react/Transformer","docId":"docs/react/Transformer","unlisted":false},{"type":"link","label":"Undo-Redo","href":"/docs/react/Undo-Redo","docId":"docs/react/Undo-Redo","unlisted":false},{"type":"link","label":"index","href":"/docs/react/","docId":"docs/react/index","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/react/zIndex","docId":"docs/react/zIndex","unlisted":false}]},{"type":"category","label":"Vue","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Cache","href":"/docs/vue/Cache","docId":"docs/vue/Cache","unlisted":false},{"type":"link","label":"Custom_Shape","href":"/docs/vue/Custom_Shape","docId":"docs/vue/Custom_Shape","unlisted":false},{"type":"link","label":"Drag_And_Drop","href":"/docs/vue/Drag_And_Drop","docId":"docs/vue/Drag_And_Drop","unlisted":false},{"type":"link","label":"Events","href":"/docs/vue/Events","docId":"docs/vue/Events","unlisted":false},{"type":"link","label":"Filters","href":"/docs/vue/Filters","docId":"docs/vue/Filters","unlisted":false},{"type":"link","label":"Images","href":"/docs/vue/Images","docId":"docs/vue/Images","unlisted":false},{"type":"link","label":"Save-Load","href":"/docs/vue/Save-Load","docId":"docs/vue/Save-Load","unlisted":false},{"type":"link","label":"Shapes","href":"/docs/vue/Shapes","docId":"docs/vue/Shapes","unlisted":false},{"type":"link","label":"Simple_Animations","href":"/docs/vue/Simple_Animations","docId":"docs/vue/Simple_Animations","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/vue/Transformer","docId":"docs/vue/Transformer","unlisted":false},{"type":"link","label":"index","href":"/docs/vue/","docId":"docs/vue/index","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/vue/zIndex","docId":"docs/vue/zIndex","unlisted":false}]},{"type":"category","label":"Svelte","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Bindings","href":"/docs/svelte/Bindings","docId":"docs/svelte/Bindings","unlisted":false},{"type":"link","label":"Cache","href":"/docs/svelte/Cache","docId":"docs/svelte/Cache","unlisted":false},{"type":"link","label":"Custom_Shape","href":"/docs/svelte/Custom_Shape","docId":"docs/svelte/Custom_Shape","unlisted":false},{"type":"link","label":"Drag_And_Drop","href":"/docs/svelte/Drag_And_Drop","docId":"docs/svelte/Drag_And_Drop","unlisted":false},{"type":"link","label":"Events","href":"/docs/svelte/Events","docId":"docs/svelte/Events","unlisted":false},{"type":"link","label":"Filters","href":"/docs/svelte/Filters","docId":"docs/svelte/Filters","unlisted":false},{"type":"link","label":"Images","href":"/docs/svelte/Images","docId":"docs/svelte/Images","unlisted":false},{"type":"link","label":"Konva_Node","href":"/docs/svelte/Konva_Node","docId":"docs/svelte/Konva_Node","unlisted":false},{"type":"link","label":"Labels","href":"/docs/svelte/Labels","docId":"docs/svelte/Labels","unlisted":false},{"type":"link","label":"Save_Load","href":"/docs/svelte/Save_Load","docId":"docs/svelte/Save_Load","unlisted":false},{"type":"link","label":"Shapes","href":"/docs/svelte/Shapes","docId":"docs/svelte/Shapes","unlisted":false},{"type":"link","label":"Simple_Animations","href":"/docs/svelte/Simple_Animations","docId":"docs/svelte/Simple_Animations","unlisted":false},{"type":"link","label":"SvelteKit","href":"/docs/svelte/SvelteKit","docId":"docs/svelte/SvelteKit","unlisted":false},{"type":"link","label":"Transformer","href":"/docs/svelte/Transformer","docId":"docs/svelte/Transformer","unlisted":false},{"type":"link","label":"index","href":"/docs/svelte/","docId":"docs/svelte/index","unlisted":false},{"type":"link","label":"zIndex","href":"/docs/svelte/zIndex","docId":"docs/svelte/zIndex","unlisted":false}]},{"type":"category","label":"posts","collapsible":true,"collapsed":true,"items":[{"type":"link","label":"Position_vs_Offset","href":"/docs/posts/Position_vs_Offset","docId":"docs/posts/Position_vs_Offset","unlisted":false},{"type":"link","label":"Tainted_Canvas","href":"/docs/posts/Tainted_Canvas","docId":"docs/posts/Tainted_Canvas","unlisted":false}]}],"apiSidebar":[{"type":"link","label":"Konva","href":"/api/Konva.html","docId":"api/Konva","unlisted":false},{"type":"link","label":"Animation","href":"/api/Konva.Animation.html","docId":"api/Konva.Animation","unlisted":false},{"type":"link","label":"Arc","href":"/api/Konva.Arc.html","docId":"api/Konva.Arc","unlisted":false},{"type":"link","label":"Arrow","href":"/api/Konva.Arrow.html","docId":"api/Konva.Arrow","unlisted":false},{"type":"link","label":"Canvas","href":"/api/Konva.Canvas.html","docId":"api/Konva.Canvas","unlisted":false},{"type":"link","label":"Circle","href":"/api/Konva.Circle.html","docId":"api/Konva.Circle","unlisted":false},{"type":"link","label":"Container","href":"/api/Konva.Container.html","docId":"api/Konva.Container","unlisted":false},{"type":"link","label":"Context","href":"/api/Konva.Context.html","docId":"api/Konva.Context","unlisted":false},{"type":"link","label":"Easings","href":"/api/Konva.Easings.html","docId":"api/Konva.Easings","unlisted":false},{"type":"link","label":"Ellipse","href":"/api/Konva.Ellipse.html","docId":"api/Konva.Ellipse","unlisted":false},{"type":"link","label":"FastLayer","href":"/api/Konva.FastLayer.html","docId":"api/Konva.FastLayer","unlisted":false},{"type":"link","label":"Filters","href":"/api/Konva.Filters.html","docId":"api/Konva.Filters","unlisted":false},{"type":"link","label":"Group","href":"/api/Konva.Group.html","docId":"api/Konva.Group","unlisted":false},{"type":"link","label":"Image","href":"/api/Konva.Image.html","docId":"api/Konva.Image","unlisted":false},{"type":"link","label":"Label","href":"/api/Konva.Label.html","docId":"api/Konva.Label","unlisted":false},{"type":"link","label":"Layer","href":"/api/Konva.Layer.html","docId":"api/Konva.Layer","unlisted":false},{"type":"link","label":"Line","href":"/api/Konva.Line.html","docId":"api/Konva.Line","unlisted":false},{"type":"link","label":"Node","href":"/api/Konva.Node.html","docId":"api/Konva.Node","unlisted":false},{"type":"link","label":"Path","href":"/api/Konva.Path.html","docId":"api/Konva.Path","unlisted":false},{"type":"link","label":"Rect","href":"/api/Konva.Rect.html","docId":"api/Konva.Rect","unlisted":false},{"type":"link","label":"RegularPolygon","href":"/api/Konva.RegularPolygon.html","docId":"api/Konva.RegularPolygon","unlisted":false},{"type":"link","label":"Ring","href":"/api/Konva.Ring.html","docId":"api/Konva.Ring","unlisted":false},{"type":"link","label":"Shape","href":"/api/Konva.Shape.html","docId":"api/Konva.Shape","unlisted":false},{"type":"link","label":"Sprite","href":"/api/Konva.Sprite.html","docId":"api/Konva.Sprite","unlisted":false},{"type":"link","label":"Stage","href":"/api/Konva.Stage.html","docId":"api/Konva.Stage","unlisted":false},{"type":"link","label":"Star","href":"/api/Konva.Star.html","docId":"api/Konva.Star","unlisted":false},{"type":"link","label":"Tag","href":"/api/Konva.Tag.html","docId":"api/Konva.Tag","unlisted":false},{"type":"link","label":"Text","href":"/api/Konva.Text.html","docId":"api/Konva.Text","unlisted":false},{"type":"link","label":"TextPath","href":"/api/Konva.TextPath.html","docId":"api/Konva.TextPath","unlisted":false},{"type":"link","label":"Transform","href":"/api/Konva.Transform.html","docId":"api/Konva.Transform","unlisted":false},{"type":"link","label":"Transformer","href":"/api/Konva.Transformer.html","docId":"api/Konva.Transformer","unlisted":false},{"type":"link","label":"Tween","href":"/api/Konva.Tween.html","docId":"api/Konva.Tween","unlisted":false},{"type":"link","label":"Util","href":"/api/Konva.Util.html","docId":"api/Konva.Util","unlisted":false},{"type":"link","label":"Wedge","href":"/api/Konva.Wedge.html","docId":"api/Konva.Wedge","unlisted":false}],"demosSidebar":[]},"docs":{"api/Konva":{"id":"api/Konva","title":"Konva","description":"Classes","sidebar":"apiSidebar"},"api/Konva.Animation":{"id":"api/Konva.Animation","title":"Konva.Animation","description":"Animation constructor.","sidebar":"apiSidebar"},"api/Konva.Arc":{"id":"api/Konva.Arc","title":"Konva.Arc","description":"Arc constructor","sidebar":"apiSidebar"},"api/Konva.Arrow":{"id":"api/Konva.Arrow","title":"Konva.Arrow","description":"Arrow constructor","sidebar":"apiSidebar"},"api/Konva.Canvas":{"id":"api/Konva.Canvas","title":"Konva.Canvas","description":"Canvas Renderer constructor. It is a wrapper around native canvas element. Usually you don't need to use it manually.","sidebar":"apiSidebar"},"api/Konva.Circle":{"id":"api/Konva.Circle","title":"Konva.Circle","description":"Circle constructor","sidebar":"apiSidebar"},"api/Konva.Container":{"id":"api/Konva.Container","title":"Konva.Container","description":"Container constructor.&nbsp; Containers are used to contain nodes or other containers","sidebar":"apiSidebar"},"api/Konva.Context":{"id":"api/Konva.Context","title":"Konva.Context","description":"Konva wrapper around native 2d canvas context. It has almost the same API of 2d context with some additional functions. With core Konva shapes you don't need to use this object. But you will use it if you want to create a custom shape or a custom hit regions. For full information about each 2d context API use MDN documentation","sidebar":"apiSidebar"},"api/Konva.Easings":{"id":"api/Konva.Easings","title":"Konva.Easings","description":"Own Methods","sidebar":"apiSidebar"},"api/Konva.Ellipse":{"id":"api/Konva.Ellipse","title":"Konva.Ellipse","description":"Ellipse constructor","sidebar":"apiSidebar"},"api/Konva.FastLayer":{"id":"api/Konva.FastLayer","title":"Konva.FastLayer","description":"FastLayer constructor. DEPRECATED! Please use Konva.Layer(\\{ listening: false\\}) instead. Layers are tied to their own canvas element and are used to contain shapes only.  If you don't need node nesting, mouse and touch interactions, or event pub/sub, you should use FastLayer instead of Layer to create your layers. It renders about 2x faster than normal layers.","sidebar":"apiSidebar"},"api/Konva.Filters":{"id":"api/Konva.Filters","title":"Konva.Filters","description":"Own Methods","sidebar":"apiSidebar"},"api/Konva.Group":{"id":"api/Konva.Group","title":"Konva.Group","description":"Group constructor.  Groups are used to contain shapes or other groups.","sidebar":"apiSidebar"},"api/Konva.Image":{"id":"api/Konva.Image","title":"Konva.Image","description":"Image constructor","sidebar":"apiSidebar"},"api/Konva.Label":{"id":"api/Konva.Label","title":"Konva.Label","description":"Label constructor.&nbsp; Labels are groups that contain a Text and Tag shape","sidebar":"apiSidebar"},"api/Konva.Layer":{"id":"api/Konva.Layer","title":"Konva.Layer","description":"Layer constructor.  Layers are tied to their own canvas element and are used to contain groups or shapes.","sidebar":"apiSidebar"},"api/Konva.Line":{"id":"api/Konva.Line","title":"Konva.Line","description":"Line constructor.&nbsp; Lines are defined by an array of points and  a tension","sidebar":"apiSidebar"},"api/Konva.Node":{"id":"api/Konva.Node","title":"Konva.Node","description":"Node constructor. Nodes are entities that can be transformed, layered, and have bound events. The stage, layers, groups, and shapes all extend Node.","sidebar":"apiSidebar"},"api/Konva.Path":{"id":"api/Konva.Path","title":"Konva.Path","description":"Path constructor.","sidebar":"apiSidebar"},"api/Konva.Rect":{"id":"api/Konva.Rect","title":"Konva.Rect","description":"Rect constructor","sidebar":"apiSidebar"},"api/Konva.RegularPolygon":{"id":"api/Konva.RegularPolygon","title":"Konva.RegularPolygon","description":"RegularPolygon constructor. Examples include triangles, squares, pentagons, hexagons, etc.","sidebar":"apiSidebar"},"api/Konva.Ring":{"id":"api/Konva.Ring","title":"Konva.Ring","description":"Ring constructor","sidebar":"apiSidebar"},"api/Konva.Shape":{"id":"api/Konva.Shape","title":"Konva.Shape","description":"Shape constructor.  Shapes are primitive objects such as rectangles,  circles, text, lines, etc.","sidebar":"apiSidebar"},"api/Konva.Sprite":{"id":"api/Konva.Sprite","title":"Konva.Sprite","description":"Sprite constructor","sidebar":"apiSidebar"},"api/Konva.Stage":{"id":"api/Konva.Stage","title":"Konva.Stage","description":"Stage constructor.  A stage is used to contain multiple layers","sidebar":"apiSidebar"},"api/Konva.Star":{"id":"api/Konva.Star","title":"Konva.Star","description":"Star constructor","sidebar":"apiSidebar"},"api/Konva.Tag":{"id":"api/Konva.Tag","title":"Konva.Tag","description":"Tag constructor.&nbsp; A Tag can be configured  to have a pointer element that points up, right, down, or left","sidebar":"apiSidebar"},"api/Konva.Text":{"id":"api/Konva.Text","title":"Konva.Text","description":"Text constructor","sidebar":"apiSidebar"},"api/Konva.TextPath":{"id":"api/Konva.TextPath","title":"Konva.TextPath","description":"Path constructor.","sidebar":"apiSidebar"},"api/Konva.Transform":{"id":"api/Konva.Transform","title":"Konva.Transform","description":"Transform constructor. In most of the cases you don't need to use it in your app. Because it is for internal usage in Konva core. But there is a documentation for that class in case you still want to make some manual calculations.","sidebar":"apiSidebar"},"api/Konva.Transformer":{"id":"api/Konva.Transformer","title":"Konva.Transformer","description":"Transformer constructor.  Transformer is a special type of group that allow you transform Konva primitives and shapes. Transforming tool is not changing width and height properties of nodes when you resize them. Instead it changes scaleX and scaleY properties.","sidebar":"apiSidebar"},"api/Konva.Tween":{"id":"api/Konva.Tween","title":"Konva.Tween","description":"Tween constructor.  Tweens enable you to animate a node between the current state and a new state.  You can play, pause, reverse, seek, reset, and finish tweens.  By default, tweens are animated using  a linear easing.  For more tweening options, check out Konva.Easings","sidebar":"apiSidebar"},"api/Konva.Util":{"id":"api/Konva.Util","title":"Konva.Util","description":"Own Methods","sidebar":"apiSidebar"},"api/Konva.Wedge":{"id":"api/Konva.Wedge","title":"Konva.Wedge","description":"Wedge constructor","sidebar":"apiSidebar"},"docs/animations/Create_an_Animation":{"id":"docs/animations/Create_an_Animation","title":"HTML5 Canvas Konva Animation Tutorial","description":"To create custom animations with Konva, we can use the Konva.Animation","sidebar":"tutorialsSidebar"},"docs/animations/Moving":{"id":"docs/animations/Moving","title":"Animate Position Tutorial","description":"To animate a shape's position with Konva, we can create a new animation with Konva.Animation","sidebar":"tutorialsSidebar"},"docs/animations/Rotation":{"id":"docs/animations/Rotation","title":"Rotation Animation tutorial","description":"To animate a shape's rotation with Konva, we can create a new animation with","sidebar":"tutorialsSidebar"},"docs/animations/Scaling":{"id":"docs/animations/Scaling","title":"HTML5 Canvas Konva Scale Animation Tutorial","description":"To animate a shape's scale with Konva, we can create a new animation with","sidebar":"tutorialsSidebar"},"docs/animations/Stop_Animation":{"id":"docs/animations/Stop_Animation","title":"HTML5 Canvas Konva Stop Animation Tutorial","description":"To stop an animation with Konva, we can use the stop() method.","sidebar":"tutorialsSidebar"},"docs/clipping/Clipping_Function":{"id":"docs/clipping/Clipping_Function","title":"Clipping Functions Tutorial","description":"How to clip nodes in the layer?","sidebar":"tutorialsSidebar"},"docs/clipping/Clipping_Regions":{"id":"docs/clipping/Clipping_Regions","title":"HTML5 Canvas Simple Clipping tutorial","description":"To draw things inside of clipping regions with Konva, we can set the clip","sidebar":"tutorialsSidebar"},"docs/data_and_serialization/Best_Practices":{"id":"docs/data_and_serialization/Best_Practices","title":"Save and Load HTML5 Canvas Stage Best Practices","description":"What is the best way to save/load full stage content and how to implement undo/redo?","sidebar":"tutorialsSidebar"},"docs/data_and_serialization/Complex_Load":{"id":"docs/data_and_serialization/Complex_Load","title":"Load HTML5 Canvas Stage from JSON Tutorial","description":"To load a complex stage that originally contained images and event bindings using Konva,","sidebar":"tutorialsSidebar"},"docs/data_and_serialization/High-Quality-Export":{"id":"docs/data_and_serialization/High-Quality-Export","title":"HTML5 Canvas Export to High Quality Image Tutorial","description":"If you need to export a stage as an image or as base64 then you can use the stage.toDataURL() or stage.toImage() methods.","sidebar":"tutorialsSidebar"},"docs/data_and_serialization/Serialize_a_Stage":{"id":"docs/data_and_serialization/Serialize_a_Stage","title":"HTML5 Canvas Stage Serialization Tutorial","description":"To serialize a stage with Konva, we can use the toJSON() method.","sidebar":"tutorialsSidebar"},"docs/data_and_serialization/Simple_Load":{"id":"docs/data_and_serialization/Simple_Load","title":"Load Simple HTML5 Canvas Stage from JSON Tutorial","description":"To load a simple stage from JSON with Konva, we can use the Konva.Node.create() method.","sidebar":"tutorialsSidebar"},"docs/data_and_serialization/Stage_Data_URL":{"id":"docs/data_and_serialization/Stage_Data_URL","title":"HTML5 Canvas to Data URL Tutorial","description":"To get the data URL of the stage with Konva, we can use the toDataURL()","sidebar":"tutorialsSidebar"},"docs/donate":{"id":"docs/donate","title":"How to support and donate to Konva project?","description":"Hello, my name is Anton. I am core maintainer of Konva framework.","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Complex_Drag_and_Drop":{"id":"docs/drag_and_drop/Complex_Drag_and_Drop","title":"HTML5 Canvas Complex Drag and Drop Bounds","description":"To bound the movement of nodes being dragged and dropped inside regions with","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Drag_a_Group":{"id":"docs/drag_and_drop/Drag_a_Group","title":"HTML5 Canvas Drag and Drop a Group Tutorial","description":"To drag and drop groups with Konva, we can set the draggable property","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Drag_a_Line":{"id":"docs/drag_and_drop/Drag_a_Line","title":"HTML5 Canvas Drag and Drop a Line","description":"To drag and drop a line with Konva, we can set the draggable property","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Drag_a_Stage":{"id":"docs/drag_and_drop/Drag_a_Stage","title":"HTML5 Canvas Drag and Drop the Stage","description":"To drag and drop a stage with Konva, we can set the draggable property","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Drag_an_Image":{"id":"docs/drag_and_drop/Drag_an_Image","title":"HTML5 Canvas Drag and Drop an Image","description":"To drag and drop an image with Konva, we can set the draggable property","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Drag_and_Drop":{"id":"docs/drag_and_drop/Drag_and_Drop","title":"HTML5 Canvas Drag and Drop Tutorial","description":"To drag and drop shapes with Konva, we can set the draggable property","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Drag_Events":{"id":"docs/drag_and_drop/Drag_Events","title":"HTML5 Canvas Drag and Drop Events","description":"To detect drag and drop events with Konva, we can use the on() method to","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Drop_Events":{"id":"docs/drag_and_drop/Drop_Events","title":"HTML5 Canvas Drop Events","description":"Konva does not support drop events. But you can write your own drop events detections.","sidebar":"tutorialsSidebar"},"docs/drag_and_drop/Simple_Drag_Bounds":{"id":"docs/drag_and_drop/Simple_Drag_Bounds","title":"HTML5 Canvas Simple Drag Bounds Tutorial","description":"To restrict the movement of shapes being dragged and dropped with Konva,","sidebar":"tutorialsSidebar"},"docs/events/Binding_Events":{"id":"docs/events/Binding_Events","title":"HTML5 Canvas Shape Events","description":"To detect shape events with Konva, we can use the on() method to bind event handlers to a node.","sidebar":"tutorialsSidebar"},"docs/events/Cancel_Propagation":{"id":"docs/events/Cancel_Propagation","title":"HTML5 Canvas Cancel Event Bubble Propagation with Konva","description":"To cancel event bubble propagation with Konva, we can set the cancelBubble","sidebar":"tutorialsSidebar"},"docs/events/Custom_Hit_Region":{"id":"docs/events/Custom_Hit_Region","title":"HTML5 Canvas Custom Hit Detection Function Tutorial","description":"There are two ways to change hit region of the shape: hitFunc and hitStrokeWidth properties.","sidebar":"tutorialsSidebar"},"docs/events/Desktop_and_Mobile":{"id":"docs/events/Desktop_and_Mobile","title":"HTML5 Canvas Desktop and Mobile Events Support Tutorial","description":"Note: this demo may be outdate, because modern browsers support pointer events. And you can use pointer events in Konva too. See Pointer Events Demo. But if you prefer not to use pointer events, keep reading..._","sidebar":"tutorialsSidebar"},"docs/events/Event_Delegation":{"id":"docs/events/Event_Delegation","title":"HTML5 Canvas Event Delegation with Konva","description":"To get the event target with Konva, we can access the target property","sidebar":"tutorialsSidebar"},"docs/events/Fire_Events":{"id":"docs/events/Fire_Events","title":"HTML5 Canvas Fire Event with Konva","description":"To fire events with Konva, we can use the fire() method.","sidebar":"tutorialsSidebar"},"docs/events/Image_Events":{"id":"docs/events/Image_Events","title":"HTML5 Canvas Image Events with Konva","description":"To only detect events for non transparent pixels in an image with Konva, we can use the drawHitFromCache() method to generate a more precise image hit region.","sidebar":"tutorialsSidebar"},"docs/events/Keyboard_Events":{"id":"docs/events/Keyboard_Events","title":"HTML5 Canvas Keyboard events with Konva","description":"There are no built-in keyboard events like keydown or keyup in Konva.","sidebar":"tutorialsSidebar"},"docs/events/Listen_for_Events":{"id":"docs/events/Listen_for_Events","title":"HTML5 Canvas Listen or Don't Listen to Events with Konva","description":"To listen or don't listen to events with Konva, we can set the listening","sidebar":"tutorialsSidebar"},"docs/events/Mobile_Events":{"id":"docs/events/Mobile_Events","title":"HTML5 Canvas Mobile Touch Events Tutorial","description":"To bind event handlers to shapes on a mobile device with Konva, we can use the on() method.","sidebar":"tutorialsSidebar"},"docs/events/Mobile_Scrolling":{"id":"docs/events/Mobile_Scrolling","title":"HTML5 Canvas Mobile Scrolling and Native Events with Konva","description":"By default Konva will prevent default behaviour of all pointer interactions with a stage.","sidebar":"tutorialsSidebar"},"docs/events/Multi_Event":{"id":"docs/events/Multi_Event","title":"HTML5 Canvas Canvas Multi-Event Binding Tutorial","description":"To bind multiple events to a single handler with Konva, we can use the on() method and pass in a space delimited string containing multiple event types.","sidebar":"tutorialsSidebar"},"docs/events/Pointer_Events":{"id":"docs/events/Pointer_Events","title":"HTML5 Canvas Pointer Events Tutorial","description":"Pointer events can be useful to handle both mobile and desktop events with one handler.","sidebar":"tutorialsSidebar"},"docs/events/Remove_by_Name":{"id":"docs/events/Remove_by_Name","title":"HTML5 Canvas Remove Event Listener by Name with Konva","description":"To remove an event listener by name with Konva,","sidebar":"tutorialsSidebar"},"docs/events/Remove_Event":{"id":"docs/events/Remove_Event","title":"HTML5 Canvas Remove Event Listener with Konva","description":"To remove an event listener with Konva, we can use the off() method of","sidebar":"tutorialsSidebar"},"docs/events/Stage_Events":{"id":"docs/events/Stage_Events","title":"HTML5 Canvas Special Stage Events Konva","description":"All events are started from Shapes. So if you click on an empty space within a canvas, a click event will not trigger on Layer but it will trigger on the Stage object instead.","sidebar":"tutorialsSidebar"},"docs/filters/Blur":{"id":"docs/filters/Blur","title":"HTML5 Canvas Blur Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Brighten":{"id":"docs/filters/Brighten","title":"HTML5 Canvas Brighten Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Contrast":{"id":"docs/filters/Contrast","title":"HTML5 Canvas Contrast filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Custom_Filter":{"id":"docs/filters/Custom_Filter","title":"HTML5 Canvas Custom Filter Tutorial","description":"How apply custom filter for Konva nodes?","sidebar":"tutorialsSidebar"},"docs/filters/Emboss":{"id":"docs/filters/Emboss","title":"HTML5 Canvas Emboss filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Enhance":{"id":"docs/filters/Enhance","title":"HTML5 Canvas Enhance Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Grayscale":{"id":"docs/filters/Grayscale","title":"HTML5 Canvas Grayscale Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.","sidebar":"tutorialsSidebar"},"docs/filters/HSL":{"id":"docs/filters/HSL","title":"HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache() function. Then apply filter with filters() function.","sidebar":"tutorialsSidebar"},"docs/filters/HSV":{"id":"docs/filters/HSV","title":"HTML5 Canvas Hue, Saturation and Value filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache() function. Then apply filter with filters() function.","sidebar":"tutorialsSidebar"},"docs/filters/Invert":{"id":"docs/filters/Invert","title":"HTML5 Canvas Invert Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.","sidebar":"tutorialsSidebar"},"docs/filters/Kaleidoscope":{"id":"docs/filters/Kaleidoscope","title":"HTML5 Canvas Kaleidoscope Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Mask":{"id":"docs/filters/Mask","title":"HTML5 Canvas Mask Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.","sidebar":"tutorialsSidebar"},"docs/filters/Multiple_Filters":{"id":"docs/filters/Multiple_Filters","title":"HTML5 Canvas Multiple Filters Tutorial","description":"To apply multiple filters to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Noise":{"id":"docs/filters/Noise","title":"HTML5 Canvas Noise filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Pixelate":{"id":"docs/filters/Pixelate","title":"HTML5 Canvas Pixelate filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/RGB":{"id":"docs/filters/RGB","title":"HTML5 Canvas RGB filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Sepia":{"id":"docs/filters/Sepia","title":"HTML5 Canvas Sepia filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Solarize":{"id":"docs/filters/Solarize","title":"HTML5 Canvas Solarize filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/filters/Threshold":{"id":"docs/filters/Threshold","title":"HTML5 Canvas Threshold filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","sidebar":"tutorialsSidebar"},"docs/groups_and_layers/Change_Containers":{"id":"docs/groups_and_layers/Change_Containers","title":"Move Shape to Another Container","description":"To move a shape from one container into another with Konva, we can use the moveTo() method which requires a container as a parameter.","sidebar":"tutorialsSidebar"},"docs/groups_and_layers/Groups":{"id":"docs/groups_and_layers/Groups","title":"Shape Groups","description":"To group multiple shapes together with Konva, we can instantiate a Konva.Group() object and then add shapes to it with the add() method.","sidebar":"tutorialsSidebar"},"docs/groups_and_layers/Layering":{"id":"docs/groups_and_layers/Layering","title":"Shape Layering","description":"To layer shapes with Konva, we can use one of the following layering methods:","sidebar":"tutorialsSidebar"},"docs/groups_and_layers/zIndex":{"id":"docs/groups_and_layers/zIndex","title":"Understanding Node zIndex","description":"What is zIndex of a node?","sidebar":"tutorialsSidebar"},"docs/index":{"id":"docs/index","title":"Starting with Konva","description":"What's Konva?","sidebar":"tutorialsSidebar"},"docs/overview":{"id":"docs/overview","title":"Konva Framework Overview","description":"What's Konva?","sidebar":"tutorialsSidebar"},"docs/performance/All_Performance_Tips":{"id":"docs/performance/All_Performance_Tips","title":"HTML5 Canvas All Konva performance tips list","description":"Don't want to spend your time with performance issues? Request a performance review.","sidebar":"tutorialsSidebar"},"docs/performance/Avoid_Memory_Leaks":{"id":"docs/performance/Avoid_Memory_Leaks","title":"HTML5 Canvas How to avoid Memory leaks Tip","description":"Deleting shapes","sidebar":"tutorialsSidebar"},"docs/performance/Batch_Draw":{"id":"docs/performance/Batch_Draw","title":"HTML5 Canvas Batch Draw Tip","description":"Update: this demo is not relevant with the new konva@8. In the new version, Konva is doing all batching draws automatically on any changes on canvas.","sidebar":"tutorialsSidebar"},"docs/performance/Disable_Perfect_Draw":{"id":"docs/performance/Disable_Perfect_Draw","title":"HTML5 Canvas Disable Perfect Drawing Tip","description":"In some cases drawing on canvas has unexpected results.","sidebar":"tutorialsSidebar"},"docs/performance/Layer_Management":{"id":"docs/performance/Layer_Management","title":"HTML5 Canvas Layer Management Performance Tip","description":"When creating Konva applications, the most important thing to consider,","sidebar":"tutorialsSidebar"},"docs/performance/Listening_False":{"id":"docs/performance/Listening_False","title":"HTML5 Canvas Listening False Performance Tip","description":"If you have a lot of shapes on the canvas and you don't need to detect events for some of them,","sidebar":"tutorialsSidebar"},"docs/performance/Optimize_Animation":{"id":"docs/performance/Optimize_Animation","title":"HTML5 Canvas Optimize Animation Performance Tip","description":"When creating animations with Konva, it's important to optimize them for better performance.","sidebar":"tutorialsSidebar"},"docs/performance/Optimize_Strokes":{"id":"docs/performance/Optimize_Strokes","title":"HTML5 Canvas Optimize Strokes Performance Tip","description":"When drawing shapes with strokes and shadows in Konva, there's an extra internal drawing step that occurs.","sidebar":"tutorialsSidebar"},"docs/performance/Shape_Caching":{"id":"docs/performance/Shape_Caching","title":"HTML5 Canvas Shape Caching Performance Tip","description":"If you have a complex shape with many drawing operations, or if you're applying filters,","sidebar":"tutorialsSidebar"},"docs/posts/Position_vs_Offset":{"id":"docs/posts/Position_vs_Offset","title":"Position_vs_Offset","description":"title: What is the difference between position and offset in Konva","sidebar":"tutorialsSidebar"},"docs/posts/Tainted_Canvas":{"id":"docs/posts/Tainted_Canvas","title":"Tainted_Canvas","description":"title: Resolving \"Tainted canvases may not be exported\" with Konva","sidebar":"tutorialsSidebar"},"docs/react/Access_Konva_Nodes":{"id":"docs/react/Access_Konva_Nodes","title":"Access_Konva_Nodes","description":"title: How to access Konva nodes from react-konva?","sidebar":"tutorialsSidebar"},"docs/react/Canvas_Export":{"id":"docs/react/Canvas_Export","title":"Canvas_Export","description":"title: How to export a canvas into an image from react-konva?","sidebar":"tutorialsSidebar"},"docs/react/Canvas_Portal":{"id":"docs/react/Canvas_Portal","title":"Canvas_Portal","description":"title: How to use portals in react-konva?","sidebar":"tutorialsSidebar"},"docs/react/Complex_Animations":{"id":"docs/react/Complex_Animations","title":"Complex_Animations","description":"title: How to apply canvas animations with react and konva?","sidebar":"tutorialsSidebar"},"docs/react/Custom_Shape":{"id":"docs/react/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom shapes with React?","sidebar":"tutorialsSidebar"},"docs/react/DOM_Portal":{"id":"docs/react/DOM_Portal","title":"DOM_Portal","description":"title: Render DOM elements inside a canvas stage","sidebar":"tutorialsSidebar"},"docs/react/Drag_And_Drop":{"id":"docs/react/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes","sidebar":"tutorialsSidebar"},"docs/react/Drop_Image":{"id":"docs/react/Drop_Image","title":"Drop_Image","description":"title: How to drop image elements into a canvas with React?","sidebar":"tutorialsSidebar"},"docs/react/Events":{"id":"docs/react/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with React and Konva?","sidebar":"tutorialsSidebar"},"docs/react/Filters":{"id":"docs/react/Filters","title":"Filters","description":"title: How to apply canvas filters with react and konva?","sidebar":"tutorialsSidebar"},"docs/react/Free_Drawing":{"id":"docs/react/Free_Drawing","title":"Free_Drawing","description":"title: How to implement free drawing on canvas with react?","sidebar":"tutorialsSidebar"},"docs/react/Images":{"id":"docs/react/Images","title":"Images","description":"title: How to draw images on canvas with React?","sidebar":"tutorialsSidebar"},"docs/react/index":{"id":"docs/react/index","title":"index","description":"title: Getting started with react and canvas via Konva","sidebar":"tutorialsSidebar"},"docs/react/Intro":{"id":"docs/react/Intro","title":"Intro","description":"title: react-konva - declarative canvas components for React","sidebar":"tutorialsSidebar"},"docs/react/Shapes":{"id":"docs/react/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with React","sidebar":"tutorialsSidebar"},"docs/react/Simple_Animations":{"id":"docs/react/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with react and konva?","sidebar":"tutorialsSidebar"},"docs/react/Transformer":{"id":"docs/react/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with react and konva?","sidebar":"tutorialsSidebar"},"docs/react/Undo-Redo":{"id":"docs/react/Undo-Redo","title":"Undo-Redo","description":"title: How to implement undo/redo on canvas with React?","sidebar":"tutorialsSidebar"},"docs/react/zIndex":{"id":"docs/react/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with React?","sidebar":"tutorialsSidebar"},"docs/sandbox/Animals_on_the_Beach_Game":{"id":"docs/sandbox/Animals_on_the_Beach_Game","title":"Animals_on_the_Beach_Game","description":"title: Animals on the Beach Game","sidebar":"tutorialsSidebar"},"docs/sandbox/Animation_Stress_Test":{"id":"docs/sandbox/Animation_Stress_Test","title":"Animation_Stress_Test","description":"title: Animation Stress Test","sidebar":"tutorialsSidebar"},"docs/sandbox/Canvas_Background":{"id":"docs/sandbox/Canvas_Background","title":"Canvas_Background","description":"title: How to add background to canvas?","sidebar":"tutorialsSidebar"},"docs/sandbox/Canvas_Context_Menu":{"id":"docs/sandbox/Canvas_Context_Menu","title":"Canvas_Context_Menu","description":"title: How to show a context menu for HTML5 canvas shape?","sidebar":"tutorialsSidebar"},"docs/sandbox/Canvas_Editor":{"id":"docs/sandbox/Canvas_Editor","title":"Canvas_Editor","description":"title: Canvas Designer Editor for JavaScript","sidebar":"tutorialsSidebar"},"docs/sandbox/Canvas_Scrolling":{"id":"docs/sandbox/Canvas_Scrolling","title":"Canvas_Scrolling","description":"title: HTML5 Large Canvas Scrolling Demo","sidebar":"tutorialsSidebar"},"docs/sandbox/Canvas_to_PDF":{"id":"docs/sandbox/Canvas_to_PDF","title":"Canvas_to_PDF","description":"title: How to convert canvas to pdf","sidebar":"tutorialsSidebar"},"docs/sandbox/Collision_Detection":{"id":"docs/sandbox/Collision_Detection","title":"Collision_Detection","description":"title: Drag and Drop Collision Detection Demo","sidebar":"tutorialsSidebar"},"docs/sandbox/Connected_Objects":{"id":"docs/sandbox/Connected_Objects","title":"Connected_Objects","description":"title: Connect objects HTML5 canvas with Konva","sidebar":"tutorialsSidebar"},"docs/sandbox/Custom_Font":{"id":"docs/sandbox/Custom_Font","title":"Custom_Font","description":"title: How to use custom font for HTML5 canvas?","sidebar":"tutorialsSidebar"},"docs/sandbox/Drag_and_Drop_Multiple_Shapes":{"id":"docs/sandbox/Drag_and_Drop_Multiple_Shapes","title":"Drag_and_Drop_Multiple_Shapes","description":"title: Drag and Drop Multiple Shapes","sidebar":"tutorialsSidebar"},"docs/sandbox/Drag_and_Drop_Stress_Test":{"id":"docs/sandbox/Drag_and_Drop_Stress_Test","title":"Drag_and_Drop_Stress_Test","description":"title: Drag and Drop Stress Test with 10,000 Shapes","sidebar":"tutorialsSidebar"},"docs/sandbox/Drop_DOM_Element":{"id":"docs/sandbox/Drop_DOM_Element","title":"Drop_DOM_Element","description":"title: How to drag and drop DOM image into the canvas","sidebar":"tutorialsSidebar"},"docs/sandbox/Editable_Text":{"id":"docs/sandbox/Editable_Text","title":"Editable_Text","description":"title: Text editing in HTML5 canvas with Konva","sidebar":"tutorialsSidebar"},"docs/sandbox/Elastic_Stars":{"id":"docs/sandbox/Elastic_Stars","title":"Elastic_Stars","description":"title: Elastic Stars","sidebar":"tutorialsSidebar"},"docs/sandbox/Expand_Images_on_Hover":{"id":"docs/sandbox/Expand_Images_on_Hover","title":"Expand_Images_on_Hover","description":"title: Expand Image on Hover","sidebar":"tutorialsSidebar"},"docs/sandbox/Free_Drawing":{"id":"docs/sandbox/Free_Drawing","title":"Free_Drawing","description":"title: Free Drawing Konva Demo","sidebar":"tutorialsSidebar"},"docs/sandbox/Gestures":{"id":"docs/sandbox/Gestures","title":"Gestures","description":"title: Gesture Events on Canvas Shapes","sidebar":"tutorialsSidebar"},"docs/sandbox/GIF_On_Canvas":{"id":"docs/sandbox/GIF_On_Canvas","title":"GIF_On_Canvas","description":"title: How to animate GIF on Canvas","sidebar":"tutorialsSidebar"},"docs/sandbox/Image_Border":{"id":"docs/sandbox/Image_Border","title":"Image_Border","description":"title: Border for Image around Non Transparent parts","sidebar":"tutorialsSidebar"},"docs/sandbox/Image_Border_Highlighting":{"id":"docs/sandbox/Image_Border_Highlighting","title":"Image_Border_Highlighting","description":"title: Drag and Drop Multiple Images with Border Highlighting","sidebar":"tutorialsSidebar"},"docs/sandbox/Image_Labeling":{"id":"docs/sandbox/Image_Labeling","title":"Image_Labeling","description":"title: Drawing Labels on Image with canvas","sidebar":"tutorialsSidebar"},"docs/sandbox/Image_Resize":{"id":"docs/sandbox/Image_Resize","title":"Image_Resize","description":"title: HTML5 Canvas Drag, Drop, and Resize Images Demo","sidebar":"tutorialsSidebar"},"docs/sandbox/Interactive_Building_Map":{"id":"docs/sandbox/Interactive_Building_Map","title":"Interactive_Building_Map","description":"title: Interactive Building Map","sidebar":"tutorialsSidebar"},"docs/sandbox/Jumping_Bunnies":{"id":"docs/sandbox/Jumping_Bunnies","title":"Jumping_Bunnies","description":"title: Jumping bunnies performance stress test","sidebar":"tutorialsSidebar"},"docs/sandbox/Limited_Drag_And_Resize":{"id":"docs/sandbox/Limited_Drag_And_Resize","title":"Limited_Drag_And_Resize","description":"title: How to limit dragging and resizing of shapes by canvas stage?","sidebar":"tutorialsSidebar"},"docs/sandbox/Mirror_Canvas_Shape":{"id":"docs/sandbox/Mirror_Canvas_Shape","title":"Mirror_Canvas_Shape","description":"title: How to flip shapes or image on canvas?","sidebar":"tutorialsSidebar"},"docs/sandbox/Modify_Curves_with_Anchor_Points":{"id":"docs/sandbox/Modify_Curves_with_Anchor_Points","title":"Modify_Curves_with_Anchor_Points","description":"title: Modify Curves with Anchor Points","sidebar":"tutorialsSidebar"},"docs/sandbox/Modify_Shape_Color_on_Click":{"id":"docs/sandbox/Modify_Shape_Color_on_Click","title":"Modify_Shape_Color_on_Click","description":"title: Modify Shape Color on Click","sidebar":"tutorialsSidebar"},"docs/sandbox/Multi-touch_Scale_Shape":{"id":"docs/sandbox/Multi-touch_Scale_Shape","title":"Multi-touch_Scale_Shape","description":"title: Multi-touch Scale Shape","sidebar":"tutorialsSidebar"},"docs/sandbox/Multi-touch_Scale_Stage":{"id":"docs/sandbox/Multi-touch_Scale_Stage","title":"Multi-touch_Scale_Stage","description":"title: Multi-touch Canvas scale with pinch zoom","sidebar":"tutorialsSidebar"},"docs/sandbox/Native_Context_Access":{"id":"docs/sandbox/Native_Context_Access","title":"Native_Context_Access","description":"title: How to access native 2d context","sidebar":"tutorialsSidebar"},"docs/sandbox/Nodes":{"id":"docs/sandbox/Nodes","title":"Nodes","description":"title: Interactive Scatter Plot with 20,000 Nodes","sidebar":"tutorialsSidebar"},"docs/sandbox/Objects_Snapping":{"id":"docs/sandbox/Objects_Snapping","title":"Objects_Snapping","description":"title: How to snap shapes positions on dragging with Konva?","sidebar":"tutorialsSidebar"},"docs/sandbox/Physics_Simulator":{"id":"docs/sandbox/Physics_Simulator","title":"Physics_Simulator","description":"title: Physics Simulator with Curve Detection","sidebar":"tutorialsSidebar"},"docs/sandbox/Planets_Image_Map":{"id":"docs/sandbox/Planets_Image_Map","title":"Planets_Image_Map","description":"title: Planets Image Map","sidebar":"tutorialsSidebar"},"docs/sandbox/Quantum_Squiggle":{"id":"docs/sandbox/Quantum_Squiggle","title":"Quantum_Squiggle","description":"title:  Oscillating Blobs","sidebar":"tutorialsSidebar"},"docs/sandbox/Relative_Pointer_Position":{"id":"docs/sandbox/Relative_Pointer_Position","title":"Relative_Pointer_Position","description":"title: How to find relative mouse position?","sidebar":"tutorialsSidebar"},"docs/sandbox/Resizing_Stress_Test":{"id":"docs/sandbox/Resizing_Stress_Test","title":"Resizing_Stress_Test","description":"title: Resizing Stress Test with Konva","sidebar":"tutorialsSidebar"},"docs/sandbox/Responsive_Canvas":{"id":"docs/sandbox/Responsive_Canvas","title":"Responsive_Canvas","description":"title: Responsive Canvas Stage Demo","sidebar":"tutorialsSidebar"},"docs/sandbox/Rich_Text":{"id":"docs/sandbox/Rich_Text","title":"Rich_Text","description":"title: How to show rich html on canvas with Konva","sidebar":"tutorialsSidebar"},"docs/sandbox/Scale_Image_To_Fit":{"id":"docs/sandbox/Scale_Image_To_Fit","title":"Scale_Image_To_Fit","description":"title: Scaling image to fit a fixed area on canvas","sidebar":"tutorialsSidebar"},"docs/sandbox/Scroll_By_Edge_Drag":{"id":"docs/sandbox/Scroll_By_Edge_Drag","title":"Scroll_By_Edge_Drag","description":"title: How to automatically scroll stage by edge drag?","sidebar":"tutorialsSidebar"},"docs/sandbox/Seats_Reservation":{"id":"docs/sandbox/Seats_Reservation","title":"Seats_Reservation","description":"title: Seats bookings widget for the website with canvas","sidebar":"tutorialsSidebar"},"docs/sandbox/Shape_Tango":{"id":"docs/sandbox/Shape_Tango","title":"Shape_Tango","description":"title: HTML5 Canvas Shape Tango with Konva","sidebar":"tutorialsSidebar"},"docs/sandbox/Shape_Tooltips":{"id":"docs/sandbox/Shape_Tooltips","title":"Shape_Tooltips","description":"title: Shape Tooltips","sidebar":"tutorialsSidebar"},"docs/sandbox/Shapes_with_Tooltip":{"id":"docs/sandbox/Shapes_with_Tooltip","title":"Shapes_with_Tooltip","description":"title: 10,000 Shapes with Tooltips Stress Test with Konva","sidebar":"tutorialsSidebar"},"docs/sandbox/Simple_Window_Frame":{"id":"docs/sandbox/Simple_Window_Frame","title":"Simple_Window_Frame","description":"title: HTML5 Canvas Simple Window Designer","sidebar":"tutorialsSidebar"},"docs/sandbox/Stage_Preview":{"id":"docs/sandbox/Stage_Preview","title":"Stage_Preview","description":"title: How to preview large stage on canvas with Konva?","sidebar":"tutorialsSidebar"},"docs/sandbox/Star_Spinner":{"id":"docs/sandbox/Star_Spinner","title":"Star_Spinner","description":"title: Star Spinner","sidebar":"tutorialsSidebar"},"docs/sandbox/SVG_On_Canvas":{"id":"docs/sandbox/SVG_On_Canvas","title":"SVG_On_Canvas","description":"title: How to draw SVG image on canvas with Konva","sidebar":"tutorialsSidebar"},"docs/sandbox/Transparent_Group":{"id":"docs/sandbox/Transparent_Group","title":"Transparent_Group","description":"title: How to apply transparency for several shapes at once?","sidebar":"tutorialsSidebar"},"docs/sandbox/Video_On_Canvas":{"id":"docs/sandbox/Video_On_Canvas","title":"Video_On_Canvas","description":"title: How to display video on Canvas","sidebar":"tutorialsSidebar"},"docs/sandbox/Web_Worker":{"id":"docs/sandbox/Web_Worker","title":"Web_Worker","description":"title: Offscreen canvas inside Web Worker","sidebar":"tutorialsSidebar"},"docs/sandbox/Wheel_of_Fortune":{"id":"docs/sandbox/Wheel_of_Fortune","title":"Wheel_of_Fortune","description":"title: Wheel of Fortune HTML5 Canvas Game","sidebar":"tutorialsSidebar"},"docs/sandbox/Window_Frame_Designer":{"id":"docs/sandbox/Window_Frame_Designer","title":"Window_Frame_Designer","description":"title: HTML5 Canvas Window Frame Designer","sidebar":"tutorialsSidebar"},"docs/sandbox/Zoom_Layer_On_hover":{"id":"docs/sandbox/Zoom_Layer_On_hover","title":"Zoom_Layer_On_hover","description":"title: Zoom Image on Hover","sidebar":"tutorialsSidebar"},"docs/sandbox/Zooming_Relative_To_Pointer":{"id":"docs/sandbox/Zooming_Relative_To_Pointer","title":"Zooming_Relative_To_Pointer","description":"title: Zooming stage relative to pointer position","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Basic_demo":{"id":"docs/select_and_transform/Basic_demo","title":"HTML5 Canvas Shape select, resize and rotate","description":"Transformer is a special kind of Konva.Group. It allows you easily resize and rotate any node or set of nodes.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Centered_Scaling":{"id":"docs/select_and_transform/Centered_Scaling","title":"HTML5 Canvas Shape Resize Relative to Center","description":"To resize a node into both sides at the same time you can set centeredScaling to true or hold ALT key while moving an anchor (even if centeredScaling is false).","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Force_Update":{"id":"docs/select_and_transform/Force_Update","title":"HTML5 Canvas Force Update Tutorial","description":"Konva.Transformer automatically tracks properties of attached nodes.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Ignore_Stroke_On_Transform":{"id":"docs/select_and_transform/Ignore_Stroke_On_Transform","title":"How to resize shape on canvas without changing its stroke size?","description":"Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Keep_Ratio":{"id":"docs/select_and_transform/Keep_Ratio","title":"HTML5 Canvas Shape Resize With Ratio Preserved","description":"By default when you resize with corner anchors (top-left, top-right, bottom-left or bottom-right) Transformer will save ratio of a node.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Resize_Limits":{"id":"docs/select_and_transform/Resize_Limits","title":"HTML5 Canvas Shape Resize and Transform Limits","description":"To limit or change resize and transform behavior you can use boundBoxFunc property.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Resize_Snaps":{"id":"docs/select_and_transform/Resize_Snaps","title":"HTML5 Canvas Shape Resize Snapping","description":"In some applications, you may want to snap resizing near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Resize_Text":{"id":"docs/select_and_transform/Resize_Text","title":"How to resize text on canvas?","description":"Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Rotation_Snaps":{"id":"docs/select_and_transform/Rotation_Snaps","title":"HTML5 Canvas Shape Snap Rotation","description":"In some applications, you may want to snap rotation near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Stop_Transform":{"id":"docs/select_and_transform/Stop_Transform","title":"HTML5 Canvas Stop Shape Transform","description":"If you need to stop transforming immediately you can use stopTransform method of Konva.Transformer instance.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Transform_Events":{"id":"docs/select_and_transform/Transform_Events","title":"HTML5 Canvas Transform and Resize events","description":"Konva.Transformer object has special transform events that you can use in your app: transformstart, transform and transformend.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Transformer_Complex_Styling":{"id":"docs/select_and_transform/Transformer_Complex_Styling","title":"Deep Style Konva Transformer","description":"You can use anchorStyleFunc property of Konva.Transformer to have deeper control on styling of anchors.","sidebar":"tutorialsSidebar"},"docs/select_and_transform/Transformer_Styling":{"id":"docs/select_and_transform/Transformer_Styling","title":"Style Konva Transformer","description":"You can adjust styles of Konva.Transformer for your web app. You can change stroke, size and fill of all anchors.","sidebar":"tutorialsSidebar"},"docs/selectors/Select_by_id":{"id":"docs/selectors/Select_by_id","title":"HTML5 Canvas Select Shape by id Tutorial","description":"To select a shape by id with Konva, we can use the find() method using the # selector.","sidebar":"tutorialsSidebar"},"docs/selectors/Select_by_Name":{"id":"docs/selectors/Select_by_Name","title":"HTML5 Canvas Select Shape by Name Tutorial","description":"To select shapes by name with Konva, we can use the find() method using the . selector.","sidebar":"tutorialsSidebar"},"docs/selectors/Select_by_Type":{"id":"docs/selectors/Select_by_Type","title":"HTML5 Canvas Select Shape by Type Tutorial","description":"To select shapes by type with Konva, we can use the find() method with the name of the type or class name.","sidebar":"tutorialsSidebar"},"docs/shapes/Arc":{"id":"docs/shapes/Arc","title":"HTML5 canvas Arc Tutorial","description":"To create an arc shape with Konva, we can instantiate a Konva.Arc() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Arrow":{"id":"docs/shapes/Arrow","title":"HTML5 canvas Arrow Tutorial","description":"To create an arrow shape with Konva, we can instantiate a Konva.Arrow() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Circle":{"id":"docs/shapes/Circle","title":"HTML5 canvas Circle Tutorial","description":"To create a circle shape with Konva, we can instantiate a Konva.Circle() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Custom":{"id":"docs/shapes/Custom","title":"HTML5 canvas Custom Shape Tutorial","description":"To create a custom shape with Konva, you can use the Konva.Shape() object and define a custom drawing function.","sidebar":"tutorialsSidebar"},"docs/shapes/Ellipse":{"id":"docs/shapes/Ellipse","title":"HTML5 canvas Ellipse Tutorial","description":"To create an ellipse shape with Konva, we can instantiate a Konva.Ellipse() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Group":{"id":"docs/shapes/Group","title":"HTML5 canvas Group Tutorial","description":"To create a group of shapes with Konva, we can instantiate a Konva.Group() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Image":{"id":"docs/shapes/Image","title":"HTML5 canvas Image Tutorial","description":"To create an image with Konva, you can use the Konva.Image() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Label":{"id":"docs/shapes/Label","title":"HTML5 canvas Label Tutorial","description":"To create a label with Konva, you can use the Konva.Label() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Line":{"id":"docs/shapes/Line","title":"HTML5 canvas Line Tutorial","description":"To create line shapes with Konva, we can instantiate a Konva.Line() object. Lines can be configured in different ways to create various shapes like simple lines, splines, blobs, and polygons.","sidebar":"tutorialsSidebar"},"docs/shapes/Line_-_Blob":{"id":"docs/shapes/Line_-_Blob","title":"HTML5 canvas Blob Tutorial","description":"To create a blob with Konva, we can instantiate a Konva.Line() object with both closed and tension properties.","sidebar":"tutorialsSidebar"},"docs/shapes/Line_-_Polygon":{"id":"docs/shapes/Line_-_Polygon","title":"HTML5 canvas Polygon Tutorial","description":"To create a polygon with Konva, we can instantiate a Konva.Line() object with the closed property set to true.","sidebar":"tutorialsSidebar"},"docs/shapes/Line_-_Simple_Line":{"id":"docs/shapes/Line_-_Simple_Line","title":"HTML5 canvas Line Tutorial","description":"To create a simple line with Konva, we can instantiate a Konva.Line() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Line_-_Spline":{"id":"docs/shapes/Line_-_Spline","title":"HTML5 canvas Spline Tutorial","description":"To create a spline (curved line) with Konva, we can instantiate a Konva.Line() object with the tension property.","sidebar":"tutorialsSidebar"},"docs/shapes/Path":{"id":"docs/shapes/Path","title":"HTML5 canvas Path Tutorial","description":"To create a custom path shape with Konva, we can instantiate a Konva.Path() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Rect":{"id":"docs/shapes/Rect","title":"HTML5 canvas Rectangle Tutorial","description":"To create a rectangle with Konva, we can instantiate a Konva.Rect() object.","sidebar":"tutorialsSidebar"},"docs/shapes/RegularPolygon":{"id":"docs/shapes/RegularPolygon","title":"HTML5 canvas Regular Polygon Tutorial","description":"To create a regular polygon shape with Konva, we can instantiate a Konva.RegularPolygon() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Ring":{"id":"docs/shapes/Ring","title":"HTML5 canvas Ring Tutorial","description":"To create a ring with Konva, you can use the Konva.Ring() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Sprite":{"id":"docs/shapes/Sprite","title":"HTML5 canvas Sprite Tutorial","description":"To create an animated sprite with Konva, we can instantiate a Konva.Sprite() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Star":{"id":"docs/shapes/Star","title":"HTML5 canvas Star Tutorial","description":"To create a star with Konva, you can use the Konva.Star() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Text":{"id":"docs/shapes/Text","title":"HTML5 canvas Text Tutorial","description":"To create text with Konva, we can instantiate a Konva.Text() object.","sidebar":"tutorialsSidebar"},"docs/shapes/TextPath":{"id":"docs/shapes/TextPath","title":"HTML5 canvas TextPath Tutorial","description":"To create text that follows a path with Konva, we can instantiate a Konva.TextPath() object.","sidebar":"tutorialsSidebar"},"docs/shapes/Wedge":{"id":"docs/shapes/Wedge","title":"HTML5 canvas Wedge Tutorial","description":"To create a wedge (pie piece) shape with Konva, we can instantiate a Konva.Wedge() object.","sidebar":"tutorialsSidebar"},"docs/styling/Blend_Mode":{"id":"docs/styling/Blend_Mode","title":"HTML5 Canvas Blend mode with globalCompositeOperation Tutorial","description":"globalCompositeOperation Documentation.","sidebar":"tutorialsSidebar"},"docs/styling/Fill":{"id":"docs/styling/Fill","title":"HTML5 Canvas Set Fill Tutorial","description":"To fill a shape with Konva, we can set the fill property when we instantiate a shape, or we can use the fill() method.","sidebar":"tutorialsSidebar"},"docs/styling/Fill_Stroke_Order":{"id":"docs/styling/Fill_Stroke_Order","title":"Fill and stroke order demo","description":"If a shape has both fill and stroke, by default, Konva will draw filling first then stroke on top of it. That is the best behavior for most of the applications.","sidebar":"tutorialsSidebar"},"docs/styling/Hide_and_Show":{"id":"docs/styling/Hide_and_Show","title":"HTML5 Canvas Hide and Show Shape Tutorial","description":"To hide and show a shape with Konva, we can set the visible property when we instantiate a shape, or we can use the hide() and show() methods.","sidebar":"tutorialsSidebar"},"docs/styling/Line_Join":{"id":"docs/styling/Line_Join","title":"HTML5 Canvas Line Join Tutorial","description":"To set the line join for a shape with Konva, we can set the lineJoin property when we instantiate a shape, or we can use the lineJoin() method.","sidebar":"tutorialsSidebar"},"docs/styling/Mouse_Cursor":{"id":"docs/styling/Mouse_Cursor","title":"HTML5 Canvas Change Mouse Cursor Style","description":"To change mouse cursor with Konva framework you just need to listen events, where do you need to change the cursor, and apply new styles manually for Stage container.","sidebar":"tutorialsSidebar"},"docs/styling/Opacity":{"id":"docs/styling/Opacity","title":"HTML5 Canvas Set Shape Opacity Tutorial","description":"To set a shape opacity with Konva, we can set the opacity property when we instantiate the node, or we can use the opacity() method.","sidebar":"tutorialsSidebar"},"docs/styling/Shadow":{"id":"docs/styling/Shadow","title":"HTML5 Canvas Shadows Tutorial","description":"To apply shadows with Konva, we can set the shadowColor, shadowOffset, shadowBlur, and shadowOpacity properties when we instantiate a shape.","sidebar":"tutorialsSidebar"},"docs/styling/Stroke":{"id":"docs/styling/Stroke","title":"HTML5 Canvas Set Shape Stroke Color and Width Tutorial","description":"To set a shape stroke and stroke width with Konva, we can set the stroke and strokeWidth properties when we instantiate a shape, or we can use the stroke() and strokeWidth() methods.","sidebar":"tutorialsSidebar"},"docs/support":{"id":"docs/support","title":"Need help with Konva library?","description":"Looking for a help with Konva framework?","sidebar":"tutorialsSidebar"},"docs/svelte/Bindings":{"id":"docs/svelte/Bindings","title":"Bindings","description":"title: Binding the config prop","sidebar":"tutorialsSidebar"},"docs/svelte/Cache":{"id":"docs/svelte/Cache","title":"Cache","description":"title: How to cache canvas shapes with Svelte","sidebar":"tutorialsSidebar"},"docs/svelte/Custom_Shape":{"id":"docs/svelte/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom canvas shape with Svelte?","sidebar":"tutorialsSidebar"},"docs/svelte/Drag_And_Drop":{"id":"docs/svelte/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes with Svelte","sidebar":"tutorialsSidebar"},"docs/svelte/Events":{"id":"docs/svelte/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with Svelte and Konva?","sidebar":"tutorialsSidebar"},"docs/svelte/Filters":{"id":"docs/svelte/Filters","title":"Filters","description":"title: How to apply canvas filters with Svelte and Konva?","sidebar":"tutorialsSidebar"},"docs/svelte/Images":{"id":"docs/svelte/Images","title":"Images","description":"title: How to draw image on canvas with Svelte?","sidebar":"tutorialsSidebar"},"docs/svelte/index":{"id":"docs/svelte/index","title":"index","description":"title: Getting started with Svelte and canvas via Konva","sidebar":"tutorialsSidebar"},"docs/svelte/Konva_Node":{"id":"docs/svelte/Konva_Node","title":"Konva_Node","description":"title: Accessing the Konva node","sidebar":"tutorialsSidebar"},"docs/svelte/Labels":{"id":"docs/svelte/Labels","title":"Labels","description":"title: Using labels with Svelte","sidebar":"tutorialsSidebar"},"docs/svelte/Save_Load":{"id":"docs/svelte/Save_Load","title":"Save_Load","description":"title: Saving and loading canvas with Svelte and Konva","sidebar":"tutorialsSidebar"},"docs/svelte/Shapes":{"id":"docs/svelte/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with Svelte","sidebar":"tutorialsSidebar"},"docs/svelte/Simple_Animations":{"id":"docs/svelte/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with Svelte and Konva?","sidebar":"tutorialsSidebar"},"docs/svelte/SvelteKit":{"id":"docs/svelte/SvelteKit","title":"SvelteKit","description":"title: How to use svelte-konva with SvelteKit?","sidebar":"tutorialsSidebar"},"docs/svelte/Transformer":{"id":"docs/svelte/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with Svelte and Konva?","sidebar":"tutorialsSidebar"},"docs/svelte/zIndex":{"id":"docs/svelte/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with svelte-konva?","sidebar":"tutorialsSidebar"},"docs/tools":{"id":"docs/tools","title":"Konva.js Tools and Plugins","description":"- Konva + React","sidebar":"tutorialsSidebar"},"docs/tweens/All_Controls":{"id":"docs/tweens/All_Controls","title":"All Tween Controls Tutorial","description":"To control tweens with Konva, we can use the following methods:","sidebar":"tutorialsSidebar"},"docs/tweens/All_Easings":{"id":"docs/tweens/All_Easings","title":"More Easing Functions Tutorial","description":"This tutorial demonstrates all of the easing function sets provided by Konva, including:","sidebar":"tutorialsSidebar"},"docs/tweens/Common_Easings":{"id":"docs/tweens/Common_Easings","title":"Simple Easings Tutorial","description":"To create a non-linear easing tween with Konva, we can set the easing property to an easing function. Other than Konva.Easings.Linear, the other most common easings are:","sidebar":"tutorialsSidebar"},"docs/tweens/Complex_Tweening":{"id":"docs/tweens/Complex_Tweening","title":"Complex Tweening Tutorial","description":"For more complex animations, you can use GreenSock Konva Plugin.","sidebar":"tutorialsSidebar"},"docs/tweens/Finish_Event":{"id":"docs/tweens/Finish_Event","title":"Finish_Event","description":"title: HTML5 Canvas Tween Finish Event Tutorial","sidebar":"tutorialsSidebar"},"docs/tweens/Linear_Easing":{"id":"docs/tweens/Linear_Easing","title":"Basic Tweening Tutorial","description":"To tween properties with Konva, we can instantiate a Konva.Tween object and then start the tween by calling play().","sidebar":"tutorialsSidebar"},"docs/tweens/Tween_Filter":{"id":"docs/tweens/Tween_Filter","title":"Tween Blur Filter Tutorial","description":"To tween a filter using Konva, we can simply tween the properties associated with the filter.","sidebar":"tutorialsSidebar"},"docs/vue/Cache":{"id":"docs/vue/Cache","title":"Cache","description":"title: How to cache canvas shapes with Vue","sidebar":"tutorialsSidebar"},"docs/vue/Custom_Shape":{"id":"docs/vue/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom canvas shape with Vue?","sidebar":"tutorialsSidebar"},"docs/vue/Drag_And_Drop":{"id":"docs/vue/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes with vue","sidebar":"tutorialsSidebar"},"docs/vue/Events":{"id":"docs/vue/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with Vue and Konva?","sidebar":"tutorialsSidebar"},"docs/vue/Filters":{"id":"docs/vue/Filters","title":"Filters","description":"title: How to apply canvas filters with vue and konva?","sidebar":"tutorialsSidebar"},"docs/vue/Images":{"id":"docs/vue/Images","title":"Images","description":"title: How to draw image on canvas with Vue?","sidebar":"tutorialsSidebar"},"docs/vue/index":{"id":"docs/vue/index","title":"index","description":"title: Getting started with vue and canvas via Konva","sidebar":"tutorialsSidebar"},"docs/vue/Save-Load":{"id":"docs/vue/Save-Load","title":"Save-Load","description":"title: Saving and loading canvas with Vue and Konva","sidebar":"tutorialsSidebar"},"docs/vue/Shapes":{"id":"docs/vue/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with Vue","sidebar":"tutorialsSidebar"},"docs/vue/Simple_Animations":{"id":"docs/vue/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with vue and konva?","sidebar":"tutorialsSidebar"},"docs/vue/Transformer":{"id":"docs/vue/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with vue and konva?","sidebar":"tutorialsSidebar"},"docs/vue/zIndex":{"id":"docs/vue/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with Vue?","sidebar":"tutorialsSidebar"}}}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-create-an-animation-md-33c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-create-an-animation-md-33c.json
new file mode 100644
index 000000000..ae2d479fc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-create-an-animation-md-33c.json
@@ -0,0 +1,15 @@
+{
+  "id": "animations/Create_an_Animation",
+  "title": "Create_an_Animation",
+  "description": "title: HTML5 Canvas Konva Animation Tutorial",
+  "source": "@site/content/animations/Create_an_Animation.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Create_an_Animation",
+  "permalink": "/animations/Create_an_Animation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/animations/Create_an_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-moving-md-503.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-moving-md-503.json
new file mode 100644
index 000000000..3920d12f5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-moving-md-503.json
@@ -0,0 +1,15 @@
+{
+  "id": "animations/Moving",
+  "title": "Moving",
+  "description": "title: Animate Position Tutorial",
+  "source": "@site/content/animations/Moving.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Moving",
+  "permalink": "/animations/Moving",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/animations/Moving.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-rotation-md-ce4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-rotation-md-ce4.json
new file mode 100644
index 000000000..17cc48f0f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-rotation-md-ce4.json
@@ -0,0 +1,15 @@
+{
+  "id": "animations/Rotation",
+  "title": "Rotation",
+  "description": "title: Rotation Animation tutorial",
+  "source": "@site/content/animations/Rotation.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Rotation",
+  "permalink": "/animations/Rotation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/animations/Rotation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-scaling-md-d6d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-scaling-md-d6d.json
new file mode 100644
index 000000000..1ad5956ed
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-scaling-md-d6d.json
@@ -0,0 +1,15 @@
+{
+  "id": "animations/Scaling",
+  "title": "Scaling",
+  "description": "title: HTML5 Canvas Konva Scale Animation Tutorial",
+  "source": "@site/content/animations/Scaling.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Scaling",
+  "permalink": "/animations/Scaling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/animations/Scaling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-stop-animation-md-428.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-stop-animation-md-428.json
new file mode 100644
index 000000000..a89209cf2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-animations-stop-animation-md-428.json
@@ -0,0 +1,15 @@
+{
+  "id": "animations/Stop_Animation",
+  "title": "Stop_Animation",
+  "description": "title: HTML5 Canvas Konva Stop Animation Tutorial",
+  "source": "@site/content/animations/Stop_Animation.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Stop_Animation",
+  "permalink": "/animations/Stop_Animation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/animations/Stop_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-animation-mdx-621.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-animation-mdx-621.json
new file mode 100644
index 000000000..c302b988a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-animation-mdx-621.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Animation",
+  "title": "Konva.Animation",
+  "description": "Animation constructor.",
+  "source": "@site/content/api/Konva.Animation.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Animation.html",
+  "permalink": "/api/Konva.Animation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Animation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Animation",
+    "sidebar_label": "Animation",
+    "slug": "/api/Konva.Animation.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Konva",
+    "permalink": "/api/Konva.html"
+  },
+  "next": {
+    "title": "Arc",
+    "permalink": "/api/Konva.Arc.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arc-mdx-d2e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arc-mdx-d2e.json
new file mode 100644
index 000000000..10d59940f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arc-mdx-d2e.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Arc",
+  "title": "Konva.Arc",
+  "description": "Arc constructor",
+  "source": "@site/content/api/Konva.Arc.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Arc.html",
+  "permalink": "/api/Konva.Arc.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Arc.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Arc",
+    "sidebar_label": "Arc",
+    "slug": "/api/Konva.Arc.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Animation",
+    "permalink": "/api/Konva.Animation.html"
+  },
+  "next": {
+    "title": "Arrow",
+    "permalink": "/api/Konva.Arrow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arrow-mdx-a02.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arrow-mdx-a02.json
new file mode 100644
index 000000000..834cd0545
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-arrow-mdx-a02.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Arrow",
+  "title": "Konva.Arrow",
+  "description": "Arrow constructor",
+  "source": "@site/content/api/Konva.Arrow.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Arrow.html",
+  "permalink": "/api/Konva.Arrow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Arrow.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Arrow",
+    "sidebar_label": "Arrow",
+    "slug": "/api/Konva.Arrow.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Arc",
+    "permalink": "/api/Konva.Arc.html"
+  },
+  "next": {
+    "title": "Canvas",
+    "permalink": "/api/Konva.Canvas.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-canvas-mdx-ef5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-canvas-mdx-ef5.json
new file mode 100644
index 000000000..8dc00cb94
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-canvas-mdx-ef5.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Canvas",
+  "title": "Konva.Canvas",
+  "description": "Canvas Renderer constructor. It is a wrapper around native canvas element. Usually you don't need to use it manually.",
+  "source": "@site/content/api/Konva.Canvas.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Canvas.html",
+  "permalink": "/api/Konva.Canvas.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Canvas.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Canvas",
+    "sidebar_label": "Canvas",
+    "slug": "/api/Konva.Canvas.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Arrow",
+    "permalink": "/api/Konva.Arrow.html"
+  },
+  "next": {
+    "title": "Circle",
+    "permalink": "/api/Konva.Circle.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-circle-mdx-0d5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-circle-mdx-0d5.json
new file mode 100644
index 000000000..248efa5cc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-circle-mdx-0d5.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Circle",
+  "title": "Konva.Circle",
+  "description": "Circle constructor",
+  "source": "@site/content/api/Konva.Circle.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Circle.html",
+  "permalink": "/api/Konva.Circle.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Circle.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Circle",
+    "sidebar_label": "Circle",
+    "slug": "/api/Konva.Circle.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Canvas",
+    "permalink": "/api/Konva.Canvas.html"
+  },
+  "next": {
+    "title": "Container",
+    "permalink": "/api/Konva.Container.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-container-mdx-1ee.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-container-mdx-1ee.json
new file mode 100644
index 000000000..a0cfb6487
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-container-mdx-1ee.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Container",
+  "title": "Konva.Container",
+  "description": "Container constructor.&nbsp; Containers are used to contain nodes or other containers",
+  "source": "@site/content/api/Konva.Container.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Container.html",
+  "permalink": "/api/Konva.Container.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Container.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Container",
+    "sidebar_label": "Container",
+    "slug": "/api/Konva.Container.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Circle",
+    "permalink": "/api/Konva.Circle.html"
+  },
+  "next": {
+    "title": "Context",
+    "permalink": "/api/Konva.Context.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-context-mdx-b1f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-context-mdx-b1f.json
new file mode 100644
index 000000000..758a3570a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-context-mdx-b1f.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Context",
+  "title": "Konva.Context",
+  "description": "Konva wrapper around native 2d canvas context. It has almost the same API of 2d context with some additional functions. With core Konva shapes you don't need to use this object. But you will use it if you want to create a custom shape or a custom hit regions. For full information about each 2d context API use MDN documentation",
+  "source": "@site/content/api/Konva.Context.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Context.html",
+  "permalink": "/api/Konva.Context.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Context.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Context",
+    "sidebar_label": "Context",
+    "slug": "/api/Konva.Context.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Container",
+    "permalink": "/api/Konva.Container.html"
+  },
+  "next": {
+    "title": "Easings",
+    "permalink": "/api/Konva.Easings.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-easings-mdx-ea6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-easings-mdx-ea6.json
new file mode 100644
index 000000000..749c7712f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-easings-mdx-ea6.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Easings",
+  "title": "Konva.Easings",
+  "description": "Own Methods",
+  "source": "@site/content/api/Konva.Easings.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Easings.html",
+  "permalink": "/api/Konva.Easings.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Easings.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Easings",
+    "sidebar_label": "Easings",
+    "slug": "/api/Konva.Easings.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Context",
+    "permalink": "/api/Konva.Context.html"
+  },
+  "next": {
+    "title": "Ellipse",
+    "permalink": "/api/Konva.Ellipse.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ellipse-mdx-a79.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ellipse-mdx-a79.json
new file mode 100644
index 000000000..768b7bf09
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ellipse-mdx-a79.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Ellipse",
+  "title": "Konva.Ellipse",
+  "description": "Ellipse constructor",
+  "source": "@site/content/api/Konva.Ellipse.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Ellipse.html",
+  "permalink": "/api/Konva.Ellipse.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Ellipse.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Ellipse",
+    "sidebar_label": "Ellipse",
+    "slug": "/api/Konva.Ellipse.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Easings",
+    "permalink": "/api/Konva.Easings.html"
+  },
+  "next": {
+    "title": "FastLayer",
+    "permalink": "/api/Konva.FastLayer.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-fast-layer-mdx-06e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-fast-layer-mdx-06e.json
new file mode 100644
index 000000000..c050901a9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-fast-layer-mdx-06e.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.FastLayer",
+  "title": "Konva.FastLayer",
+  "description": "FastLayer constructor. DEPRECATED! Please use Konva.Layer(\\{ listening: false\\}) instead. Layers are tied to their own canvas element and are used to contain shapes only.  If you don't need node nesting, mouse and touch interactions, or event pub/sub, you should use FastLayer instead of Layer to create your layers. It renders about 2x faster than normal layers.",
+  "source": "@site/content/api/Konva.FastLayer.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.FastLayer.html",
+  "permalink": "/api/Konva.FastLayer.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.FastLayer.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.FastLayer",
+    "sidebar_label": "FastLayer",
+    "slug": "/api/Konva.FastLayer.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Ellipse",
+    "permalink": "/api/Konva.Ellipse.html"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/api/Konva.Filters.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-filters-mdx-f9c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-filters-mdx-f9c.json
new file mode 100644
index 000000000..78046a905
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-filters-mdx-f9c.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Filters",
+  "title": "Konva.Filters",
+  "description": "Own Methods",
+  "source": "@site/content/api/Konva.Filters.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Filters.html",
+  "permalink": "/api/Konva.Filters.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Filters.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Filters",
+    "sidebar_label": "Filters",
+    "slug": "/api/Konva.Filters.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "FastLayer",
+    "permalink": "/api/Konva.FastLayer.html"
+  },
+  "next": {
+    "title": "Group",
+    "permalink": "/api/Konva.Group.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-group-mdx-9c7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-group-mdx-9c7.json
new file mode 100644
index 000000000..08d17af34
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-group-mdx-9c7.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Group",
+  "title": "Konva.Group",
+  "description": "Group constructor.  Groups are used to contain shapes or other groups.",
+  "source": "@site/content/api/Konva.Group.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Group.html",
+  "permalink": "/api/Konva.Group.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Group.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Group",
+    "sidebar_label": "Group",
+    "slug": "/api/Konva.Group.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/api/Konva.Filters.html"
+  },
+  "next": {
+    "title": "Image",
+    "permalink": "/api/Konva.Image.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-image-mdx-7f8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-image-mdx-7f8.json
new file mode 100644
index 000000000..3057cc168
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-image-mdx-7f8.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Image",
+  "title": "Konva.Image",
+  "description": "Image constructor",
+  "source": "@site/content/api/Konva.Image.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Image.html",
+  "permalink": "/api/Konva.Image.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Image.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Image",
+    "sidebar_label": "Image",
+    "slug": "/api/Konva.Image.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Group",
+    "permalink": "/api/Konva.Group.html"
+  },
+  "next": {
+    "title": "Label",
+    "permalink": "/api/Konva.Label.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-label-mdx-ccd.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-label-mdx-ccd.json
new file mode 100644
index 000000000..23327128c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-label-mdx-ccd.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Label",
+  "title": "Konva.Label",
+  "description": "Label constructor.&nbsp; Labels are groups that contain a Text and Tag shape",
+  "source": "@site/content/api/Konva.Label.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Label.html",
+  "permalink": "/api/Konva.Label.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Label.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Label",
+    "sidebar_label": "Label",
+    "slug": "/api/Konva.Label.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Image",
+    "permalink": "/api/Konva.Image.html"
+  },
+  "next": {
+    "title": "Layer",
+    "permalink": "/api/Konva.Layer.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-layer-mdx-79b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-layer-mdx-79b.json
new file mode 100644
index 000000000..7d772464b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-layer-mdx-79b.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Layer",
+  "title": "Konva.Layer",
+  "description": "Layer constructor.  Layers are tied to their own canvas element and are used to contain groups or shapes.",
+  "source": "@site/content/api/Konva.Layer.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Layer.html",
+  "permalink": "/api/Konva.Layer.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Layer.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Layer",
+    "sidebar_label": "Layer",
+    "slug": "/api/Konva.Layer.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Label",
+    "permalink": "/api/Konva.Label.html"
+  },
+  "next": {
+    "title": "Line",
+    "permalink": "/api/Konva.Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-line-mdx-ef9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-line-mdx-ef9.json
new file mode 100644
index 000000000..e9efc355f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-line-mdx-ef9.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Line",
+  "title": "Konva.Line",
+  "description": "Line constructor.&nbsp; Lines are defined by an array of points and  a tension",
+  "source": "@site/content/api/Konva.Line.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Line.html",
+  "permalink": "/api/Konva.Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Line",
+    "sidebar_label": "Line",
+    "slug": "/api/Konva.Line.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Layer",
+    "permalink": "/api/Konva.Layer.html"
+  },
+  "next": {
+    "title": "Node",
+    "permalink": "/api/Konva.Node.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-mdx-8b1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-mdx-8b1.json
new file mode 100644
index 000000000..4ca9df217
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-mdx-8b1.json
@@ -0,0 +1,26 @@
+{
+  "id": "api/Konva",
+  "title": "Konva",
+  "description": "Classes",
+  "source": "@site/content/api/Konva.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.html",
+  "permalink": "/api/Konva.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "Konva",
+    "sidebar_label": "Konva",
+    "slug": "/api/Konva.html",
+    "sidebar_position": 1
+  },
+  "sidebar": "apiSidebar",
+  "next": {
+    "title": "Animation",
+    "permalink": "/api/Konva.Animation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-node-mdx-618.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-node-mdx-618.json
new file mode 100644
index 000000000..a6fda9ad5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-node-mdx-618.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Node",
+  "title": "Konva.Node",
+  "description": "Node constructor. Nodes are entities that can be transformed, layered, and have bound events. The stage, layers, groups, and shapes all extend Node.",
+  "source": "@site/content/api/Konva.Node.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Node.html",
+  "permalink": "/api/Konva.Node.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Node.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Node",
+    "sidebar_label": "Node",
+    "slug": "/api/Konva.Node.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Line",
+    "permalink": "/api/Konva.Line.html"
+  },
+  "next": {
+    "title": "Path",
+    "permalink": "/api/Konva.Path.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-path-mdx-e44.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-path-mdx-e44.json
new file mode 100644
index 000000000..6be0fb82c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-path-mdx-e44.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Path",
+  "title": "Konva.Path",
+  "description": "Path constructor.",
+  "source": "@site/content/api/Konva.Path.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Path.html",
+  "permalink": "/api/Konva.Path.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Path.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Path",
+    "sidebar_label": "Path",
+    "slug": "/api/Konva.Path.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Node",
+    "permalink": "/api/Konva.Node.html"
+  },
+  "next": {
+    "title": "Rect",
+    "permalink": "/api/Konva.Rect.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-rect-mdx-226.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-rect-mdx-226.json
new file mode 100644
index 000000000..261075eaa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-rect-mdx-226.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Rect",
+  "title": "Konva.Rect",
+  "description": "Rect constructor",
+  "source": "@site/content/api/Konva.Rect.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Rect.html",
+  "permalink": "/api/Konva.Rect.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Rect.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Rect",
+    "sidebar_label": "Rect",
+    "slug": "/api/Konva.Rect.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Path",
+    "permalink": "/api/Konva.Path.html"
+  },
+  "next": {
+    "title": "RegularPolygon",
+    "permalink": "/api/Konva.RegularPolygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-regular-polygon-mdx-da5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-regular-polygon-mdx-da5.json
new file mode 100644
index 000000000..8c4060b72
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-regular-polygon-mdx-da5.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.RegularPolygon",
+  "title": "Konva.RegularPolygon",
+  "description": "RegularPolygon constructor. Examples include triangles, squares, pentagons, hexagons, etc.",
+  "source": "@site/content/api/Konva.RegularPolygon.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.RegularPolygon.html",
+  "permalink": "/api/Konva.RegularPolygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.RegularPolygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.RegularPolygon",
+    "sidebar_label": "RegularPolygon",
+    "slug": "/api/Konva.RegularPolygon.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Rect",
+    "permalink": "/api/Konva.Rect.html"
+  },
+  "next": {
+    "title": "Ring",
+    "permalink": "/api/Konva.Ring.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ring-mdx-860.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ring-mdx-860.json
new file mode 100644
index 000000000..9e7e63fe3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-ring-mdx-860.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Ring",
+  "title": "Konva.Ring",
+  "description": "Ring constructor",
+  "source": "@site/content/api/Konva.Ring.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Ring.html",
+  "permalink": "/api/Konva.Ring.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Ring.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Ring",
+    "sidebar_label": "Ring",
+    "slug": "/api/Konva.Ring.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "RegularPolygon",
+    "permalink": "/api/Konva.RegularPolygon.html"
+  },
+  "next": {
+    "title": "Shape",
+    "permalink": "/api/Konva.Shape.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-shape-mdx-2df.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-shape-mdx-2df.json
new file mode 100644
index 000000000..165ff705a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-shape-mdx-2df.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Shape",
+  "title": "Konva.Shape",
+  "description": "Shape constructor.  Shapes are primitive objects such as rectangles,  circles, text, lines, etc.",
+  "source": "@site/content/api/Konva.Shape.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Shape.html",
+  "permalink": "/api/Konva.Shape.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Shape.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Shape",
+    "sidebar_label": "Shape",
+    "slug": "/api/Konva.Shape.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Ring",
+    "permalink": "/api/Konva.Ring.html"
+  },
+  "next": {
+    "title": "Sprite",
+    "permalink": "/api/Konva.Sprite.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-sprite-mdx-7ca.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-sprite-mdx-7ca.json
new file mode 100644
index 000000000..ba7dedcdb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-sprite-mdx-7ca.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Sprite",
+  "title": "Konva.Sprite",
+  "description": "Sprite constructor",
+  "source": "@site/content/api/Konva.Sprite.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Sprite.html",
+  "permalink": "/api/Konva.Sprite.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Sprite.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Sprite",
+    "sidebar_label": "Sprite",
+    "slug": "/api/Konva.Sprite.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Shape",
+    "permalink": "/api/Konva.Shape.html"
+  },
+  "next": {
+    "title": "Stage",
+    "permalink": "/api/Konva.Stage.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-stage-mdx-c1a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-stage-mdx-c1a.json
new file mode 100644
index 000000000..b0b658fcb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-stage-mdx-c1a.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Stage",
+  "title": "Konva.Stage",
+  "description": "Stage constructor.  A stage is used to contain multiple layers",
+  "source": "@site/content/api/Konva.Stage.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Stage.html",
+  "permalink": "/api/Konva.Stage.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Stage.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Stage",
+    "sidebar_label": "Stage",
+    "slug": "/api/Konva.Stage.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Sprite",
+    "permalink": "/api/Konva.Sprite.html"
+  },
+  "next": {
+    "title": "Star",
+    "permalink": "/api/Konva.Star.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-star-mdx-2a8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-star-mdx-2a8.json
new file mode 100644
index 000000000..382f726cf
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-star-mdx-2a8.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Star",
+  "title": "Konva.Star",
+  "description": "Star constructor",
+  "source": "@site/content/api/Konva.Star.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Star.html",
+  "permalink": "/api/Konva.Star.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Star.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Star",
+    "sidebar_label": "Star",
+    "slug": "/api/Konva.Star.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Stage",
+    "permalink": "/api/Konva.Stage.html"
+  },
+  "next": {
+    "title": "Tag",
+    "permalink": "/api/Konva.Tag.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tag-mdx-51a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tag-mdx-51a.json
new file mode 100644
index 000000000..03935362a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tag-mdx-51a.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Tag",
+  "title": "Konva.Tag",
+  "description": "Tag constructor.&nbsp; A Tag can be configured  to have a pointer element that points up, right, down, or left",
+  "source": "@site/content/api/Konva.Tag.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Tag.html",
+  "permalink": "/api/Konva.Tag.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Tag.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Tag",
+    "sidebar_label": "Tag",
+    "slug": "/api/Konva.Tag.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Star",
+    "permalink": "/api/Konva.Star.html"
+  },
+  "next": {
+    "title": "Text",
+    "permalink": "/api/Konva.Text.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-mdx-573.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-mdx-573.json
new file mode 100644
index 000000000..6f37dd526
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-mdx-573.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Text",
+  "title": "Konva.Text",
+  "description": "Text constructor",
+  "source": "@site/content/api/Konva.Text.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Text.html",
+  "permalink": "/api/Konva.Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Text.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Text",
+    "sidebar_label": "Text",
+    "slug": "/api/Konva.Text.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Tag",
+    "permalink": "/api/Konva.Tag.html"
+  },
+  "next": {
+    "title": "TextPath",
+    "permalink": "/api/Konva.TextPath.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-path-mdx-4a2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-path-mdx-4a2.json
new file mode 100644
index 000000000..ee8277c27
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-text-path-mdx-4a2.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.TextPath",
+  "title": "Konva.TextPath",
+  "description": "Path constructor.",
+  "source": "@site/content/api/Konva.TextPath.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.TextPath.html",
+  "permalink": "/api/Konva.TextPath.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.TextPath.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.TextPath",
+    "sidebar_label": "TextPath",
+    "slug": "/api/Konva.TextPath.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Text",
+    "permalink": "/api/Konva.Text.html"
+  },
+  "next": {
+    "title": "Transform",
+    "permalink": "/api/Konva.Transform.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transform-mdx-610.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transform-mdx-610.json
new file mode 100644
index 000000000..c1c6d54e1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transform-mdx-610.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Transform",
+  "title": "Konva.Transform",
+  "description": "Transform constructor. In most of the cases you don't need to use it in your app. Because it is for internal usage in Konva core. But there is a documentation for that class in case you still want to make some manual calculations.",
+  "source": "@site/content/api/Konva.Transform.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Transform.html",
+  "permalink": "/api/Konva.Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Transform.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Transform",
+    "sidebar_label": "Transform",
+    "slug": "/api/Konva.Transform.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "TextPath",
+    "permalink": "/api/Konva.TextPath.html"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/api/Konva.Transformer.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transformer-mdx-acf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transformer-mdx-acf.json
new file mode 100644
index 000000000..7bb399d0d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-transformer-mdx-acf.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Transformer",
+  "title": "Konva.Transformer",
+  "description": "Transformer constructor.  Transformer is a special type of group that allow you transform Konva primitives and shapes. Transforming tool is not changing width and height properties of nodes when you resize them. Instead it changes scaleX and scaleY properties.",
+  "source": "@site/content/api/Konva.Transformer.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Transformer.html",
+  "permalink": "/api/Konva.Transformer.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Transformer.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Transformer",
+    "sidebar_label": "Transformer",
+    "slug": "/api/Konva.Transformer.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Transform",
+    "permalink": "/api/Konva.Transform.html"
+  },
+  "next": {
+    "title": "Tween",
+    "permalink": "/api/Konva.Tween.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tween-mdx-ca8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tween-mdx-ca8.json
new file mode 100644
index 000000000..e37258ff7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-tween-mdx-ca8.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Tween",
+  "title": "Konva.Tween",
+  "description": "Tween constructor.  Tweens enable you to animate a node between the current state and a new state.  You can play, pause, reverse, seek, reset, and finish tweens.  By default, tweens are animated using  a linear easing.  For more tweening options, check out Konva.Easings",
+  "source": "@site/content/api/Konva.Tween.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Tween.html",
+  "permalink": "/api/Konva.Tween.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Tween.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Tween",
+    "sidebar_label": "Tween",
+    "slug": "/api/Konva.Tween.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/api/Konva.Transformer.html"
+  },
+  "next": {
+    "title": "Util",
+    "permalink": "/api/Konva.Util.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-util-mdx-b7d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-util-mdx-b7d.json
new file mode 100644
index 000000000..33195d087
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-util-mdx-b7d.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Util",
+  "title": "Konva.Util",
+  "description": "Own Methods",
+  "source": "@site/content/api/Konva.Util.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Util.html",
+  "permalink": "/api/Konva.Util.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Util.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Util",
+    "sidebar_label": "Util",
+    "slug": "/api/Konva.Util.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Tween",
+    "permalink": "/api/Konva.Tween.html"
+  },
+  "next": {
+    "title": "Wedge",
+    "permalink": "/api/Konva.Wedge.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-wedge-mdx-98e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-wedge-mdx-98e.json
new file mode 100644
index 000000000..63d5fac44
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-api-konva-wedge-mdx-98e.json
@@ -0,0 +1,24 @@
+{
+  "id": "api/Konva.Wedge",
+  "title": "Konva.Wedge",
+  "description": "Wedge constructor",
+  "source": "@site/content/api/Konva.Wedge.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Wedge.html",
+  "permalink": "/api/Konva.Wedge.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/api/Konva.Wedge.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Wedge",
+    "sidebar_label": "Wedge",
+    "slug": "/api/Konva.Wedge.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Util",
+    "permalink": "/api/Konva.Util.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-function-md-5a7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-function-md-5a7.json
new file mode 100644
index 000000000..156d72d53
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-function-md-5a7.json
@@ -0,0 +1,15 @@
+{
+  "id": "clipping/Clipping_Function",
+  "title": "Clipping_Function",
+  "description": "title: Clipping Functions Tutorial",
+  "source": "@site/content/clipping/Clipping_Function.md",
+  "sourceDirName": "clipping",
+  "slug": "/clipping/Clipping_Function",
+  "permalink": "/clipping/Clipping_Function",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/clipping/Clipping_Function.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-regions-md-d5e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-regions-md-d5e.json
new file mode 100644
index 000000000..6bb5ee697
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-clipping-clipping-regions-md-d5e.json
@@ -0,0 +1,15 @@
+{
+  "id": "clipping/Clipping_Regions",
+  "title": "Clipping_Regions",
+  "description": "title: HTML5 Canvas Simple Clipping tutorial",
+  "source": "@site/content/clipping/Clipping_Regions.md",
+  "sourceDirName": "clipping",
+  "slug": "/clipping/Clipping_Regions",
+  "permalink": "/clipping/Clipping_Regions",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/clipping/Clipping_Regions.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-best-practices-md-6ac.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-best-practices-md-6ac.json
new file mode 100644
index 000000000..a69d2b18f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-best-practices-md-6ac.json
@@ -0,0 +1,15 @@
+{
+  "id": "data_and_serialization/Best_Practices",
+  "title": "Best_Practices",
+  "description": "title: Save and Load HTML5 Canvas Stage Best Practices",
+  "source": "@site/content/data_and_serialization/Best_Practices.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Best_Practices",
+  "permalink": "/data_and_serialization/Best_Practices",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/data_and_serialization/Best_Practices.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-complex-load-md-4a0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-complex-load-md-4a0.json
new file mode 100644
index 000000000..f6534a2e9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-complex-load-md-4a0.json
@@ -0,0 +1,15 @@
+{
+  "id": "data_and_serialization/Complex_Load",
+  "title": "Complex_Load",
+  "description": "title: Load HTML5 Canvas Stage from JSON Tutorial",
+  "source": "@site/content/data_and_serialization/Complex_Load.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Complex_Load",
+  "permalink": "/data_and_serialization/Complex_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/data_and_serialization/Complex_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-high-quality-export-md-a54.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-high-quality-export-md-a54.json
new file mode 100644
index 000000000..5e8041dc5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-high-quality-export-md-a54.json
@@ -0,0 +1,15 @@
+{
+  "id": "data_and_serialization/High-Quality-Export",
+  "title": "High-Quality-Export",
+  "description": "title: HTML5 Canvas Export to High Quality Image Tutorial",
+  "source": "@site/content/data_and_serialization/High-Quality-Export.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/High-Quality-Export",
+  "permalink": "/data_and_serialization/High-Quality-Export",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/data_and_serialization/High-Quality-Export.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-serialize-a-stage-md-87e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-serialize-a-stage-md-87e.json
new file mode 100644
index 000000000..4f10e00dd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-serialize-a-stage-md-87e.json
@@ -0,0 +1,15 @@
+{
+  "id": "data_and_serialization/Serialize_a_Stage",
+  "title": "Serialize_a_Stage",
+  "description": "title: Save HTML5 Canvas Stage as JSON String",
+  "source": "@site/content/data_and_serialization/Serialize_a_Stage.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Serialize_a_Stage",
+  "permalink": "/data_and_serialization/Serialize_a_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/data_and_serialization/Serialize_a_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-simple-load-md-4e5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-simple-load-md-4e5.json
new file mode 100644
index 000000000..0c520ebf6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-simple-load-md-4e5.json
@@ -0,0 +1,15 @@
+{
+  "id": "data_and_serialization/Simple_Load",
+  "title": "Simple_Load",
+  "description": "title: Load Stage with JSON String",
+  "source": "@site/content/data_and_serialization/Simple_Load.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Simple_Load",
+  "permalink": "/data_and_serialization/Simple_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/data_and_serialization/Simple_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-stage-data-url-md-40d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-stage-data-url-md-40d.json
new file mode 100644
index 000000000..afdb07263
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-data-and-serialization-stage-data-url-md-40d.json
@@ -0,0 +1,15 @@
+{
+  "id": "data_and_serialization/Stage_Data_URL",
+  "title": "Stage_Data_URL",
+  "description": "title: HTML5 Canvas to Data URL Tutorial",
+  "source": "@site/content/data_and_serialization/Stage_Data_URL.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Stage_Data_URL",
+  "permalink": "/data_and_serialization/Stage_Data_URL",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/data_and_serialization/Stage_Data_URL.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-md-4ab.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-md-4ab.json
new file mode 100644
index 000000000..ea1def80f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-md-4ab.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Create_an_Animation",
+  "title": "HTML5 Canvas Konva Animation Tutorial",
+  "description": "To create custom animations with Konva, we can use the Konva.Animation",
+  "source": "@site/content/docs/animations/Create_an_Animation.md",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Create_an_Animation.html",
+  "permalink": "/docs/animations/Create_an_Animation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Create_an_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Konva Animation Tutorial",
+    "sidebar_label": "Create Animation",
+    "hide_table_of_contents": true,
+    "slug": "Create_an_Animation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filter Tweening",
+    "permalink": "/docs/tweens/Tween_Filter.html"
+  },
+  "next": {
+    "title": "Moving",
+    "permalink": "/docs/animations/Moving.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-mdx-c79.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-mdx-c79.json
new file mode 100644
index 000000000..f33448e88
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-create-an-animation-mdx-c79.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Create_an_Animation",
+  "title": "HTML5 Canvas Konva Animation Tutorial",
+  "description": "To create custom animations with Konva, we can use the Konva.Animation",
+  "source": "@site/content/docs/animations/Create_an_Animation.mdx",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Create_an_Animation.html",
+  "permalink": "/docs/animations/Create_an_Animation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Create_an_Animation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Konva Animation Tutorial",
+    "sidebar_label": "Create Animation",
+    "hide_table_of_contents": true,
+    "slug": "Create_an_Animation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filter Tweening",
+    "permalink": "/docs/tweens/Tween_Filter.html"
+  },
+  "next": {
+    "title": "Moving",
+    "permalink": "/docs/animations/Moving.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-md-d20.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-md-d20.json
new file mode 100644
index 000000000..43e10e070
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-md-d20.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Moving",
+  "title": "Animate Position Tutorial",
+  "description": "To animate a shape's position with Konva, we can create a new animation with Konva.Animation",
+  "source": "@site/content/docs/animations/Moving.md",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Moving.html",
+  "permalink": "/docs/animations/Moving.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Moving.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Animate Position Tutorial",
+    "sidebar_label": "Moving",
+    "hide_table_of_contents": true,
+    "slug": "Moving.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Create Animation",
+    "permalink": "/docs/animations/Create_an_Animation.html"
+  },
+  "next": {
+    "title": "Rotation",
+    "permalink": "/docs/animations/Rotation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-mdx-c36.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-mdx-c36.json
new file mode 100644
index 000000000..416952ae2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-moving-mdx-c36.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Moving",
+  "title": "Animate Position Tutorial",
+  "description": "To animate a shape's position with Konva, we can create a new animation with Konva.Animation",
+  "source": "@site/content/docs/animations/Moving.mdx",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Moving.html",
+  "permalink": "/docs/animations/Moving.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Moving.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Animate Position Tutorial",
+    "sidebar_label": "Moving",
+    "hide_table_of_contents": true,
+    "slug": "Moving.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Create Animation",
+    "permalink": "/docs/animations/Create_an_Animation.html"
+  },
+  "next": {
+    "title": "Rotation",
+    "permalink": "/docs/animations/Rotation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-md-e2f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-md-e2f.json
new file mode 100644
index 000000000..a9023a819
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-md-e2f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Rotation",
+  "title": "Rotation Animation tutorial",
+  "description": "To animate a shape's rotation with Konva, we can create a new animation with",
+  "source": "@site/content/docs/animations/Rotation.md",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Rotation.html",
+  "permalink": "/docs/animations/Rotation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Rotation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Rotation Animation tutorial",
+    "sidebar_label": "Rotation",
+    "hide_table_of_contents": true,
+    "slug": "Rotation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Moving",
+    "permalink": "/docs/animations/Moving.html"
+  },
+  "next": {
+    "title": "Scaling",
+    "permalink": "/docs/animations/Scaling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-mdx-6d6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-mdx-6d6.json
new file mode 100644
index 000000000..d51957fec
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-rotation-mdx-6d6.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Rotation",
+  "title": "Rotation Animation tutorial",
+  "description": "To animate a shape's rotation with Konva, we can create a new animation with",
+  "source": "@site/content/docs/animations/Rotation.mdx",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Rotation.html",
+  "permalink": "/docs/animations/Rotation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Rotation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Rotation Animation tutorial",
+    "sidebar_label": "Rotation",
+    "hide_table_of_contents": true,
+    "slug": "Rotation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Moving",
+    "permalink": "/docs/animations/Moving.html"
+  },
+  "next": {
+    "title": "Scaling",
+    "permalink": "/docs/animations/Scaling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-md-776.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-md-776.json
new file mode 100644
index 000000000..386e11185
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-md-776.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Scaling",
+  "title": "HTML5 Canvas Konva Scale Animation Tutorial",
+  "description": "To animate a shape's scale with Konva, we can create a new animation with",
+  "source": "@site/content/docs/animations/Scaling.md",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Scaling.html",
+  "permalink": "/docs/animations/Scaling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Scaling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Konva Scale Animation Tutorial",
+    "sidebar_label": "Scaling",
+    "hide_table_of_contents": true,
+    "slug": "Scaling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rotation",
+    "permalink": "/docs/animations/Rotation.html"
+  },
+  "next": {
+    "title": "Stop Animation",
+    "permalink": "/docs/animations/Stop_Animation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-mdx-54b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-mdx-54b.json
new file mode 100644
index 000000000..431d855b5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-scaling-mdx-54b.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Scaling",
+  "title": "HTML5 Canvas Konva Scale Animation Tutorial",
+  "description": "To animate a shape's scale with Konva, we can create a new animation with",
+  "source": "@site/content/docs/animations/Scaling.mdx",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Scaling.html",
+  "permalink": "/docs/animations/Scaling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Scaling.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Konva Scale Animation Tutorial",
+    "sidebar_label": "Scaling",
+    "hide_table_of_contents": true,
+    "slug": "Scaling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rotation",
+    "permalink": "/docs/animations/Rotation.html"
+  },
+  "next": {
+    "title": "Stop Animation",
+    "permalink": "/docs/animations/Stop_Animation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-md-c74.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-md-c74.json
new file mode 100644
index 000000000..b429716a8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-md-c74.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Stop_Animation",
+  "title": "HTML5 Canvas Konva Stop Animation Tutorial",
+  "description": "To stop an animation with Konva, we can use the stop() method.",
+  "source": "@site/content/docs/animations/Stop_Animation.md",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Stop_Animation.html",
+  "permalink": "/docs/animations/Stop_Animation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Stop_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Konva Stop Animation Tutorial",
+    "sidebar_label": "Stop Animation",
+    "hide_table_of_contents": true,
+    "slug": "Stop_Animation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Scaling",
+    "permalink": "/docs/animations/Scaling.html"
+  },
+  "next": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/docs/sandbox/Shapes_with_Tooltip"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-mdx-8b7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-mdx-8b7.json
new file mode 100644
index 000000000..69c01859f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-animations-stop-animation-mdx-8b7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/animations/Stop_Animation",
+  "title": "HTML5 Canvas Konva Stop Animation Tutorial",
+  "description": "To stop an animation with Konva, we can use the stop() method.",
+  "source": "@site/content/docs/animations/Stop_Animation.mdx",
+  "sourceDirName": "docs/animations",
+  "slug": "/docs/animations/Stop_Animation.html",
+  "permalink": "/docs/animations/Stop_Animation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/animations/Stop_Animation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Konva Stop Animation Tutorial",
+    "sidebar_label": "Stop Animation",
+    "hide_table_of_contents": true,
+    "slug": "Stop_Animation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Scaling",
+    "permalink": "/docs/animations/Scaling.html"
+  },
+  "next": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/docs/sandbox/Shapes_with_Tooltip"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-md-874.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-md-874.json
new file mode 100644
index 000000000..8ec8f00fe
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-md-874.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/clipping/Clipping_Function",
+  "title": "Clipping_Function",
+  "description": "title: Clipping Functions Tutorial",
+  "source": "@site/content/docs/clipping/Clipping_Function.md",
+  "sourceDirName": "docs/clipping",
+  "slug": "/docs/clipping/Clipping_Function",
+  "permalink": "/docs/clipping/Clipping_Function",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/clipping/Clipping_Function.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stop_Animation",
+    "permalink": "/docs/animations/Stop_Animation"
+  },
+  "next": {
+    "title": "Clipping_Regions",
+    "permalink": "/docs/clipping/Clipping_Regions"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-mdx-eb7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-mdx-eb7.json
new file mode 100644
index 000000000..b62fc70bb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-function-mdx-eb7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/clipping/Clipping_Function",
+  "title": "Clipping Functions Tutorial",
+  "description": "How to clip nodes in the layer?",
+  "source": "@site/content/docs/clipping/Clipping_Function.mdx",
+  "sourceDirName": "docs/clipping",
+  "slug": "/docs/clipping/Clipping_Function.html",
+  "permalink": "/docs/clipping/Clipping_Function.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/clipping/Clipping_Function.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Clipping Functions Tutorial",
+    "sidebar_label": "Clipping Functions",
+    "hide_table_of_contents": true,
+    "slug": "Clipping_Function.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  },
+  "next": {
+    "title": "Simple Clipping",
+    "permalink": "/docs/clipping/Clipping_Regions.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-md-59e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-md-59e.json
new file mode 100644
index 000000000..5726a918a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-md-59e.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/clipping/Clipping_Regions",
+  "title": "Clipping_Regions",
+  "description": "title: HTML5 Canvas Simple Clipping tutorial",
+  "source": "@site/content/docs/clipping/Clipping_Regions.md",
+  "sourceDirName": "docs/clipping",
+  "slug": "/docs/clipping/Clipping_Regions",
+  "permalink": "/docs/clipping/Clipping_Regions",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/clipping/Clipping_Regions.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Clipping_Function",
+    "permalink": "/docs/clipping/Clipping_Function"
+  },
+  "next": {
+    "title": "Best_Practices",
+    "permalink": "/docs/data_and_serialization/Best_Practices"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-mdx-da3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-mdx-da3.json
new file mode 100644
index 000000000..2bef6699e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-clipping-clipping-regions-mdx-da3.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/clipping/Clipping_Regions",
+  "title": "HTML5 Canvas Simple Clipping tutorial",
+  "description": "To draw things inside of clipping regions with Konva, we can set the clip",
+  "source": "@site/content/docs/clipping/Clipping_Regions.mdx",
+  "sourceDirName": "docs/clipping",
+  "slug": "/docs/clipping/Clipping_Regions.html",
+  "permalink": "/docs/clipping/Clipping_Regions.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/clipping/Clipping_Regions.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Simple Clipping tutorial",
+    "sidebar_label": "Simple Clipping",
+    "hide_table_of_contents": true,
+    "slug": "Clipping_Regions.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Clipping Functions",
+    "permalink": "/docs/clipping/Clipping_Function.html"
+  },
+  "next": {
+    "title": "Change Containers",
+    "permalink": "/docs/groups_and_layers/Change_Containers.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-md-5e0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-md-5e0.json
new file mode 100644
index 000000000..80ea71eae
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-md-5e0.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/data_and_serialization/Best_Practices",
+  "title": "Best_Practices",
+  "description": "title: Save and Load HTML5 Canvas Stage Best Practices",
+  "source": "@site/content/docs/data_and_serialization/Best_Practices.md",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Best_Practices",
+  "permalink": "/docs/data_and_serialization/Best_Practices",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Best_Practices.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select by id",
+    "permalink": "/docs/selectors/Select_by_id.html"
+  },
+  "next": {
+    "title": "Best Practices",
+    "permalink": "/docs/data_and_serialization/Best_Practices.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-mdx-fc2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-mdx-fc2.json
new file mode 100644
index 000000000..9acffff52
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-best-practices-mdx-fc2.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/data_and_serialization/Best_Practices",
+  "title": "Save and Load HTML5 Canvas Stage Best Practices",
+  "description": "What is the best way to save/load full stage content and how to implement undo/redo?",
+  "source": "@site/content/docs/data_and_serialization/Best_Practices.mdx",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Best_Practices.html",
+  "permalink": "/docs/data_and_serialization/Best_Practices.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Best_Practices.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Save and Load HTML5 Canvas Stage Best Practices",
+    "sidebar_label": "Best Practices",
+    "hide_table_of_contents": true,
+    "slug": "Best_Practices.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select by id",
+    "permalink": "/docs/selectors/Select_by_id.html"
+  },
+  "next": {
+    "title": "Complex Load",
+    "permalink": "/docs/data_and_serialization/Complex_Load.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-md-205.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-md-205.json
new file mode 100644
index 000000000..c2d111973
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-md-205.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/data_and_serialization/Complex_Load",
+  "title": "Complex_Load",
+  "description": "title: Load HTML5 Canvas Stage from JSON Tutorial",
+  "source": "@site/content/docs/data_and_serialization/Complex_Load.md",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Complex_Load",
+  "permalink": "/docs/data_and_serialization/Complex_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Complex_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Best Practices",
+    "permalink": "/docs/data_and_serialization/Best_Practices.html"
+  },
+  "next": {
+    "title": "Complex Load",
+    "permalink": "/docs/data_and_serialization/Complex_Load.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-mdx-e22.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-mdx-e22.json
new file mode 100644
index 000000000..f4373c781
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-complex-load-mdx-e22.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/data_and_serialization/Complex_Load",
+  "title": "Load HTML5 Canvas Stage from JSON Tutorial",
+  "description": "To load a complex stage that originally contained images and event bindings using Konva,",
+  "source": "@site/content/docs/data_and_serialization/Complex_Load.mdx",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Complex_Load.html",
+  "permalink": "/docs/data_and_serialization/Complex_Load.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Complex_Load.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Load HTML5 Canvas Stage from JSON Tutorial",
+    "sidebar_label": "Complex Load",
+    "hide_table_of_contents": true,
+    "slug": "Complex_Load.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Best Practices",
+    "permalink": "/docs/data_and_serialization/Best_Practices.html"
+  },
+  "next": {
+    "title": "High Quality Export",
+    "permalink": "/docs/data_and_serialization/High-Quality-Export.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-md-2d8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-md-2d8.json
new file mode 100644
index 000000000..b5d26462b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-md-2d8.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/data_and_serialization/High-Quality-Export",
+  "title": "High-Quality-Export",
+  "description": "title: HTML5 Canvas Export to High Quality Image Tutorial",
+  "source": "@site/content/docs/data_and_serialization/High-Quality-Export.md",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/High-Quality-Export",
+  "permalink": "/docs/data_and_serialization/High-Quality-Export",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/High-Quality-Export.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Load",
+    "permalink": "/docs/data_and_serialization/Complex_Load.html"
+  },
+  "next": {
+    "title": "High Quality Export",
+    "permalink": "/docs/data_and_serialization/High-Quality-Export.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-mdx-861.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-mdx-861.json
new file mode 100644
index 000000000..b7cd9bfe3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-high-quality-export-mdx-861.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/data_and_serialization/High-Quality-Export",
+  "title": "HTML5 Canvas Export to High Quality Image Tutorial",
+  "description": "If you need to export a stage as an image or as base64 then you can use the stage.toDataURL() or stage.toImage() methods.",
+  "source": "@site/content/docs/data_and_serialization/High-Quality-Export.mdx",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/High-Quality-Export.html",
+  "permalink": "/docs/data_and_serialization/High-Quality-Export.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/High-Quality-Export.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Export to High Quality Image Tutorial",
+    "sidebar_label": "High Quality Export",
+    "hide_table_of_contents": true,
+    "slug": "High-Quality-Export.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Load",
+    "permalink": "/docs/data_and_serialization/Complex_Load.html"
+  },
+  "next": {
+    "title": "Serialize Stage",
+    "permalink": "/docs/data_and_serialization/Serialize_a_Stage.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-md-611.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-md-611.json
new file mode 100644
index 000000000..8ae41c881
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-md-611.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/data_and_serialization/Serialize_a_Stage",
+  "title": "Serialize_a_Stage",
+  "description": "title: Save HTML5 Canvas Stage as JSON String",
+  "source": "@site/content/docs/data_and_serialization/Serialize_a_Stage.md",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Serialize_a_Stage",
+  "permalink": "/docs/data_and_serialization/Serialize_a_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Serialize_a_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "High Quality Export",
+    "permalink": "/docs/data_and_serialization/High-Quality-Export.html"
+  },
+  "next": {
+    "title": "Serialize Stage",
+    "permalink": "/docs/data_and_serialization/Serialize_a_Stage.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-mdx-41e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-mdx-41e.json
new file mode 100644
index 000000000..912c25853
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-serialize-a-stage-mdx-41e.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/data_and_serialization/Serialize_a_Stage",
+  "title": "HTML5 Canvas Stage Serialization Tutorial",
+  "description": "To serialize a stage with Konva, we can use the toJSON() method.",
+  "source": "@site/content/docs/data_and_serialization/Serialize_a_Stage.mdx",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Serialize_a_Stage.html",
+  "permalink": "/docs/data_and_serialization/Serialize_a_Stage.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Serialize_a_Stage.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Stage Serialization Tutorial",
+    "sidebar_label": "Serialize Stage",
+    "hide_table_of_contents": true,
+    "slug": "Serialize_a_Stage.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "High Quality Export",
+    "permalink": "/docs/data_and_serialization/High-Quality-Export.html"
+  },
+  "next": {
+    "title": "Simple Load",
+    "permalink": "/docs/data_and_serialization/Simple_Load.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-md-339.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-md-339.json
new file mode 100644
index 000000000..4d7b2541f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-md-339.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/data_and_serialization/Simple_Load",
+  "title": "Simple_Load",
+  "description": "title: Load Stage with JSON String",
+  "source": "@site/content/docs/data_and_serialization/Simple_Load.md",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Simple_Load",
+  "permalink": "/docs/data_and_serialization/Simple_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Simple_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Serialize Stage",
+    "permalink": "/docs/data_and_serialization/Serialize_a_Stage.html"
+  },
+  "next": {
+    "title": "Simple Load",
+    "permalink": "/docs/data_and_serialization/Simple_Load.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-mdx-353.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-mdx-353.json
new file mode 100644
index 000000000..17950f861
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-simple-load-mdx-353.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/data_and_serialization/Simple_Load",
+  "title": "Load Simple HTML5 Canvas Stage from JSON Tutorial",
+  "description": "To load a simple stage from JSON with Konva, we can use the Konva.Node.create() method.",
+  "source": "@site/content/docs/data_and_serialization/Simple_Load.mdx",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Simple_Load.html",
+  "permalink": "/docs/data_and_serialization/Simple_Load.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Simple_Load.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Load Simple HTML5 Canvas Stage from JSON Tutorial",
+    "sidebar_label": "Simple Load",
+    "hide_table_of_contents": true,
+    "slug": "Simple_Load.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Serialize Stage",
+    "permalink": "/docs/data_and_serialization/Serialize_a_Stage.html"
+  },
+  "next": {
+    "title": "Stage Data URL",
+    "permalink": "/docs/data_and_serialization/Stage_Data_URL.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-md-fec.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-md-fec.json
new file mode 100644
index 000000000..7947dbfaf
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-md-fec.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/data_and_serialization/Stage_Data_URL",
+  "title": "Stage_Data_URL",
+  "description": "title: HTML5 Canvas to Data URL Tutorial",
+  "source": "@site/content/docs/data_and_serialization/Stage_Data_URL.md",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Stage_Data_URL",
+  "permalink": "/docs/data_and_serialization/Stage_Data_URL",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Stage_Data_URL.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple Load",
+    "permalink": "/docs/data_and_serialization/Simple_Load.html"
+  },
+  "next": {
+    "title": "Stage Data URL",
+    "permalink": "/docs/data_and_serialization/Stage_Data_URL.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-mdx-f0e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-mdx-f0e.json
new file mode 100644
index 000000000..ab2e8bef4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-data-and-serialization-stage-data-url-mdx-f0e.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/data_and_serialization/Stage_Data_URL",
+  "title": "HTML5 Canvas to Data URL Tutorial",
+  "description": "To get the data URL of the stage with Konva, we can use the toDataURL()",
+  "source": "@site/content/docs/data_and_serialization/Stage_Data_URL.mdx",
+  "sourceDirName": "docs/data_and_serialization",
+  "slug": "/docs/data_and_serialization/Stage_Data_URL.html",
+  "permalink": "/docs/data_and_serialization/Stage_Data_URL.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Stage_Data_URL.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas to Data URL Tutorial",
+    "sidebar_label": "Stage Data URL",
+    "hide_table_of_contents": true,
+    "slug": "Stage_Data_URL.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple Load",
+    "permalink": "/docs/data_and_serialization/Simple_Load.html"
+  },
+  "next": {
+    "title": "All Performance Tips",
+    "permalink": "/docs/performance/All_Performance_Tips.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-donate-md-20f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-donate-md-20f.json
new file mode 100644
index 000000000..932865e7f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-donate-md-20f.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/donate",
+  "title": "How to support and donate to Konva project?",
+  "description": "Hello, my name is Anton. I am core maintainer of Konva framework.",
+  "source": "@site/content/docs/donate.md",
+  "sourceDirName": "docs",
+  "slug": "/docs/donate.html",
+  "permalink": "/docs/donate.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/donate.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "sidebar_position": 4,
+    "title": "How to support and donate to Konva project?",
+    "sidebar_label": "Donate",
+    "slug": "donate.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Support",
+    "permalink": "/docs/support.html"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/category/shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-01-drag-and-drop-mdx-415.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-01-drag-and-drop-mdx-415.json
new file mode 100644
index 000000000..9ff89feed
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-01-drag-and-drop-mdx-415.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Drag_and_Drop",
+  "title": "HTML5 Canvas Drag and Drop Tutorial",
+  "description": "To drag and drop shapes with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/01_Drag_and_Drop.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_and_Drop.html",
+  "permalink": "/docs/drag_and_drop/Drag_and_Drop.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/01_Drag_and_Drop.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop Tutorial",
+    "sidebar_label": "Basic Drag and Drop",
+    "hide_table_of_contents": true,
+    "slug": "Drag_and_Drop.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage Events",
+    "permalink": "/docs/events/Stage_Events.html"
+  },
+  "next": {
+    "title": "Drag an Image",
+    "permalink": "/docs/drag_and_drop/Drag_an_Image.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-02-drag-an-image-mdx-451.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-02-drag-an-image-mdx-451.json
new file mode 100644
index 000000000..baf458732
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-02-drag-an-image-mdx-451.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Drag_an_Image",
+  "title": "HTML5 Canvas Drag and Drop an Image",
+  "description": "To drag and drop an image with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/02_Drag_an_Image.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_an_Image.html",
+  "permalink": "/docs/drag_and_drop/Drag_an_Image.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/02_Drag_an_Image.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop an Image",
+    "sidebar_label": "Drag an Image",
+    "hide_table_of_contents": true,
+    "slug": "Drag_an_Image.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Basic Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Drag_and_Drop.html"
+  },
+  "next": {
+    "title": "Drag a Group",
+    "permalink": "/docs/drag_and_drop/Drag_a_Group.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-03-drag-a-group-mdx-794.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-03-drag-a-group-mdx-794.json
new file mode 100644
index 000000000..e557ab845
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-03-drag-a-group-mdx-794.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Group",
+  "title": "HTML5 Canvas Drag and Drop a Group Tutorial",
+  "description": "To drag and drop groups with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/03_Drag_a_Group.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Group.html",
+  "permalink": "/docs/drag_and_drop/Drag_a_Group.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/03_Drag_a_Group.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop a Group Tutorial",
+    "sidebar_label": "Drag a Group",
+    "hide_table_of_contents": true,
+    "slug": "Drag_a_Group.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag an Image",
+    "permalink": "/docs/drag_and_drop/Drag_an_Image.html"
+  },
+  "next": {
+    "title": "Drag a Line",
+    "permalink": "/docs/drag_and_drop/Drag_a_Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-04-drag-a-line-mdx-d3d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-04-drag-a-line-mdx-d3d.json
new file mode 100644
index 000000000..c322f14a8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-04-drag-a-line-mdx-d3d.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Line",
+  "title": "HTML5 Canvas Drag and Drop a Line",
+  "description": "To drag and drop a line with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/04_Drag_a_Line.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Line.html",
+  "permalink": "/docs/drag_and_drop/Drag_a_Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/04_Drag_a_Line.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop a Line",
+    "sidebar_label": "Drag a Line",
+    "hide_table_of_contents": true,
+    "slug": "Drag_a_Line.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag a Group",
+    "permalink": "/docs/drag_and_drop/Drag_a_Group.html"
+  },
+  "next": {
+    "title": "Drag a Stage",
+    "permalink": "/docs/drag_and_drop/Drag_a_Stage.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-05-drag-a-stage-mdx-218.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-05-drag-a-stage-mdx-218.json
new file mode 100644
index 000000000..8be063e80
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-05-drag-a-stage-mdx-218.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Stage",
+  "title": "HTML5 Canvas Drag and Drop the Stage",
+  "description": "To drag and drop a stage with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/05_Drag_a_Stage.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Stage.html",
+  "permalink": "/docs/drag_and_drop/Drag_a_Stage.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/05_Drag_a_Stage.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop the Stage",
+    "sidebar_label": "Drag a Stage",
+    "hide_table_of_contents": true,
+    "slug": "Drag_a_Stage.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag a Line",
+    "permalink": "/docs/drag_and_drop/Drag_a_Line.html"
+  },
+  "next": {
+    "title": "Drag Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-06-drag-events-mdx-8de.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-06-drag-events-mdx-8de.json
new file mode 100644
index 000000000..9bf1ab62c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-06-drag-events-mdx-8de.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Drag_Events",
+  "title": "HTML5 Canvas Drag and Drop Events",
+  "description": "To detect drag and drop events with Konva, we can use the on() method to",
+  "source": "@site/content/docs/drag_and_drop/06_Drag_Events.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_Events.html",
+  "permalink": "/docs/drag_and_drop/Drag_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/06_Drag_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 6,
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop Events",
+    "sidebar_label": "Drag Events",
+    "hide_table_of_contents": true,
+    "slug": "Drag_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag a Stage",
+    "permalink": "/docs/drag_and_drop/Drag_a_Stage.html"
+  },
+  "next": {
+    "title": "Simple Drag Bounds",
+    "permalink": "/docs/drag_and_drop/Simple_Drag_Bounds.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-07-simple-drag-bounds-mdx-827.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-07-simple-drag-bounds-mdx-827.json
new file mode 100644
index 000000000..a4716b7a5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-07-simple-drag-bounds-mdx-827.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Simple_Drag_Bounds",
+  "title": "HTML5 Canvas Simple Drag Bounds Tutorial",
+  "description": "To restrict the movement of shapes being dragged and dropped with Konva,",
+  "source": "@site/content/docs/drag_and_drop/07_Simple_Drag_Bounds.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Simple_Drag_Bounds.html",
+  "permalink": "/docs/drag_and_drop/Simple_Drag_Bounds.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/07_Simple_Drag_Bounds.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 7,
+  "frontMatter": {
+    "title": "HTML5 Canvas Simple Drag Bounds Tutorial",
+    "sidebar_label": "Simple Drag Bounds",
+    "hide_table_of_contents": true,
+    "slug": "Simple_Drag_Bounds.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events.html"
+  },
+  "next": {
+    "title": "Complex Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Complex_Drag_and_Drop.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-08-complex-drag-and-drop-mdx-9ac.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-08-complex-drag-and-drop-mdx-9ac.json
new file mode 100644
index 000000000..92235bcb3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-08-complex-drag-and-drop-mdx-9ac.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Complex_Drag_and_Drop",
+  "title": "HTML5 Canvas Complex Drag and Drop Bounds",
+  "description": "To bound the movement of nodes being dragged and dropped inside regions with",
+  "source": "@site/content/docs/drag_and_drop/08_Complex_Drag_and_Drop.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Complex_Drag_and_Drop.html",
+  "permalink": "/docs/drag_and_drop/Complex_Drag_and_Drop.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/08_Complex_Drag_and_Drop.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 8,
+  "frontMatter": {
+    "title": "HTML5 Canvas Complex Drag and Drop Bounds",
+    "sidebar_label": "Complex Drag and Drop",
+    "hide_table_of_contents": true,
+    "slug": "Complex_Drag_and_Drop.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple Drag Bounds",
+    "permalink": "/docs/drag_and_drop/Simple_Drag_Bounds.html"
+  },
+  "next": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-09-drop-events-mdx-2fe.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-09-drop-events-mdx-2fe.json
new file mode 100644
index 000000000..dfac60857
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-09-drop-events-mdx-2fe.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/drag_and_drop/Drop_Events",
+  "title": "HTML5 Canvas Drop Events",
+  "description": "Konva does not support drop events. But you can write your own drop events detections.",
+  "source": "@site/content/docs/drag_and_drop/09_Drop_Events.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drop_Events.html",
+  "permalink": "/docs/drag_and_drop/Drop_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/09_Drop_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 9,
+  "frontMatter": {
+    "title": "HTML5 Canvas Drop Events",
+    "sidebar_label": "Drop Events",
+    "hide_table_of_contents": true,
+    "slug": "Drop_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Complex_Drag_and_Drop.html"
+  },
+  "next": {
+    "title": "Basic demo",
+    "permalink": "/docs/select_and_transform/Basic_demo.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-md-db0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-md-db0.json
new file mode 100644
index 000000000..cbfc9ae31
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-md-db0.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Complex_Drag_and_Drop",
+  "title": "HTML5 Canvas Complex Drag and Drop Bounds",
+  "description": "To bound the movement of nodes being dragged and dropped inside regions with",
+  "source": "@site/content/docs/drag_and_drop/Complex_Drag_and_Drop.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/complex-drag-and-drop.html",
+  "permalink": "/docs/drag_and_drop/complex-drag-and-drop.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Complex_Drag_and_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Complex Drag and Drop Bounds",
+    "sidebar_label": "Complex Drag and Drop",
+    "hide_table_of_contents": true,
+    "slug": "complex-drag-and-drop.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage Events",
+    "permalink": "/docs/events/Stage_Events.html"
+  },
+  "next": {
+    "title": "Drag_Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-mdx-d48.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-mdx-d48.json
new file mode 100644
index 000000000..af64e501f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-complex-drag-and-drop-mdx-d48.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Complex_Drag_and_Drop",
+  "title": "HTML5 Canvas Complex Drag and Drop Bounds",
+  "description": "To bound the movement of nodes being dragged and dropped inside regions with",
+  "source": "@site/content/docs/drag_and_drop/Complex_Drag_and_Drop.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Complex_Drag_and_Drop.html",
+  "permalink": "/docs/drag_and_drop/Complex_Drag_and_Drop.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Complex_Drag_and_Drop.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Complex Drag and Drop Bounds",
+    "sidebar_label": "Complex Drag and Drop",
+    "hide_table_of_contents": true,
+    "slug": "Complex_Drag_and_Drop.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple Drag Bounds",
+    "permalink": "/docs/drag_and_drop/Simple_Drag_Bounds.html"
+  },
+  "next": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-md-ef5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-md-ef5.json
new file mode 100644
index 000000000..7a0095d43
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-md-ef5.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Group",
+  "title": "Drag_a_Group",
+  "description": "title: HTML5 Canvas Drag and Drop a Group Tutorial",
+  "source": "@site/content/docs/drag_and_drop/Drag_a_Group.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Group",
+  "permalink": "/docs/drag_and_drop/Drag_a_Group",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_a_Group.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events.html"
+  },
+  "next": {
+    "title": "Drag a Group",
+    "permalink": "/docs/drag_and_drop/Drag_a_Group.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-mdx-0f7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-mdx-0f7.json
new file mode 100644
index 000000000..a7f9a46d7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-group-mdx-0f7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Group",
+  "title": "HTML5 Canvas Drag and Drop a Group Tutorial",
+  "description": "To drag and drop groups with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/Drag_a_Group.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Group.html",
+  "permalink": "/docs/drag_and_drop/Drag_a_Group.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_a_Group.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop a Group Tutorial",
+    "sidebar_label": "Drag a Group",
+    "hide_table_of_contents": true,
+    "slug": "Drag_a_Group.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events.html"
+  },
+  "next": {
+    "title": "Drag a Line",
+    "permalink": "/docs/drag_and_drop/Drag_a_Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-md-dc1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-md-dc1.json
new file mode 100644
index 000000000..00e7bcd6a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-md-dc1.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Line",
+  "title": "Drag_a_Line",
+  "description": "title: Drag and Drop a Line",
+  "source": "@site/content/docs/drag_and_drop/Drag_a_Line.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Line",
+  "permalink": "/docs/drag_and_drop/Drag_a_Line",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_a_Line.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag a Group",
+    "permalink": "/docs/drag_and_drop/Drag_a_Group.html"
+  },
+  "next": {
+    "title": "Drag a Line",
+    "permalink": "/docs/drag_and_drop/Drag_a_Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-mdx-39b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-mdx-39b.json
new file mode 100644
index 000000000..db1c7b866
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-line-mdx-39b.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Line",
+  "title": "HTML5 Canvas Drag and Drop a Line",
+  "description": "To drag and drop a line with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/Drag_a_Line.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Line.html",
+  "permalink": "/docs/drag_and_drop/Drag_a_Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_a_Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop a Line",
+    "sidebar_label": "Drag a Line",
+    "hide_table_of_contents": true,
+    "slug": "Drag_a_Line.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events.html"
+  },
+  "next": {
+    "title": "Drag a Stage",
+    "permalink": "/docs/drag_and_drop/Drag_a_Stage.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-md-ec3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-md-ec3.json
new file mode 100644
index 000000000..8e5ee56ac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-md-ec3.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Stage",
+  "title": "Drag_a_Stage",
+  "description": "title: HTML5 Canvas Drag and Drop the Stage",
+  "source": "@site/content/docs/drag_and_drop/Drag_a_Stage.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Stage",
+  "permalink": "/docs/drag_and_drop/Drag_a_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_a_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag a Line",
+    "permalink": "/docs/drag_and_drop/Drag_a_Line.html"
+  },
+  "next": {
+    "title": "Drag a Stage",
+    "permalink": "/docs/drag_and_drop/Drag_a_Stage.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-mdx-20b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-mdx-20b.json
new file mode 100644
index 000000000..70f906e42
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-a-stage-mdx-20b.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Drag_a_Stage",
+  "title": "HTML5 Canvas Drag and Drop the Stage",
+  "description": "To drag and drop a stage with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/Drag_a_Stage.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_a_Stage.html",
+  "permalink": "/docs/drag_and_drop/Drag_a_Stage.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_a_Stage.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop the Stage",
+    "sidebar_label": "Drag a Stage",
+    "hide_table_of_contents": true,
+    "slug": "Drag_a_Stage.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events.html"
+  },
+  "next": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-md-57a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-md-57a.json
new file mode 100644
index 000000000..4c8607f85
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-md-57a.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Drag_an_Image",
+  "title": "Drag_an_Image",
+  "description": "title: HTML5 Canvas Drag and Drop an Image",
+  "source": "@site/content/docs/drag_and_drop/Drag_an_Image.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_an_Image",
+  "permalink": "/docs/drag_and_drop/Drag_an_Image",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_an_Image.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag a Stage",
+    "permalink": "/docs/drag_and_drop/Drag_a_Stage.html"
+  },
+  "next": {
+    "title": "Drag an Image",
+    "permalink": "/docs/drag_and_drop/Drag_an_Image.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-mdx-dbd.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-mdx-dbd.json
new file mode 100644
index 000000000..fe167f97a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-an-image-mdx-dbd.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Drag_an_Image",
+  "title": "HTML5 Canvas Drag and Drop an Image",
+  "description": "To drag and drop an image with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/Drag_an_Image.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_an_Image.html",
+  "permalink": "/docs/drag_and_drop/Drag_an_Image.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_an_Image.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop an Image",
+    "sidebar_label": "Drag an Image",
+    "hide_table_of_contents": true,
+    "slug": "Drag_an_Image.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag a Stage",
+    "permalink": "/docs/drag_and_drop/Drag_a_Stage.html"
+  },
+  "next": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-md-ac8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-md-ac8.json
new file mode 100644
index 000000000..bfcf06fd4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-md-ac8.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Drag_and_Drop",
+  "title": "Drag_and_Drop",
+  "description": "title: HTML5 Canvas Drag and Drop Tutorial",
+  "source": "@site/content/docs/drag_and_drop/Drag_and_Drop.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/",
+  "permalink": "/docs/drag_and_drop/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_and_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag an Image",
+    "permalink": "/docs/drag_and_drop/Drag_an_Image.html"
+  },
+  "next": {
+    "title": "Basic Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Drag_and_Drop.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-mdx-c73.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-mdx-c73.json
new file mode 100644
index 000000000..f7a196619
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-and-drop-mdx-c73.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Drag_and_Drop",
+  "title": "HTML5 Canvas Drag and Drop Tutorial",
+  "description": "To drag and drop shapes with Konva, we can set the draggable property",
+  "source": "@site/content/docs/drag_and_drop/Drag_and_Drop.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_and_Drop.html",
+  "permalink": "/docs/drag_and_drop/Drag_and_Drop.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_and_Drop.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop Tutorial",
+    "sidebar_label": "Basic Drag and Drop",
+    "hide_table_of_contents": true,
+    "slug": "Drag_and_Drop.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag an Image",
+    "permalink": "/docs/drag_and_drop/Drag_an_Image.html"
+  },
+  "next": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-md-b30.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-md-b30.json
new file mode 100644
index 000000000..792e0df5a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-md-b30.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Drag_Events",
+  "title": "Drag_Events",
+  "description": "title: HTML5 Canvas Drag and Drop Events",
+  "source": "@site/content/docs/drag_and_drop/Drag_Events.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_Events",
+  "permalink": "/docs/drag_and_drop/Drag_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Complex_Drag_and_Drop.html"
+  },
+  "next": {
+    "title": "Drag Events",
+    "permalink": "/docs/drag_and_drop/Drag_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-mdx-dde.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-mdx-dde.json
new file mode 100644
index 000000000..66026a432
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drag-events-mdx-dde.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Drag_Events",
+  "title": "HTML5 Canvas Drag and Drop Events",
+  "description": "To detect drag and drop events with Konva, we can use the on() method to",
+  "source": "@site/content/docs/drag_and_drop/Drag_Events.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drag_Events.html",
+  "permalink": "/docs/drag_and_drop/Drag_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drag_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Drag and Drop Events",
+    "sidebar_label": "Drag Events",
+    "hide_table_of_contents": true,
+    "slug": "Drag_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Complex_Drag_and_Drop.html"
+  },
+  "next": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-md-d63.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-md-d63.json
new file mode 100644
index 000000000..c66f98194
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-md-d63.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Drop_Events",
+  "title": "Drop_Events",
+  "description": "title: HTML5 Canvas Drop Events",
+  "source": "@site/content/docs/drag_and_drop/Drop_Events.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drop_Events",
+  "permalink": "/docs/drag_and_drop/Drop_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drop_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Basic Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Drag_and_Drop.html"
+  },
+  "next": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-mdx-56d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-mdx-56d.json
new file mode 100644
index 000000000..50346f68d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-drop-events-mdx-56d.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Drop_Events",
+  "title": "HTML5 Canvas Drop Events",
+  "description": "Konva does not support drop events. But you can write your own drop events detections.",
+  "source": "@site/content/docs/drag_and_drop/Drop_Events.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Drop_Events.html",
+  "permalink": "/docs/drag_and_drop/Drop_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Drop_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Drop Events",
+    "sidebar_label": "Drop Events",
+    "hide_table_of_contents": true,
+    "slug": "Drop_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Complex_Drag_and_Drop.html"
+  },
+  "next": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/docs/sandbox/Shapes_with_Tooltip"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-md-f31.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-md-f31.json
new file mode 100644
index 000000000..111a8ff2d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-md-f31.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/drag_and_drop/Simple_Drag_Bounds",
+  "title": "Simple_Drag_Bounds",
+  "description": "title: HTML5 Canvas Simple Drag Bounds Tutorial",
+  "source": "@site/content/docs/drag_and_drop/Simple_Drag_Bounds.md",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Simple_Drag_Bounds",
+  "permalink": "/docs/drag_and_drop/Simple_Drag_Bounds",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Simple_Drag_Bounds.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  },
+  "next": {
+    "title": "Simple Drag Bounds",
+    "permalink": "/docs/drag_and_drop/Simple_Drag_Bounds.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-mdx-6f1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-mdx-6f1.json
new file mode 100644
index 000000000..2d9d7a549
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-drag-and-drop-simple-drag-bounds-mdx-6f1.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/drag_and_drop/Simple_Drag_Bounds",
+  "title": "HTML5 Canvas Simple Drag Bounds Tutorial",
+  "description": "To restrict the movement of shapes being dragged and dropped with Konva,",
+  "source": "@site/content/docs/drag_and_drop/Simple_Drag_Bounds.mdx",
+  "sourceDirName": "docs/drag_and_drop",
+  "slug": "/docs/drag_and_drop/Simple_Drag_Bounds.html",
+  "permalink": "/docs/drag_and_drop/Simple_Drag_Bounds.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/Simple_Drag_Bounds.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Simple Drag Bounds Tutorial",
+    "sidebar_label": "Simple Drag Bounds",
+    "hide_table_of_contents": true,
+    "slug": "Simple_Drag_Bounds.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  },
+  "next": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/docs/sandbox/Shapes_with_Tooltip"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-md-cd1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-md-cd1.json
new file mode 100644
index 000000000..e3ec028df
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-md-cd1.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Binding_Events",
+  "title": "HTML5 Canvas Shape Events",
+  "description": "To detect shape events with Konva, we can use the on() method to bind event handlers to a node.",
+  "source": "@site/content/docs/events/Binding_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/binding-events.html",
+  "permalink": "/docs/events/binding-events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Binding_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Events",
+    "sidebar_label": "Shape Events",
+    "hide_table_of_contents": true,
+    "slug": "binding-events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fill and stroke order",
+    "permalink": "/docs/styling/Fill_Stroke_Order.html"
+  },
+  "next": {
+    "title": "Cancel_Propagation",
+    "permalink": "/docs/events/Cancel_Propagation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-mdx-a68.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-mdx-a68.json
new file mode 100644
index 000000000..6c2fca125
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-binding-events-mdx-a68.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Binding_Events",
+  "title": "HTML5 Canvas Shape Events",
+  "description": "To detect shape events with Konva, we can use the on() method to bind event handlers to a node.",
+  "source": "@site/content/docs/events/Binding_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Binding_Events.html",
+  "permalink": "/docs/events/Binding_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Binding_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Events",
+    "sidebar_label": "Binding Events",
+    "hide_table_of_contents": true,
+    "slug": "Binding_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fill and stroke order",
+    "permalink": "/docs/styling/Fill_Stroke_Order.html"
+  },
+  "next": {
+    "title": "Cancel Propagation",
+    "permalink": "/docs/events/Cancel_Propagation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-md-89d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-md-89d.json
new file mode 100644
index 000000000..e8180a16f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-md-89d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Cancel_Propagation",
+  "title": "Cancel_Propagation",
+  "description": "title: HTML5 Canvas Cancel Event Bubble Propagation with Konva",
+  "source": "@site/content/docs/events/Cancel_Propagation.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Cancel_Propagation",
+  "permalink": "/docs/events/Cancel_Propagation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Cancel_Propagation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Binding Events",
+    "permalink": "/docs/events/Binding_Events.html"
+  },
+  "next": {
+    "title": "Cancel Propagation",
+    "permalink": "/docs/events/Cancel_Propagation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-mdx-a1e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-mdx-a1e.json
new file mode 100644
index 000000000..0d4a62d3e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-cancel-propagation-mdx-a1e.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Cancel_Propagation",
+  "title": "HTML5 Canvas Cancel Event Bubble Propagation with Konva",
+  "description": "To cancel event bubble propagation with Konva, we can set the cancelBubble",
+  "source": "@site/content/docs/events/Cancel_Propagation.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Cancel_Propagation.html",
+  "permalink": "/docs/events/Cancel_Propagation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Cancel_Propagation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Cancel Event Bubble Propagation with Konva",
+    "sidebar_label": "Cancel Propagation",
+    "hide_table_of_contents": true,
+    "slug": "Cancel_Propagation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Binding Events",
+    "permalink": "/docs/events/Binding_Events.html"
+  },
+  "next": {
+    "title": "Custom Hit Region",
+    "permalink": "/docs/events/Custom_Hit_Region.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-md-0ef.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-md-0ef.json
new file mode 100644
index 000000000..4cb531a25
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-md-0ef.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Custom_Hit_Region",
+  "title": "Custom_Hit_Region",
+  "description": "title: HTML5 Canvas Custom Hit Detection Function Tutorial",
+  "source": "@site/content/docs/events/Custom_Hit_Region.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Custom_Hit_Region",
+  "permalink": "/docs/events/Custom_Hit_Region",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Custom_Hit_Region.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Cancel Propagation",
+    "permalink": "/docs/events/Cancel_Propagation.html"
+  },
+  "next": {
+    "title": "Custom Hit Region",
+    "permalink": "/docs/events/Custom_Hit_Region.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-mdx-ce2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-mdx-ce2.json
new file mode 100644
index 000000000..d201b5ff6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-custom-hit-region-mdx-ce2.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Custom_Hit_Region",
+  "title": "HTML5 Canvas Custom Hit Detection Function Tutorial",
+  "description": "There are two ways to change hit region of the shape: hitFunc and hitStrokeWidth properties.",
+  "source": "@site/content/docs/events/Custom_Hit_Region.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Custom_Hit_Region.html",
+  "permalink": "/docs/events/Custom_Hit_Region.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Custom_Hit_Region.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Custom Hit Detection Function Tutorial",
+    "sidebar_label": "Custom Hit Region",
+    "hide_table_of_contents": true,
+    "slug": "Custom_Hit_Region.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Cancel Propagation",
+    "permalink": "/docs/events/Cancel_Propagation.html"
+  },
+  "next": {
+    "title": "Desktop and Mobile",
+    "permalink": "/docs/events/Desktop_and_Mobile.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-md-a31.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-md-a31.json
new file mode 100644
index 000000000..b94e88424
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-md-a31.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Desktop_and_Mobile",
+  "title": "Desktop_and_Mobile",
+  "description": "title: HTML5 Canvas Desktop and Mobile Events Support Tutorial",
+  "source": "@site/content/docs/events/Desktop_and_Mobile.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Desktop_and_Mobile",
+  "permalink": "/docs/events/Desktop_and_Mobile",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Desktop_and_Mobile.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom Hit Region",
+    "permalink": "/docs/events/Custom_Hit_Region.html"
+  },
+  "next": {
+    "title": "Desktop and Mobile",
+    "permalink": "/docs/events/Desktop_and_Mobile.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-mdx-345.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-mdx-345.json
new file mode 100644
index 000000000..3692a9f5f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-desktop-and-mobile-mdx-345.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Desktop_and_Mobile",
+  "title": "HTML5 Canvas Desktop and Mobile Events Support Tutorial",
+  "description": "Note: this demo may be outdate, because modern browsers support pointer events. And you can use pointer events in Konva too. See Pointer Events Demo. But if you prefer not to use pointer events, keep reading..._",
+  "source": "@site/content/docs/events/Desktop_and_Mobile.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Desktop_and_Mobile.html",
+  "permalink": "/docs/events/Desktop_and_Mobile.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Desktop_and_Mobile.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Desktop and Mobile Events Support Tutorial",
+    "sidebar_label": "Desktop and Mobile",
+    "hide_table_of_contents": true,
+    "slug": "Desktop_and_Mobile.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom Hit Region",
+    "permalink": "/docs/events/Custom_Hit_Region.html"
+  },
+  "next": {
+    "title": "Event Delegation",
+    "permalink": "/docs/events/Event_Delegation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-md-a22.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-md-a22.json
new file mode 100644
index 000000000..774fa4984
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-md-a22.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Event_Delegation",
+  "title": "Event_Delegation",
+  "description": "title: HTML5 Canvas Event Delegation with Konva",
+  "source": "@site/content/docs/events/Event_Delegation.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Event_Delegation",
+  "permalink": "/docs/events/Event_Delegation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Event_Delegation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Desktop and Mobile",
+    "permalink": "/docs/events/Desktop_and_Mobile.html"
+  },
+  "next": {
+    "title": "Event Delegation",
+    "permalink": "/docs/events/Event_Delegation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-mdx-cc1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-mdx-cc1.json
new file mode 100644
index 000000000..d1f30edbe
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-event-delegation-mdx-cc1.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Event_Delegation",
+  "title": "HTML5 Canvas Event Delegation with Konva",
+  "description": "To get the event target with Konva, we can access the target property",
+  "source": "@site/content/docs/events/Event_Delegation.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Event_Delegation.html",
+  "permalink": "/docs/events/Event_Delegation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Event_Delegation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Event Delegation with Konva",
+    "sidebar_label": "Event Delegation",
+    "hide_table_of_contents": true,
+    "slug": "Event_Delegation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Desktop and Mobile",
+    "permalink": "/docs/events/Desktop_and_Mobile.html"
+  },
+  "next": {
+    "title": "Fire Events",
+    "permalink": "/docs/events/Fire_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-md-50e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-md-50e.json
new file mode 100644
index 000000000..13e3cfc88
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-md-50e.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Fire_Events",
+  "title": "Fire_Events",
+  "description": "title: HTML5 Canvas Fire Event with Konva",
+  "source": "@site/content/docs/events/Fire_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Fire_Events",
+  "permalink": "/docs/events/Fire_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Fire_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Event Delegation",
+    "permalink": "/docs/events/Event_Delegation.html"
+  },
+  "next": {
+    "title": "Fire Events",
+    "permalink": "/docs/events/Fire_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-mdx-6ca.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-mdx-6ca.json
new file mode 100644
index 000000000..726fc192f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-fire-events-mdx-6ca.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Fire_Events",
+  "title": "HTML5 Canvas Fire Event with Konva",
+  "description": "To fire events with Konva, we can use the fire() method.",
+  "source": "@site/content/docs/events/Fire_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Fire_Events.html",
+  "permalink": "/docs/events/Fire_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Fire_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Fire Event with Konva",
+    "sidebar_label": "Fire Events",
+    "hide_table_of_contents": true,
+    "slug": "Fire_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Event Delegation",
+    "permalink": "/docs/events/Event_Delegation.html"
+  },
+  "next": {
+    "title": "Image Events",
+    "permalink": "/docs/events/Image_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-md-ac7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-md-ac7.json
new file mode 100644
index 000000000..f75e842c2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-md-ac7.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Image_Events",
+  "title": "Image_Events",
+  "description": "title: HTML5 Canvas Image Events with Konva",
+  "source": "@site/content/docs/events/Image_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Image_Events",
+  "permalink": "/docs/events/Image_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Image_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fire Events",
+    "permalink": "/docs/events/Fire_Events.html"
+  },
+  "next": {
+    "title": "Image Events",
+    "permalink": "/docs/events/Image_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-mdx-a83.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-mdx-a83.json
new file mode 100644
index 000000000..a2062a66e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-image-events-mdx-a83.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Image_Events",
+  "title": "HTML5 Canvas Image Events with Konva",
+  "description": "To only detect events for non transparent pixels in an image with Konva, we can use the drawHitFromCache() method to generate a more precise image hit region.",
+  "source": "@site/content/docs/events/Image_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Image_Events.html",
+  "permalink": "/docs/events/Image_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Image_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Image Events with Konva",
+    "sidebar_label": "Image Events",
+    "hide_table_of_contents": true,
+    "slug": "Image_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fire Events",
+    "permalink": "/docs/events/Fire_Events.html"
+  },
+  "next": {
+    "title": "Keyboard Events",
+    "permalink": "/docs/events/Keyboard_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-md-a07.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-md-a07.json
new file mode 100644
index 000000000..192b9684d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-md-a07.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Keyboard_Events",
+  "title": "Keyboard_Events",
+  "description": "title: HTML5 Canvas Keyboard events with Konva",
+  "source": "@site/content/docs/events/Keyboard_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Keyboard_Events",
+  "permalink": "/docs/events/Keyboard_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Keyboard_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image Events",
+    "permalink": "/docs/events/Image_Events.html"
+  },
+  "next": {
+    "title": "Keyboard Events",
+    "permalink": "/docs/events/Keyboard_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-mdx-800.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-mdx-800.json
new file mode 100644
index 000000000..bcc3e1807
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-keyboard-events-mdx-800.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Keyboard_Events",
+  "title": "HTML5 Canvas Keyboard events with Konva",
+  "description": "There are no built-in keyboard events like keydown or keyup in Konva.",
+  "source": "@site/content/docs/events/Keyboard_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Keyboard_Events.html",
+  "permalink": "/docs/events/Keyboard_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Keyboard_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Keyboard events with Konva",
+    "sidebar_label": "Keyboard Events",
+    "hide_table_of_contents": true,
+    "slug": "Keyboard_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image Events",
+    "permalink": "/docs/events/Image_Events.html"
+  },
+  "next": {
+    "title": "Listen for Events",
+    "permalink": "/docs/events/Listen_for_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-md-b30.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-md-b30.json
new file mode 100644
index 000000000..cf453c712
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-md-b30.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Listen_for_Events",
+  "title": "Listen_for_Events",
+  "description": "title: HTML5 Canvas Listen or Don’t Listen to Events with Konva",
+  "source": "@site/content/docs/events/Listen_for_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Listen_for_Events",
+  "permalink": "/docs/events/Listen_for_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Listen_for_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Keyboard Events",
+    "permalink": "/docs/events/Keyboard_Events.html"
+  },
+  "next": {
+    "title": "Listen for Events",
+    "permalink": "/docs/events/Listen_for_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-mdx-5fc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-mdx-5fc.json
new file mode 100644
index 000000000..1fb72b7c2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-listen-for-events-mdx-5fc.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Listen_for_Events",
+  "title": "HTML5 Canvas Listen or Don't Listen to Events with Konva",
+  "description": "To listen or don't listen to events with Konva, we can set the listening",
+  "source": "@site/content/docs/events/Listen_for_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Listen_for_Events.html",
+  "permalink": "/docs/events/Listen_for_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Listen_for_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Listen or Don't Listen to Events with Konva",
+    "sidebar_label": "Listen for Events",
+    "hide_table_of_contents": true,
+    "slug": "Listen_for_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Keyboard Events",
+    "permalink": "/docs/events/Keyboard_Events.html"
+  },
+  "next": {
+    "title": "Mobile Events",
+    "permalink": "/docs/events/Mobile_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-md-da8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-md-da8.json
new file mode 100644
index 000000000..0606505b4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-md-da8.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Mobile_Events",
+  "title": "Mobile_Events",
+  "description": "title: HTML5 Canvas Mobile Touch Events Tutorial",
+  "source": "@site/content/docs/events/Mobile_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Mobile_Events",
+  "permalink": "/docs/events/Mobile_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Mobile_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Listen for Events",
+    "permalink": "/docs/events/Listen_for_Events.html"
+  },
+  "next": {
+    "title": "Mobile Events",
+    "permalink": "/docs/events/Mobile_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-mdx-953.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-mdx-953.json
new file mode 100644
index 000000000..302933b5f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-events-mdx-953.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Mobile_Events",
+  "title": "HTML5 Canvas Mobile Touch Events Tutorial",
+  "description": "To bind event handlers to shapes on a mobile device with Konva, we can use the on() method.",
+  "source": "@site/content/docs/events/Mobile_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Mobile_Events.html",
+  "permalink": "/docs/events/Mobile_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Mobile_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Mobile Touch Events Tutorial",
+    "sidebar_label": "Mobile Events",
+    "hide_table_of_contents": true,
+    "slug": "Mobile_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Listen for Events",
+    "permalink": "/docs/events/Listen_for_Events.html"
+  },
+  "next": {
+    "title": "Mobile Scrolling",
+    "permalink": "/docs/events/Mobile_Scrolling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-md-1d1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-md-1d1.json
new file mode 100644
index 000000000..3234ffcad
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-md-1d1.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Mobile_Scrolling",
+  "title": "Mobile_Scrolling",
+  "description": "title: HTML5 Canvas Mobile Scrolling and Native Events with Konva",
+  "source": "@site/content/docs/events/Mobile_Scrolling.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Mobile_Scrolling",
+  "permalink": "/docs/events/Mobile_Scrolling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Mobile_Scrolling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mobile Events",
+    "permalink": "/docs/events/Mobile_Events.html"
+  },
+  "next": {
+    "title": "Mobile Scrolling",
+    "permalink": "/docs/events/Mobile_Scrolling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-mdx-e0e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-mdx-e0e.json
new file mode 100644
index 000000000..d669d84e7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-mobile-scrolling-mdx-e0e.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Mobile_Scrolling",
+  "title": "HTML5 Canvas Mobile Scrolling and Native Events with Konva",
+  "description": "By default Konva will prevent default behaviour of all pointer interactions with a stage.",
+  "source": "@site/content/docs/events/Mobile_Scrolling.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Mobile_Scrolling.html",
+  "permalink": "/docs/events/Mobile_Scrolling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Mobile_Scrolling.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Mobile Scrolling and Native Events with Konva",
+    "sidebar_label": "Mobile Scrolling",
+    "hide_table_of_contents": true,
+    "slug": "Mobile_Scrolling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mobile Events",
+    "permalink": "/docs/events/Mobile_Events.html"
+  },
+  "next": {
+    "title": "Multi Event",
+    "permalink": "/docs/events/Multi_Event.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-md-480.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-md-480.json
new file mode 100644
index 000000000..a73b06eab
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-md-480.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Multi_Event",
+  "title": "Multi_Event",
+  "description": "title: HTML5 Canvas Canvas Multi-Event Binding Tutorial",
+  "source": "@site/content/docs/events/Multi_Event.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Multi_Event",
+  "permalink": "/docs/events/Multi_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Multi_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mobile Scrolling",
+    "permalink": "/docs/events/Mobile_Scrolling.html"
+  },
+  "next": {
+    "title": "Multi Event",
+    "permalink": "/docs/events/Multi_Event.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-mdx-3d7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-mdx-3d7.json
new file mode 100644
index 000000000..aba5bb5a4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-multi-event-mdx-3d7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Multi_Event",
+  "title": "HTML5 Canvas Canvas Multi-Event Binding Tutorial",
+  "description": "To bind multiple events to a single handler with Konva, we can use the on() method and pass in a space delimited string containing multiple event types.",
+  "source": "@site/content/docs/events/Multi_Event.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Multi_Event.html",
+  "permalink": "/docs/events/Multi_Event.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Multi_Event.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Canvas Multi-Event Binding Tutorial",
+    "sidebar_label": "Multi Event",
+    "hide_table_of_contents": true,
+    "slug": "Multi_Event.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mobile Scrolling",
+    "permalink": "/docs/events/Mobile_Scrolling.html"
+  },
+  "next": {
+    "title": "Pointer Events",
+    "permalink": "/docs/events/Pointer_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-md-b74.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-md-b74.json
new file mode 100644
index 000000000..adb2ef0fa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-md-b74.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Pointer_Events",
+  "title": "Pointer_Events",
+  "description": "title: HTML5 Canvas Pointer Events Tutorial",
+  "source": "@site/content/docs/events/Pointer_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Pointer_Events",
+  "permalink": "/docs/events/Pointer_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Pointer_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multi Event",
+    "permalink": "/docs/events/Multi_Event.html"
+  },
+  "next": {
+    "title": "Pointer Events",
+    "permalink": "/docs/events/Pointer_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-mdx-2ae.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-mdx-2ae.json
new file mode 100644
index 000000000..4f068b85e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-pointer-events-mdx-2ae.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Pointer_Events",
+  "title": "HTML5 Canvas Pointer Events Tutorial",
+  "description": "Pointer events can be useful to handle both mobile and desktop events with one handler.",
+  "source": "@site/content/docs/events/Pointer_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Pointer_Events.html",
+  "permalink": "/docs/events/Pointer_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Pointer_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Pointer Events Tutorial",
+    "sidebar_label": "Pointer Events",
+    "hide_table_of_contents": true,
+    "slug": "Pointer_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multi Event",
+    "permalink": "/docs/events/Multi_Event.html"
+  },
+  "next": {
+    "title": "Remove Event",
+    "permalink": "/docs/events/Remove_Event.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-md-591.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-md-591.json
new file mode 100644
index 000000000..6ea1b6ed0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-md-591.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Remove_by_Name",
+  "title": "Remove_by_Name",
+  "description": "title: HTML5 Canvas Remove Event Listener by Name with Konva",
+  "source": "@site/content/docs/events/Remove_by_Name.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Remove_by_Name",
+  "permalink": "/docs/events/Remove_by_Name",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Remove_by_Name.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Remove Event",
+    "permalink": "/docs/events/Remove_Event.html"
+  },
+  "next": {
+    "title": "Remove by Name",
+    "permalink": "/docs/events/Remove_by_Name.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-mdx-4ce.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-mdx-4ce.json
new file mode 100644
index 000000000..9b41e8aff
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-by-name-mdx-4ce.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Remove_by_Name",
+  "title": "HTML5 Canvas Remove Event Listener by Name with Konva",
+  "description": "To remove an event listener by name with Konva,",
+  "source": "@site/content/docs/events/Remove_by_Name.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Remove_by_Name.html",
+  "permalink": "/docs/events/Remove_by_Name.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Remove_by_Name.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Remove Event Listener by Name with Konva",
+    "sidebar_label": "Remove by Name",
+    "hide_table_of_contents": true,
+    "slug": "Remove_by_Name.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Remove Event",
+    "permalink": "/docs/events/Remove_Event.html"
+  },
+  "next": {
+    "title": "Stage Events",
+    "permalink": "/docs/events/Stage_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-md-e3b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-md-e3b.json
new file mode 100644
index 000000000..8795124a4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-md-e3b.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Remove_Event",
+  "title": "Remove_Event",
+  "description": "title: HTML5 Canvas Remove Event Listener with Konva",
+  "source": "@site/content/docs/events/Remove_Event.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Remove_Event",
+  "permalink": "/docs/events/Remove_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Remove_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Pointer Events",
+    "permalink": "/docs/events/Pointer_Events.html"
+  },
+  "next": {
+    "title": "Remove Event",
+    "permalink": "/docs/events/Remove_Event.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-mdx-42c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-mdx-42c.json
new file mode 100644
index 000000000..4b6432bb8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-remove-event-mdx-42c.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Remove_Event",
+  "title": "HTML5 Canvas Remove Event Listener with Konva",
+  "description": "To remove an event listener with Konva, we can use the off() method of",
+  "source": "@site/content/docs/events/Remove_Event.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Remove_Event.html",
+  "permalink": "/docs/events/Remove_Event.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Remove_Event.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Remove Event Listener with Konva",
+    "sidebar_label": "Remove Event",
+    "hide_table_of_contents": true,
+    "slug": "Remove_Event.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Pointer Events",
+    "permalink": "/docs/events/Pointer_Events.html"
+  },
+  "next": {
+    "title": "Remove by Name",
+    "permalink": "/docs/events/Remove_by_Name.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-md-0f6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-md-0f6.json
new file mode 100644
index 000000000..837f7e551
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-md-0f6.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/events/Stage_Events",
+  "title": "Stage_Events",
+  "description": "title: HTML5 Canvas Special Stage Events Konva",
+  "source": "@site/content/docs/events/Stage_Events.md",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Stage_Events",
+  "permalink": "/docs/events/Stage_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Stage_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Remove by Name",
+    "permalink": "/docs/events/Remove_by_Name.html"
+  },
+  "next": {
+    "title": "Stage Events",
+    "permalink": "/docs/events/Stage_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-mdx-621.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-mdx-621.json
new file mode 100644
index 000000000..dc67056b0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-events-stage-events-mdx-621.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/events/Stage_Events",
+  "title": "HTML5 Canvas Special Stage Events Konva",
+  "description": "All events are started from Shapes. So if you click on an empty space within a canvas, a click event will not trigger on Layer but it will trigger on the Stage object instead.",
+  "source": "@site/content/docs/events/Stage_Events.mdx",
+  "sourceDirName": "docs/events",
+  "slug": "/docs/events/Stage_Events.html",
+  "permalink": "/docs/events/Stage_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/events/Stage_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Special Stage Events Konva",
+    "sidebar_label": "Stage Events",
+    "hide_table_of_contents": true,
+    "slug": "Stage_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Remove by Name",
+    "permalink": "/docs/events/Remove_by_Name.html"
+  },
+  "next": {
+    "title": "Basic Drag and Drop",
+    "permalink": "/docs/drag_and_drop/Drag_and_Drop.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-md-1bf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-md-1bf.json
new file mode 100644
index 000000000..f52afc2a9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-md-1bf.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Blur",
+  "title": "Blur",
+  "description": "title: HTML5 Canvas Blur Image Filter Tutorial",
+  "source": "@site/content/docs/filters/Blur.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Blur",
+  "permalink": "/docs/filters/Blur",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Blur.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage_Data_URL",
+    "permalink": "/docs/data_and_serialization/Stage_Data_URL"
+  },
+  "next": {
+    "title": "Brighten",
+    "permalink": "/docs/filters/Brighten"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-mdx-e8e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-mdx-e8e.json
new file mode 100644
index 000000000..3ce18cfaa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-blur-mdx-e8e.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Blur",
+  "title": "HTML5 Canvas Blur Image Filter Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Blur.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Blur.html",
+  "permalink": "/docs/filters/Blur.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Blur.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Blur Image Filter Tutorial",
+    "sidebar_label": "Blur",
+    "hide_table_of_contents": true,
+    "slug": "Blur.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "zIndex",
+    "permalink": "/docs/groups_and_layers/zIndex.html"
+  },
+  "next": {
+    "title": "Brighten",
+    "permalink": "/docs/filters/Brighten.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-md-aa6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-md-aa6.json
new file mode 100644
index 000000000..a2830657b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-md-aa6.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Brighten",
+  "title": "Brighten",
+  "description": "title: HTML5 Canvas Brighten Image Filter Tutorial",
+  "source": "@site/content/docs/filters/Brighten.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Brighten",
+  "permalink": "/docs/filters/Brighten",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Brighten.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur"
+  },
+  "next": {
+    "title": "Contrast",
+    "permalink": "/docs/filters/Contrast"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-mdx-143.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-mdx-143.json
new file mode 100644
index 000000000..a0b60ff5c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-brighten-mdx-143.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Brighten",
+  "title": "HTML5 Canvas Brighten Image Filter Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Brighten.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Brighten.html",
+  "permalink": "/docs/filters/Brighten.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Brighten.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Brighten Image Filter Tutorial",
+    "sidebar_label": "Brighten",
+    "hide_table_of_contents": true,
+    "slug": "Brighten.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  },
+  "next": {
+    "title": "Contrast",
+    "permalink": "/docs/filters/Contrast.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-md-2dc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-md-2dc.json
new file mode 100644
index 000000000..726286f19
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-md-2dc.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Contrast",
+  "title": "Contrast",
+  "description": "title: HTML5 Canvas Contrast filter Image Tutorial",
+  "source": "@site/content/docs/filters/Contrast.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Contrast",
+  "permalink": "/docs/filters/Contrast",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Contrast.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Brighten",
+    "permalink": "/docs/filters/Brighten"
+  },
+  "next": {
+    "title": "Custom_Filter",
+    "permalink": "/docs/filters/Custom_Filter"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-mdx-bd7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-mdx-bd7.json
new file mode 100644
index 000000000..4833ec41f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-contrast-mdx-bd7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Contrast",
+  "title": "HTML5 Canvas Contrast filter Image Tutorial",
+  "description": "To apply filter to an Konva.Node, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Contrast.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Contrast.html",
+  "permalink": "/docs/filters/Contrast.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Contrast.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Contrast filter Image Tutorial",
+    "sidebar_label": "Contrast",
+    "hide_table_of_contents": true,
+    "slug": "Contrast.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Brighten",
+    "permalink": "/docs/filters/Brighten.html"
+  },
+  "next": {
+    "title": "Custom Filter",
+    "permalink": "/docs/filters/Custom_Filter.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-md-1ce.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-md-1ce.json
new file mode 100644
index 000000000..7bc33b7c9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-md-1ce.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Custom_Filter",
+  "title": "Custom_Filter",
+  "description": "title: HTML5 Canvas Custom Filter Tutorial",
+  "source": "@site/content/docs/filters/Custom_Filter.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Custom_Filter",
+  "permalink": "/docs/filters/Custom_Filter",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Custom_Filter.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Contrast",
+    "permalink": "/docs/filters/Contrast"
+  },
+  "next": {
+    "title": "Emboss",
+    "permalink": "/docs/filters/Emboss"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-mdx-887.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-mdx-887.json
new file mode 100644
index 000000000..fefe2a668
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-custom-filter-mdx-887.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Custom_Filter",
+  "title": "HTML5 Canvas Custom Filter Tutorial",
+  "description": "How apply custom filter for Konva nodes?",
+  "source": "@site/content/docs/filters/Custom_Filter.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Custom_Filter.html",
+  "permalink": "/docs/filters/Custom_Filter.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Custom_Filter.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Custom Filter Tutorial",
+    "sidebar_label": "Custom Filter",
+    "hide_table_of_contents": true,
+    "slug": "Custom_Filter.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Contrast",
+    "permalink": "/docs/filters/Contrast.html"
+  },
+  "next": {
+    "title": "Emboss",
+    "permalink": "/docs/filters/Emboss.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-md-8b3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-md-8b3.json
new file mode 100644
index 000000000..30b2560e3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-md-8b3.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Emboss",
+  "title": "Emboss",
+  "description": "title: HTML5 Canvas Emboss filter Image Tutorial",
+  "source": "@site/content/docs/filters/Emboss.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Emboss",
+  "permalink": "/docs/filters/Emboss",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Emboss.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Filter",
+    "permalink": "/docs/filters/Custom_Filter"
+  },
+  "next": {
+    "title": "Enhance",
+    "permalink": "/docs/filters/Enhance"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-mdx-102.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-mdx-102.json
new file mode 100644
index 000000000..47840c6e2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-emboss-mdx-102.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Emboss",
+  "title": "HTML5 Canvas Emboss filter Image Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Emboss.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Emboss.html",
+  "permalink": "/docs/filters/Emboss.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Emboss.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Emboss filter Image Tutorial",
+    "sidebar_label": "Emboss",
+    "hide_table_of_contents": true,
+    "slug": "Emboss.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom Filter",
+    "permalink": "/docs/filters/Custom_Filter.html"
+  },
+  "next": {
+    "title": "Enhance",
+    "permalink": "/docs/filters/Enhance.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-md-929.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-md-929.json
new file mode 100644
index 000000000..6d2e42c56
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-md-929.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Enhance",
+  "title": "Enhance",
+  "description": "title: HTML5 Canvas Enhance Image Filter Tutorial",
+  "source": "@site/content/docs/filters/Enhance.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Enhance",
+  "permalink": "/docs/filters/Enhance",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Enhance.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Emboss",
+    "permalink": "/docs/filters/Emboss"
+  },
+  "next": {
+    "title": "Grayscale",
+    "permalink": "/docs/filters/Grayscale"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-mdx-52e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-mdx-52e.json
new file mode 100644
index 000000000..7b502c6cd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-enhance-mdx-52e.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Enhance",
+  "title": "HTML5 Canvas Enhance Image Filter Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Enhance.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Enhance.html",
+  "permalink": "/docs/filters/Enhance.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Enhance.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Enhance Image Filter Tutorial",
+    "sidebar_label": "Enhance",
+    "hide_table_of_contents": true,
+    "slug": "Enhance.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Emboss",
+    "permalink": "/docs/filters/Emboss.html"
+  },
+  "next": {
+    "title": "Grayscale",
+    "permalink": "/docs/filters/Grayscale.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-md-061.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-md-061.json
new file mode 100644
index 000000000..a499921c3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-md-061.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Grayscale",
+  "title": "Grayscale",
+  "description": "title: HTML5 Canvas Grayscale Image Filter Tutorial",
+  "source": "@site/content/docs/filters/Grayscale.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Grayscale",
+  "permalink": "/docs/filters/Grayscale",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Grayscale.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Enhance",
+    "permalink": "/docs/filters/Enhance"
+  },
+  "next": {
+    "title": "HSL",
+    "permalink": "/docs/filters/HSL"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-mdx-9a2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-mdx-9a2.json
new file mode 100644
index 000000000..f34fa134d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-grayscale-mdx-9a2.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Grayscale",
+  "title": "HTML5 Canvas Grayscale Image Filter Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.",
+  "source": "@site/content/docs/filters/Grayscale.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Grayscale.html",
+  "permalink": "/docs/filters/Grayscale.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Grayscale.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Grayscale Image Filter Tutorial",
+    "sidebar_label": "Grayscale",
+    "hide_table_of_contents": true,
+    "slug": "Grayscale.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Enhance",
+    "permalink": "/docs/filters/Enhance.html"
+  },
+  "next": {
+    "title": "HSL",
+    "permalink": "/docs/filters/HSL.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-md-864.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-md-864.json
new file mode 100644
index 000000000..373a3b812
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-md-864.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/HSL",
+  "title": "HSL",
+  "description": "title: HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial",
+  "source": "@site/content/docs/filters/HSL.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/HSL",
+  "permalink": "/docs/filters/HSL",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/HSL.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Grayscale",
+    "permalink": "/docs/filters/Grayscale"
+  },
+  "next": {
+    "title": "HSV",
+    "permalink": "/docs/filters/HSV"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-mdx-cad.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-mdx-cad.json
new file mode 100644
index 000000000..a85b8109c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsl-mdx-cad.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/HSL",
+  "title": "HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial",
+  "description": "To apply filter to an Konva.Node, we have to cache it first with cache() function. Then apply filter with filters() function.",
+  "source": "@site/content/docs/filters/HSL.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/HSL.html",
+  "permalink": "/docs/filters/HSL.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/HSL.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial",
+    "sidebar_label": "HSL",
+    "hide_table_of_contents": true,
+    "slug": "HSL.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Grayscale",
+    "permalink": "/docs/filters/Grayscale.html"
+  },
+  "next": {
+    "title": "HSV",
+    "permalink": "/docs/filters/HSV.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-md-620.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-md-620.json
new file mode 100644
index 000000000..3598a6306
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-md-620.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/HSV",
+  "title": "HSV",
+  "description": "title: HTML5 Canvas Hue, Saturation and Value filter Image Tutorial",
+  "source": "@site/content/docs/filters/HSV.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/HSV",
+  "permalink": "/docs/filters/HSV",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/HSV.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "HSL",
+    "permalink": "/docs/filters/HSL"
+  },
+  "next": {
+    "title": "Invert",
+    "permalink": "/docs/filters/Invert"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-mdx-5eb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-mdx-5eb.json
new file mode 100644
index 000000000..a2970e317
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-hsv-mdx-5eb.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/HSV",
+  "title": "HTML5 Canvas Hue, Saturation and Value filter Image Tutorial",
+  "description": "To apply filter to an Konva.Node, we have to cache it first with cache() function. Then apply filter with filters() function.",
+  "source": "@site/content/docs/filters/HSV.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/HSV.html",
+  "permalink": "/docs/filters/HSV.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/HSV.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Hue, Saturation and Value filter Image Tutorial",
+    "sidebar_label": "HSV",
+    "hide_table_of_contents": true,
+    "slug": "HSV.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "HSL",
+    "permalink": "/docs/filters/HSL.html"
+  },
+  "next": {
+    "title": "Invert",
+    "permalink": "/docs/filters/Invert.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-md-cd0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-md-cd0.json
new file mode 100644
index 000000000..f67bf4948
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-md-cd0.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Invert",
+  "title": "Invert",
+  "description": "title: HTML5 Canvas Invert Image Filter Tutorial",
+  "source": "@site/content/docs/filters/Invert.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Invert",
+  "permalink": "/docs/filters/Invert",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Invert.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "HSV",
+    "permalink": "/docs/filters/HSV"
+  },
+  "next": {
+    "title": "Kaleidoscope",
+    "permalink": "/docs/filters/Kaleidoscope"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-mdx-0a9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-mdx-0a9.json
new file mode 100644
index 000000000..7551ed490
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-invert-mdx-0a9.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Invert",
+  "title": "HTML5 Canvas Invert Image Filter Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.",
+  "source": "@site/content/docs/filters/Invert.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Invert.html",
+  "permalink": "/docs/filters/Invert.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Invert.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Invert Image Filter Tutorial",
+    "sidebar_label": "Invert",
+    "hide_table_of_contents": true,
+    "slug": "Invert.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "HSV",
+    "permalink": "/docs/filters/HSV.html"
+  },
+  "next": {
+    "title": "Kaleidoscope",
+    "permalink": "/docs/filters/Kaleidoscope.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-md-d38.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-md-d38.json
new file mode 100644
index 000000000..baff61f3b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-md-d38.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Kaleidoscope",
+  "title": "Kaleidoscope",
+  "description": "title: HTML5 Canvas Kaleidoscope Image Filter Tutorial",
+  "source": "@site/content/docs/filters/Kaleidoscope.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Kaleidoscope",
+  "permalink": "/docs/filters/Kaleidoscope",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Kaleidoscope.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Invert",
+    "permalink": "/docs/filters/Invert"
+  },
+  "next": {
+    "title": "Mask",
+    "permalink": "/docs/filters/Mask"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-mdx-91f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-mdx-91f.json
new file mode 100644
index 000000000..34ad8daf1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-kaleidoscope-mdx-91f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Kaleidoscope",
+  "title": "HTML5 Canvas Kaleidoscope Image Filter Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Kaleidoscope.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Kaleidoscope.html",
+  "permalink": "/docs/filters/Kaleidoscope.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Kaleidoscope.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Kaleidoscope Image Filter Tutorial",
+    "sidebar_label": "Kaleidoscope",
+    "hide_table_of_contents": true,
+    "slug": "Kaleidoscope.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Invert",
+    "permalink": "/docs/filters/Invert.html"
+  },
+  "next": {
+    "title": "Mask",
+    "permalink": "/docs/filters/Mask.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-md-34a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-md-34a.json
new file mode 100644
index 000000000..322db5922
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-md-34a.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Mask",
+  "title": "Mask",
+  "description": "title: HTML5 Canvas Mask Image Filter Tutorial",
+  "source": "@site/content/docs/filters/Mask.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Mask",
+  "permalink": "/docs/filters/Mask",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Mask.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Kaleidoscope",
+    "permalink": "/docs/filters/Kaleidoscope"
+  },
+  "next": {
+    "title": "Multiple_Filters",
+    "permalink": "/docs/filters/Multiple_Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-mdx-7c4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-mdx-7c4.json
new file mode 100644
index 000000000..c600c6c99
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-mask-mdx-7c4.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Mask",
+  "title": "HTML5 Canvas Mask Image Filter Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.",
+  "source": "@site/content/docs/filters/Mask.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Mask.html",
+  "permalink": "/docs/filters/Mask.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Mask.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Mask Image Filter Tutorial",
+    "sidebar_label": "Mask",
+    "hide_table_of_contents": true,
+    "slug": "Mask.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Kaleidoscope",
+    "permalink": "/docs/filters/Kaleidoscope.html"
+  },
+  "next": {
+    "title": "Multiple Filters",
+    "permalink": "/docs/filters/Multiple_Filters.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-md-aef.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-md-aef.json
new file mode 100644
index 000000000..9eef607c1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-md-aef.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Multiple_Filters",
+  "title": "Multiple_Filters",
+  "description": "title: HTML5 Canvas Multiple Filters Tutorial",
+  "source": "@site/content/docs/filters/Multiple_Filters.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Multiple_Filters",
+  "permalink": "/docs/filters/Multiple_Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Multiple_Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mask",
+    "permalink": "/docs/filters/Mask.html"
+  },
+  "next": {
+    "title": "Multiple Filters",
+    "permalink": "/docs/filters/Multiple_Filters.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-mdx-24d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-mdx-24d.json
new file mode 100644
index 000000000..fa54768c5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-multiple-filters-mdx-24d.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Multiple_Filters",
+  "title": "HTML5 Canvas Multiple Filters Tutorial",
+  "description": "To apply multiple filters to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Multiple_Filters.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Multiple_Filters.html",
+  "permalink": "/docs/filters/Multiple_Filters.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Multiple_Filters.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Multiple Filters Tutorial",
+    "sidebar_label": "Multiple Filters",
+    "hide_table_of_contents": true,
+    "slug": "Multiple_Filters.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mask",
+    "permalink": "/docs/filters/Mask.html"
+  },
+  "next": {
+    "title": "Multiple Filters",
+    "permalink": "/docs/filters/Multiple_Filters.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-md-2c2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-md-2c2.json
new file mode 100644
index 000000000..a59114ca6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-md-2c2.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Noise",
+  "title": "Noise",
+  "description": "title: HTML5 Canvas Noise filter Image Tutorial",
+  "source": "@site/content/docs/filters/Noise.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Noise",
+  "permalink": "/docs/filters/Noise",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Noise.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multiple_Filters",
+    "permalink": "/docs/filters/Multiple_Filters"
+  },
+  "next": {
+    "title": "Pixelate",
+    "permalink": "/docs/filters/Pixelate"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-mdx-547.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-mdx-547.json
new file mode 100644
index 000000000..d11aa03ba
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-noise-mdx-547.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Noise",
+  "title": "HTML5 Canvas Noise filter Image Tutorial",
+  "description": "To apply filter to an Konva.Node, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Noise.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Noise.html",
+  "permalink": "/docs/filters/Noise.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Noise.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Noise filter Image Tutorial",
+    "sidebar_label": "Noise",
+    "hide_table_of_contents": true,
+    "slug": "Noise.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multiple Filters",
+    "permalink": "/docs/filters/Multiple_Filters.html"
+  },
+  "next": {
+    "title": "Pixelate",
+    "permalink": "/docs/filters/Pixelate.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-md-abf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-md-abf.json
new file mode 100644
index 000000000..aa40b0178
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-md-abf.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/Pixelate",
+  "title": "Pixelate",
+  "description": "title: HTML5 Canvas Pixelate filter Image Tutorial",
+  "source": "@site/content/docs/filters/Pixelate.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Pixelate",
+  "permalink": "/docs/filters/Pixelate",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Pixelate.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Noise",
+    "permalink": "/docs/filters/Noise"
+  },
+  "next": {
+    "title": "RGB",
+    "permalink": "/docs/filters/RGB"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-mdx-264.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-mdx-264.json
new file mode 100644
index 000000000..196738a1b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-pixelate-mdx-264.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Pixelate",
+  "title": "HTML5 Canvas Pixelate filter Image Tutorial",
+  "description": "To apply filter to an Konva.Node, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Pixelate.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Pixelate.html",
+  "permalink": "/docs/filters/Pixelate.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Pixelate.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Pixelate filter Image Tutorial",
+    "sidebar_label": "Pixelate",
+    "hide_table_of_contents": true,
+    "slug": "Pixelate.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Noise",
+    "permalink": "/docs/filters/Noise.html"
+  },
+  "next": {
+    "title": "RGB",
+    "permalink": "/docs/filters/RGB.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-md-b74.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-md-b74.json
new file mode 100644
index 000000000..149fb9686
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-md-b74.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/RGB",
+  "title": "RGB",
+  "description": "title: HTML5 Canvas RGB filter Image Tutorial",
+  "source": "@site/content/docs/filters/RGB.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/RGB",
+  "permalink": "/docs/filters/RGB",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/RGB.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Pixelate",
+    "permalink": "/docs/filters/Pixelate"
+  },
+  "next": {
+    "title": "RGBA",
+    "permalink": "/docs/filters/RGBA"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-mdx-59b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-mdx-59b.json
new file mode 100644
index 000000000..c0e96a68f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgb-mdx-59b.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/RGB",
+  "title": "HTML5 Canvas RGB filter Image Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/RGB.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/RGB.html",
+  "permalink": "/docs/filters/RGB.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/RGB.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas RGB filter Image Tutorial",
+    "sidebar_label": "RGB",
+    "hide_table_of_contents": true,
+    "slug": "RGB.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Pixelate",
+    "permalink": "/docs/filters/Pixelate.html"
+  },
+  "next": {
+    "title": "Sepia",
+    "permalink": "/docs/filters/Sepia.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgba-md-78b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgba-md-78b.json
new file mode 100644
index 000000000..82106745c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-rgba-md-78b.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/filters/RGBA",
+  "title": "RGBA",
+  "description": "title: HTML5 Canvas RGBA filter Image Tutorial",
+  "source": "@site/content/docs/filters/RGBA.md",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/RGBA",
+  "permalink": "/docs/filters/RGBA",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/RGBA.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "RGB",
+    "permalink": "/docs/filters/RGB"
+  },
+  "next": {
+    "title": "Change_Containers",
+    "permalink": "/docs/groups_and_layers/Change_Containers"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-sepia-mdx-a11.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-sepia-mdx-a11.json
new file mode 100644
index 000000000..ceb6c3aa3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-sepia-mdx-a11.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Sepia",
+  "title": "HTML5 Canvas Sepia filter Image Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Sepia.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Sepia.html",
+  "permalink": "/docs/filters/Sepia.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Sepia.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Sepia filter Image Tutorial",
+    "sidebar_label": "Sepia",
+    "hide_table_of_contents": true,
+    "slug": "Sepia.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "RGB",
+    "permalink": "/docs/filters/RGB.html"
+  },
+  "next": {
+    "title": "Solarize",
+    "permalink": "/docs/filters/Solarize.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-solarize-mdx-aa0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-solarize-mdx-aa0.json
new file mode 100644
index 000000000..ef2dfb8ac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-solarize-mdx-aa0.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Solarize",
+  "title": "HTML5 Canvas Solarize filter Image Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Solarize.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Solarize.html",
+  "permalink": "/docs/filters/Solarize.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Solarize.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Solarize filter Image Tutorial",
+    "sidebar_label": "Solarize",
+    "hide_table_of_contents": true,
+    "slug": "Solarize.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Sepia",
+    "permalink": "/docs/filters/Sepia.html"
+  },
+  "next": {
+    "title": "Threshold",
+    "permalink": "/docs/filters/Threshold.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-threshold-mdx-827.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-threshold-mdx-827.json
new file mode 100644
index 000000000..61430e883
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-filters-threshold-mdx-827.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/filters/Threshold",
+  "title": "HTML5 Canvas Threshold filter Image Tutorial",
+  "description": "To apply filter to an Konva.Image, we have to cache it first with cache()",
+  "source": "@site/content/docs/filters/Threshold.mdx",
+  "sourceDirName": "docs/filters",
+  "slug": "/docs/filters/Threshold.html",
+  "permalink": "/docs/filters/Threshold.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/filters/Threshold.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Threshold filter Image Tutorial",
+    "sidebar_label": "Threshold",
+    "hide_table_of_contents": true,
+    "slug": "Threshold.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Solarize",
+    "permalink": "/docs/filters/Solarize.html"
+  },
+  "next": {
+    "title": "All Controls",
+    "permalink": "/docs/tweens/All_Controls.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-md-1d7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-md-1d7.json
new file mode 100644
index 000000000..c231abdf4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-md-1d7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/Change_Containers",
+  "title": "Move Shape to Another Container",
+  "description": "To move a shape from one container into another with Konva, we can use the moveTo() method which requires a container as a parameter.",
+  "source": "@site/content/docs/groups_and_layers/Change_Containers.md",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/Change_Containers.html",
+  "permalink": "/docs/groups_and_layers/Change_Containers.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Change_Containers.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Move Shape to Another Container",
+    "sidebar_label": "Change Containers",
+    "hide_table_of_contents": true,
+    "slug": "Change_Containers.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage_Data_URL",
+    "permalink": "/docs/data_and_serialization/Stage_Data_URL"
+  },
+  "next": {
+    "title": "Groups",
+    "permalink": "/docs/groups_and_layers/Groups.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-mdx-23f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-mdx-23f.json
new file mode 100644
index 000000000..7968fc354
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-change-containers-mdx-23f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/Change_Containers",
+  "title": "Move Shape to Another Container",
+  "description": "To move a shape from one container into another with Konva, we can use the moveTo() method which requires a container as a parameter.",
+  "source": "@site/content/docs/groups_and_layers/Change_Containers.mdx",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/Change_Containers.html",
+  "permalink": "/docs/groups_and_layers/Change_Containers.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Change_Containers.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Move Shape to Another Container",
+    "sidebar_label": "Change Containers",
+    "hide_table_of_contents": true,
+    "slug": "Change_Containers.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple Clipping",
+    "permalink": "/docs/clipping/Clipping_Regions.html"
+  },
+  "next": {
+    "title": "Groups",
+    "permalink": "/docs/groups_and_layers/Groups.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-md-b5c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-md-b5c.json
new file mode 100644
index 000000000..46e69c3c1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-md-b5c.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/Groups",
+  "title": "Shape Groups",
+  "description": "To group multiple shapes together with Konva, we can instantiate a Konva.Group() object and then add shapes to it with the add() method.",
+  "source": "@site/content/docs/groups_and_layers/Groups.md",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/Groups.html",
+  "permalink": "/docs/groups_and_layers/Groups.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Groups.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Shape Groups",
+    "sidebar_label": "Groups",
+    "hide_table_of_contents": true,
+    "slug": "Groups.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Change Containers",
+    "permalink": "/docs/groups_and_layers/Change_Containers.html"
+  },
+  "next": {
+    "title": "Layering",
+    "permalink": "/docs/groups_and_layers/Layering"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-mdx-081.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-mdx-081.json
new file mode 100644
index 000000000..a8ebac213
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-groups-mdx-081.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/Groups",
+  "title": "Shape Groups",
+  "description": "To group multiple shapes together with Konva, we can instantiate a Konva.Group() object and then add shapes to it with the add() method.",
+  "source": "@site/content/docs/groups_and_layers/Groups.mdx",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/Groups.html",
+  "permalink": "/docs/groups_and_layers/Groups.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Groups.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Shape Groups",
+    "sidebar_label": "Groups",
+    "hide_table_of_contents": true,
+    "slug": "Groups.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Change Containers",
+    "permalink": "/docs/groups_and_layers/Change_Containers.html"
+  },
+  "next": {
+    "title": "Layering",
+    "permalink": "/docs/groups_and_layers/Layering.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-md-d46.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-md-d46.json
new file mode 100644
index 000000000..f6d258837
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-md-d46.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/Layering",
+  "title": "Shape Layering",
+  "description": "To layer shapes with Konva, we can use one of the following layering methods:",
+  "source": "@site/content/docs/groups_and_layers/Layering.md",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/Layering.html",
+  "permalink": "/docs/groups_and_layers/Layering.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Layering.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Shape Layering",
+    "sidebar_label": "Layering",
+    "hide_table_of_contents": true,
+    "slug": "Layering.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Groups",
+    "permalink": "/docs/groups_and_layers/Groups.html"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/docs/groups_and_layers/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-mdx-c58.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-mdx-c58.json
new file mode 100644
index 000000000..ea57d6e45
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-layering-mdx-c58.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/Layering",
+  "title": "Shape Layering",
+  "description": "To layer shapes with Konva, we can use one of the following layering methods:",
+  "source": "@site/content/docs/groups_and_layers/Layering.mdx",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/Layering.html",
+  "permalink": "/docs/groups_and_layers/Layering.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Layering.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Shape Layering",
+    "sidebar_label": "Layering",
+    "hide_table_of_contents": true,
+    "slug": "Layering.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Groups",
+    "permalink": "/docs/groups_and_layers/Groups.html"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/docs/groups_and_layers/zIndex.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-md-e17.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-md-e17.json
new file mode 100644
index 000000000..ff13bc3ac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-md-e17.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/zIndex",
+  "title": "Understanding Node zIndex",
+  "description": "What is zIndex of a node?",
+  "source": "@site/content/docs/groups_and_layers/zIndex.md",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/zIndex.html",
+  "permalink": "/docs/groups_and_layers/zIndex.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Understanding Node zIndex",
+    "sidebar_label": "zIndex",
+    "hide_table_of_contents": true,
+    "slug": "zIndex.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Layering",
+    "permalink": "/docs/groups_and_layers/Layering.html"
+  },
+  "next": {
+    "title": "All_Performance_Tips",
+    "permalink": "/docs/performance/All_Performance_Tips"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-mdx-05a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-mdx-05a.json
new file mode 100644
index 000000000..4cbf8fb7d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-groups-and-layers-z-index-mdx-05a.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/groups_and_layers/zIndex",
+  "title": "Understanding Node zIndex",
+  "description": "What is zIndex of a node?",
+  "source": "@site/content/docs/groups_and_layers/zIndex.mdx",
+  "sourceDirName": "docs/groups_and_layers",
+  "slug": "/docs/groups_and_layers/zIndex.html",
+  "permalink": "/docs/groups_and_layers/zIndex.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/zIndex.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Understanding Node zIndex",
+    "sidebar_label": "zIndex",
+    "hide_table_of_contents": true,
+    "slug": "zIndex.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Layering",
+    "permalink": "/docs/groups_and_layers/Layering.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-index-md-467.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-index-md-467.json
new file mode 100644
index 000000000..58d53184e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-index-md-467.json
@@ -0,0 +1,31 @@
+{
+  "id": "docs/index",
+  "title": "Starting with Konva",
+  "description": "What's Konva?",
+  "source": "@site/content/docs/index.md",
+  "sourceDirName": "docs",
+  "slug": "/docs/index.html",
+  "permalink": "/docs/index.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/index.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "sidebar_position": 1,
+    "title": "Starting with Konva",
+    "sidebar_label": "Intro",
+    "hide_table_of_contents": true,
+    "slug": "index.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Tools",
+    "permalink": "/docs/tools.html"
+  },
+  "next": {
+    "title": "Overview",
+    "permalink": "/docs/overview.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-overview-md-f34.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-overview-md-f34.json
new file mode 100644
index 000000000..bf36f8d87
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-overview-md-f34.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/overview",
+  "title": "Konva Framework Overview",
+  "description": "What's Konva?",
+  "source": "@site/content/docs/overview.md",
+  "sourceDirName": "docs",
+  "slug": "/docs/overview.html",
+  "permalink": "/docs/overview.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/overview.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "sidebar_position": 2,
+    "title": "Konva Framework Overview",
+    "sidebar_label": "Overview",
+    "slug": "overview.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Intro",
+    "permalink": "/docs/index.html"
+  },
+  "next": {
+    "title": "Support",
+    "permalink": "/docs/support.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-md-b17.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-md-b17.json
new file mode 100644
index 000000000..c84f850a1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-md-b17.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/All_Performance_Tips",
+  "title": "All_Performance_Tips",
+  "description": "title: HTML5 Canvas All Konva performance tips list",
+  "source": "@site/content/docs/performance/All_Performance_Tips.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/All_Performance_Tips",
+  "permalink": "/docs/performance/All_Performance_Tips",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/All_Performance_Tips.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage Data URL",
+    "permalink": "/docs/data_and_serialization/Stage_Data_URL.html"
+  },
+  "next": {
+    "title": "All Performance Tips",
+    "permalink": "/docs/performance/All_Performance_Tips.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-mdx-a0f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-mdx-a0f.json
new file mode 100644
index 000000000..31409844c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-all-performance-tips-mdx-a0f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/All_Performance_Tips",
+  "title": "HTML5 Canvas All Konva performance tips list",
+  "description": "Don't want to spend your time with performance issues? Request a performance review.",
+  "source": "@site/content/docs/performance/All_Performance_Tips.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/All_Performance_Tips.html",
+  "permalink": "/docs/performance/All_Performance_Tips.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/All_Performance_Tips.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas All Konva performance tips list",
+    "sidebar_label": "All Performance Tips",
+    "hide_table_of_contents": true,
+    "slug": "All_Performance_Tips.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage Data URL",
+    "permalink": "/docs/data_and_serialization/Stage_Data_URL.html"
+  },
+  "next": {
+    "title": "Avoid Memory Leaks",
+    "permalink": "/docs/performance/Avoid_Memory_Leaks.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-md-31d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-md-31d.json
new file mode 100644
index 000000000..334ab24ad
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-md-31d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Avoid_Memory_Leaks",
+  "title": "Avoid_Memory_Leaks",
+  "description": "title: HTML5 Canvas How to avoid Memory leaks Tip",
+  "source": "@site/content/docs/performance/Avoid_Memory_Leaks.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Avoid_Memory_Leaks",
+  "permalink": "/docs/performance/Avoid_Memory_Leaks",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Avoid_Memory_Leaks.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All Performance Tips",
+    "permalink": "/docs/performance/All_Performance_Tips.html"
+  },
+  "next": {
+    "title": "Avoid Memory Leaks",
+    "permalink": "/docs/performance/Avoid_Memory_Leaks.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-mdx-4db.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-mdx-4db.json
new file mode 100644
index 000000000..fafc4d28a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-avoid-memory-leaks-mdx-4db.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Avoid_Memory_Leaks",
+  "title": "HTML5 Canvas How to avoid Memory leaks Tip",
+  "description": "Deleting shapes",
+  "source": "@site/content/docs/performance/Avoid_Memory_Leaks.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Avoid_Memory_Leaks.html",
+  "permalink": "/docs/performance/Avoid_Memory_Leaks.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Avoid_Memory_Leaks.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas How to avoid Memory leaks Tip",
+    "sidebar_label": "Avoid Memory Leaks",
+    "hide_table_of_contents": true,
+    "slug": "Avoid_Memory_Leaks.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All Performance Tips",
+    "permalink": "/docs/performance/All_Performance_Tips.html"
+  },
+  "next": {
+    "title": "Batch Draw",
+    "permalink": "/docs/performance/Batch_Draw.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-md-c38.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-md-c38.json
new file mode 100644
index 000000000..997e4ca44
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-md-c38.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Batch_Draw",
+  "title": "Batch_Draw",
+  "description": "title: HTML5 Canvas Batch Draw Tip",
+  "source": "@site/content/docs/performance/Batch_Draw.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Batch_Draw",
+  "permalink": "/docs/performance/Batch_Draw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Batch_Draw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Avoid Memory Leaks",
+    "permalink": "/docs/performance/Avoid_Memory_Leaks.html"
+  },
+  "next": {
+    "title": "Batch Draw",
+    "permalink": "/docs/performance/Batch_Draw.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-mdx-fce.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-mdx-fce.json
new file mode 100644
index 000000000..6ffcb0b22
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-batch-draw-mdx-fce.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Batch_Draw",
+  "title": "HTML5 Canvas Batch Draw Tip",
+  "description": "Update: this demo is not relevant with the new konva@8. In the new version, Konva is doing all batching draws automatically on any changes on canvas.",
+  "source": "@site/content/docs/performance/Batch_Draw.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Batch_Draw.html",
+  "permalink": "/docs/performance/Batch_Draw.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Batch_Draw.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Batch Draw Tip",
+    "sidebar_label": "Batch Draw",
+    "hide_table_of_contents": true,
+    "slug": "Batch_Draw.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Avoid Memory Leaks",
+    "permalink": "/docs/performance/Avoid_Memory_Leaks.html"
+  },
+  "next": {
+    "title": "Disable Perfect Draw",
+    "permalink": "/docs/performance/Disable_Perfect_Draw.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-md-691.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-md-691.json
new file mode 100644
index 000000000..5f077f7a5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-md-691.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Disable_Perfect_Draw",
+  "title": "Disable_Perfect_Draw",
+  "description": "title: HTML5 Canvas Disable Perfect Drawing Tip",
+  "source": "@site/content/docs/performance/Disable_Perfect_Draw.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Disable_Perfect_Draw",
+  "permalink": "/docs/performance/Disable_Perfect_Draw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Disable_Perfect_Draw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Batch Draw",
+    "permalink": "/docs/performance/Batch_Draw.html"
+  },
+  "next": {
+    "title": "Disable Perfect Draw",
+    "permalink": "/docs/performance/Disable_Perfect_Draw.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-mdx-887.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-mdx-887.json
new file mode 100644
index 000000000..fd70af66f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-disable-perfect-draw-mdx-887.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Disable_Perfect_Draw",
+  "title": "HTML5 Canvas Disable Perfect Drawing Tip",
+  "description": "In some cases drawing on canvas has unexpected results.",
+  "source": "@site/content/docs/performance/Disable_Perfect_Draw.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Disable_Perfect_Draw.html",
+  "permalink": "/docs/performance/Disable_Perfect_Draw.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Disable_Perfect_Draw.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Disable Perfect Drawing Tip",
+    "sidebar_label": "Disable Perfect Draw",
+    "hide_table_of_contents": true,
+    "slug": "Disable_Perfect_Draw.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Batch Draw",
+    "permalink": "/docs/performance/Batch_Draw.html"
+  },
+  "next": {
+    "title": "Layer Management",
+    "permalink": "/docs/performance/Layer_Management.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-md-f8d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-md-f8d.json
new file mode 100644
index 000000000..3d23ed0fe
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-md-f8d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Layer_Management",
+  "title": "Layer_Management",
+  "description": "title: HTML5 Canvas Layer Management Performance Tip",
+  "source": "@site/content/docs/performance/Layer_Management.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Layer_Management",
+  "permalink": "/docs/performance/Layer_Management",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Layer_Management.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Disable Perfect Draw",
+    "permalink": "/docs/performance/Disable_Perfect_Draw.html"
+  },
+  "next": {
+    "title": "Layer Management",
+    "permalink": "/docs/performance/Layer_Management.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-mdx-50f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-mdx-50f.json
new file mode 100644
index 000000000..e5f394f64
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-layer-management-mdx-50f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Layer_Management",
+  "title": "HTML5 Canvas Layer Management Performance Tip",
+  "description": "When creating Konva applications, the most important thing to consider,",
+  "source": "@site/content/docs/performance/Layer_Management.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Layer_Management.html",
+  "permalink": "/docs/performance/Layer_Management.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Layer_Management.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Layer Management Performance Tip",
+    "sidebar_label": "Layer Management",
+    "hide_table_of_contents": true,
+    "slug": "Layer_Management.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Disable Perfect Draw",
+    "permalink": "/docs/performance/Disable_Perfect_Draw.html"
+  },
+  "next": {
+    "title": "Listening False",
+    "permalink": "/docs/performance/Listening_False.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-md-6dc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-md-6dc.json
new file mode 100644
index 000000000..2e75d493c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-md-6dc.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Listening_False",
+  "title": "Listening_False",
+  "description": "title: Disable Listening Shapes Tip",
+  "source": "@site/content/docs/performance/Listening_False.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Listening_False",
+  "permalink": "/docs/performance/Listening_False",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Listening_False.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Layer Management",
+    "permalink": "/docs/performance/Layer_Management.html"
+  },
+  "next": {
+    "title": "Listening False",
+    "permalink": "/docs/performance/Listening_False.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-mdx-1d0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-mdx-1d0.json
new file mode 100644
index 000000000..2559d5b7c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-listening-false-mdx-1d0.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Listening_False",
+  "title": "HTML5 Canvas Listening False Performance Tip",
+  "description": "If you have a lot of shapes on the canvas and you don't need to detect events for some of them,",
+  "source": "@site/content/docs/performance/Listening_False.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Listening_False.html",
+  "permalink": "/docs/performance/Listening_False.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Listening_False.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Listening False Performance Tip",
+    "sidebar_label": "Listening False",
+    "hide_table_of_contents": true,
+    "slug": "Listening_False.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Layer Management",
+    "permalink": "/docs/performance/Layer_Management.html"
+  },
+  "next": {
+    "title": "Optimize Animation",
+    "permalink": "/docs/performance/Optimize_Animation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-md-44d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-md-44d.json
new file mode 100644
index 000000000..aa72070c9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-md-44d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Optimize_Animation",
+  "title": "Optimize_Animation",
+  "description": "title: HTML5 Canvas Optimize Animation Performance Tip",
+  "source": "@site/content/docs/performance/Optimize_Animation.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Optimize_Animation",
+  "permalink": "/docs/performance/Optimize_Animation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Optimize_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Listening False",
+    "permalink": "/docs/performance/Listening_False.html"
+  },
+  "next": {
+    "title": "Optimize Animation",
+    "permalink": "/docs/performance/Optimize_Animation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-mdx-d3d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-mdx-d3d.json
new file mode 100644
index 000000000..ddca857d5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-animation-mdx-d3d.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Optimize_Animation",
+  "title": "HTML5 Canvas Optimize Animation Performance Tip",
+  "description": "When creating animations with Konva, it's important to optimize them for better performance.",
+  "source": "@site/content/docs/performance/Optimize_Animation.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Optimize_Animation.html",
+  "permalink": "/docs/performance/Optimize_Animation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Optimize_Animation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Optimize Animation Performance Tip",
+    "sidebar_label": "Optimize Animation",
+    "hide_table_of_contents": true,
+    "slug": "Optimize_Animation.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Listening False",
+    "permalink": "/docs/performance/Listening_False.html"
+  },
+  "next": {
+    "title": "Optimize Strokes",
+    "permalink": "/docs/performance/Optimize_Strokes.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-md-939.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-md-939.json
new file mode 100644
index 000000000..03d7553d3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-md-939.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Optimize_Strokes",
+  "title": "Optimize_Strokes",
+  "description": "title: HTML5 Canvas Optimizing Strokes Performance Tip",
+  "source": "@site/content/docs/performance/Optimize_Strokes.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Optimize_Strokes",
+  "permalink": "/docs/performance/Optimize_Strokes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Optimize_Strokes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Optimize Animation",
+    "permalink": "/docs/performance/Optimize_Animation.html"
+  },
+  "next": {
+    "title": "Optimize Strokes",
+    "permalink": "/docs/performance/Optimize_Strokes.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-mdx-af0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-mdx-af0.json
new file mode 100644
index 000000000..a0bd00fb4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-optimize-strokes-mdx-af0.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Optimize_Strokes",
+  "title": "HTML5 Canvas Optimize Strokes Performance Tip",
+  "description": "When drawing shapes with strokes and shadows in Konva, there's an extra internal drawing step that occurs.",
+  "source": "@site/content/docs/performance/Optimize_Strokes.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Optimize_Strokes.html",
+  "permalink": "/docs/performance/Optimize_Strokes.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Optimize_Strokes.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Optimize Strokes Performance Tip",
+    "sidebar_label": "Optimize Strokes",
+    "hide_table_of_contents": true,
+    "slug": "Optimize_Strokes.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Optimize Animation",
+    "permalink": "/docs/performance/Optimize_Animation.html"
+  },
+  "next": {
+    "title": "Shape Caching",
+    "permalink": "/docs/performance/Shape_Caching.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-md-12f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-md-12f.json
new file mode 100644
index 000000000..ef68229a3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-md-12f.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Shape_Caching",
+  "title": "Shape_Caching",
+  "description": "title: HTML5 Canvas Shape Caching Performance Tip",
+  "source": "@site/content/docs/performance/Shape_Caching.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Shape_Caching",
+  "permalink": "/docs/performance/Shape_Caching",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Shape_Caching.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Optimize Strokes",
+    "permalink": "/docs/performance/Optimize_Strokes.html"
+  },
+  "next": {
+    "title": "Shape Caching",
+    "permalink": "/docs/performance/Shape_Caching.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-mdx-912.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-mdx-912.json
new file mode 100644
index 000000000..38fbc980a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-caching-mdx-912.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/performance/Shape_Caching",
+  "title": "HTML5 Canvas Shape Caching Performance Tip",
+  "description": "If you have a complex shape with many drawing operations, or if you're applying filters,",
+  "source": "@site/content/docs/performance/Shape_Caching.mdx",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Shape_Caching.html",
+  "permalink": "/docs/performance/Shape_Caching.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Shape_Caching.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Caching Performance Tip",
+    "sidebar_label": "Shape Caching",
+    "hide_table_of_contents": true,
+    "slug": "Shape_Caching.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Optimize Strokes",
+    "permalink": "/docs/performance/Optimize_Strokes.html"
+  },
+  "next": {
+    "title": "Access_Konva_Nodes",
+    "permalink": "/docs/react/Access_Konva_Nodes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-redraw-md-aed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-redraw-md-aed.json
new file mode 100644
index 000000000..385cbbf7c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-performance-shape-redraw-md-aed.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/performance/Shape_Redraw",
+  "title": "Shape_Redraw",
+  "description": "title: HTML5 Canvas Shape Redraw Performance Tip",
+  "source": "@site/content/docs/performance/Shape_Redraw.md",
+  "sourceDirName": "docs/performance",
+  "slug": "/docs/performance/Shape_Redraw",
+  "permalink": "/docs/performance/Shape_Redraw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/performance/Shape_Redraw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shape Caching",
+    "permalink": "/docs/performance/Shape_Caching.html"
+  },
+  "next": {
+    "title": "Position_vs_Offset",
+    "permalink": "/docs/posts/Position_vs_Offset"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-position-vs-offset-md-99c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-position-vs-offset-md-99c.json
new file mode 100644
index 000000000..73b9ba5f8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-position-vs-offset-md-99c.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/posts/Position_vs_Offset",
+  "title": "Position_vs_Offset",
+  "description": "title: What is the difference between position and offset in Konva",
+  "source": "@site/content/docs/posts/Position_vs_Offset.md",
+  "sourceDirName": "docs/posts",
+  "slug": "/docs/posts/Position_vs_Offset",
+  "permalink": "/docs/posts/Position_vs_Offset",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/posts/Position_vs_Offset.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "zIndex",
+    "permalink": "/docs/svelte/zIndex"
+  },
+  "next": {
+    "title": "Tainted_Canvas",
+    "permalink": "/docs/posts/Tainted_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-tainted-canvas-md-ca5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-tainted-canvas-md-ca5.json
new file mode 100644
index 000000000..cb1af07e2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-posts-tainted-canvas-md-ca5.json
@@ -0,0 +1,20 @@
+{
+  "id": "docs/posts/Tainted_Canvas",
+  "title": "Tainted_Canvas",
+  "description": "title: Resolving \"Tainted canvases may not be exported\" with Konva",
+  "source": "@site/content/docs/posts/Tainted_Canvas.md",
+  "sourceDirName": "docs/posts",
+  "slug": "/docs/posts/Tainted_Canvas",
+  "permalink": "/docs/posts/Tainted_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/posts/Tainted_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Position_vs_Offset",
+    "permalink": "/docs/posts/Position_vs_Offset"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-access-konva-nodes-md-f61.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-access-konva-nodes-md-f61.json
new file mode 100644
index 000000000..2f69484a6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-access-konva-nodes-md-f61.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Access_Konva_Nodes",
+  "title": "Access_Konva_Nodes",
+  "description": "title: How to access Konva nodes from react-konva?",
+  "source": "@site/content/docs/react/Access_Konva_Nodes.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Access_Konva_Nodes",
+  "permalink": "/docs/react/Access_Konva_Nodes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Access_Konva_Nodes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shape Caching",
+    "permalink": "/docs/performance/Shape_Caching.html"
+  },
+  "next": {
+    "title": "Canvas_Export",
+    "permalink": "/docs/react/Canvas_Export"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-export-md-75f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-export-md-75f.json
new file mode 100644
index 000000000..8c7ef6413
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-export-md-75f.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Canvas_Export",
+  "title": "Canvas_Export",
+  "description": "title: How to export a canvas into an image from react-konva?",
+  "source": "@site/content/docs/react/Canvas_Export.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Canvas_Export",
+  "permalink": "/docs/react/Canvas_Export",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Canvas_Export.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Access_Konva_Nodes",
+    "permalink": "/docs/react/Access_Konva_Nodes"
+  },
+  "next": {
+    "title": "Canvas_Portal",
+    "permalink": "/docs/react/Canvas_Portal"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-portal-md-f51.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-portal-md-f51.json
new file mode 100644
index 000000000..583409383
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-canvas-portal-md-f51.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Canvas_Portal",
+  "title": "Canvas_Portal",
+  "description": "title: How to use portals in react-konva?",
+  "source": "@site/content/docs/react/Canvas_Portal.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Canvas_Portal",
+  "permalink": "/docs/react/Canvas_Portal",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Canvas_Portal.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Export",
+    "permalink": "/docs/react/Canvas_Export"
+  },
+  "next": {
+    "title": "Complex_Animations",
+    "permalink": "/docs/react/Complex_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-complex-animations-md-776.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-complex-animations-md-776.json
new file mode 100644
index 000000000..c5523a942
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-complex-animations-md-776.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Complex_Animations",
+  "title": "Complex_Animations",
+  "description": "title: How to apply canvas animations with react and konva?",
+  "source": "@site/content/docs/react/Complex_Animations.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Complex_Animations",
+  "permalink": "/docs/react/Complex_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Complex_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Portal",
+    "permalink": "/docs/react/Canvas_Portal"
+  },
+  "next": {
+    "title": "Custom_Shape",
+    "permalink": "/docs/react/Custom_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-custom-shape-md-c7a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-custom-shape-md-c7a.json
new file mode 100644
index 000000000..9aad1beee
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-custom-shape-md-c7a.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom shapes with React?",
+  "source": "@site/content/docs/react/Custom_Shape.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Custom_Shape",
+  "permalink": "/docs/react/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex_Animations",
+    "permalink": "/docs/react/Complex_Animations"
+  },
+  "next": {
+    "title": "DOM_Portal",
+    "permalink": "/docs/react/DOM_Portal"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-dom-portal-md-b8a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-dom-portal-md-b8a.json
new file mode 100644
index 000000000..96f5475a4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-dom-portal-md-b8a.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/DOM_Portal",
+  "title": "DOM_Portal",
+  "description": "title: Render DOM elements inside a canvas stage",
+  "source": "@site/content/docs/react/DOM_Portal.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/DOM_Portal",
+  "permalink": "/docs/react/DOM_Portal",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/DOM_Portal.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Shape",
+    "permalink": "/docs/react/Custom_Shape"
+  },
+  "next": {
+    "title": "Drag_And_Drop",
+    "permalink": "/docs/react/Drag_And_Drop"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drag-and-drop-md-93d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drag-and-drop-md-93d.json
new file mode 100644
index 000000000..ee2abaea4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drag-and-drop-md-93d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes",
+  "source": "@site/content/docs/react/Drag_And_Drop.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Drag_And_Drop",
+  "permalink": "/docs/react/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "DOM_Portal",
+    "permalink": "/docs/react/DOM_Portal"
+  },
+  "next": {
+    "title": "Drop_Image",
+    "permalink": "/docs/react/Drop_Image"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drop-image-md-58a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drop-image-md-58a.json
new file mode 100644
index 000000000..f1e2efb1a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-drop-image-md-58a.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Drop_Image",
+  "title": "Drop_Image",
+  "description": "title: How to drop image elements into a canvas with React?",
+  "source": "@site/content/docs/react/Drop_Image.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Drop_Image",
+  "permalink": "/docs/react/Drop_Image",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Drop_Image.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_And_Drop",
+    "permalink": "/docs/react/Drag_And_Drop"
+  },
+  "next": {
+    "title": "Events",
+    "permalink": "/docs/react/Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-events-md-81d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-events-md-81d.json
new file mode 100644
index 000000000..fcfa46f66
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-events-md-81d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with React and Konva?",
+  "source": "@site/content/docs/react/Events.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Events",
+  "permalink": "/docs/react/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop_Image",
+    "permalink": "/docs/react/Drop_Image"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/docs/react/Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-filters-md-3e9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-filters-md-3e9.json
new file mode 100644
index 000000000..c875ffe13
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-filters-md-3e9.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with react and konva?",
+  "source": "@site/content/docs/react/Filters.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Filters",
+  "permalink": "/docs/react/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Events",
+    "permalink": "/docs/react/Events"
+  },
+  "next": {
+    "title": "Free_Drawing",
+    "permalink": "/docs/react/Free_Drawing"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-free-drawing-md-5f2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-free-drawing-md-5f2.json
new file mode 100644
index 000000000..95c91ab6e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-free-drawing-md-5f2.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Free_Drawing",
+  "title": "Free_Drawing",
+  "description": "title: How to implement free drawing on canvas with react?",
+  "source": "@site/content/docs/react/Free_Drawing.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Free_Drawing",
+  "permalink": "/docs/react/Free_Drawing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Free_Drawing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/docs/react/Filters"
+  },
+  "next": {
+    "title": "Images",
+    "permalink": "/docs/react/Images"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-images-md-47c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-images-md-47c.json
new file mode 100644
index 000000000..99bea9157
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-images-md-47c.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Images",
+  "title": "Images",
+  "description": "title: How to draw images on canvas with React?",
+  "source": "@site/content/docs/react/Images.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Images",
+  "permalink": "/docs/react/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Free_Drawing",
+    "permalink": "/docs/react/Free_Drawing"
+  },
+  "next": {
+    "title": "Intro",
+    "permalink": "/docs/react/Intro"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-index-md-9a1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-index-md-9a1.json
new file mode 100644
index 000000000..4b6db2530
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-index-md-9a1.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/index",
+  "title": "index",
+  "description": "title: Getting started with react and canvas via Konva",
+  "source": "@site/content/docs/react/index.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/",
+  "permalink": "/docs/react/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Undo-Redo",
+    "permalink": "/docs/react/Undo-Redo"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/docs/react/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-intro-md-c4d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-intro-md-c4d.json
new file mode 100644
index 000000000..3c8ffbc35
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-intro-md-c4d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Intro",
+  "title": "Intro",
+  "description": "title: react-konva - declarative canvas components for React",
+  "source": "@site/content/docs/react/Intro.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Intro",
+  "permalink": "/docs/react/Intro",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Intro.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Images",
+    "permalink": "/docs/react/Images"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/docs/react/Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-shapes-md-e4e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-shapes-md-e4e.json
new file mode 100644
index 000000000..fa0413c22
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-shapes-md-e4e.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with React",
+  "source": "@site/content/docs/react/Shapes.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Shapes",
+  "permalink": "/docs/react/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Intro",
+    "permalink": "/docs/react/Intro"
+  },
+  "next": {
+    "title": "Simple_Animations",
+    "permalink": "/docs/react/Simple_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-simple-animations-md-3fa.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-simple-animations-md-3fa.json
new file mode 100644
index 000000000..2eeb6e684
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-simple-animations-md-3fa.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with react and konva?",
+  "source": "@site/content/docs/react/Simple_Animations.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Simple_Animations",
+  "permalink": "/docs/react/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/docs/react/Shapes"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/docs/react/Transformer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-transformer-md-a74.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-transformer-md-a74.json
new file mode 100644
index 000000000..629eb1c4c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-transformer-md-a74.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with react and konva?",
+  "source": "@site/content/docs/react/Transformer.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Transformer",
+  "permalink": "/docs/react/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Animations",
+    "permalink": "/docs/react/Simple_Animations"
+  },
+  "next": {
+    "title": "Undo-Redo",
+    "permalink": "/docs/react/Undo-Redo"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-undo-redo-md-5dc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-undo-redo-md-5dc.json
new file mode 100644
index 000000000..e9da5456b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-undo-redo-md-5dc.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/Undo-Redo",
+  "title": "Undo-Redo",
+  "description": "title: How to implement undo/redo on canvas with React?",
+  "source": "@site/content/docs/react/Undo-Redo.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/Undo-Redo",
+  "permalink": "/docs/react/Undo-Redo",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/Undo-Redo.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/docs/react/Transformer"
+  },
+  "next": {
+    "title": "index",
+    "permalink": "/docs/react/"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-z-index-md-5ce.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-z-index-md-5ce.json
new file mode 100644
index 000000000..543adec4b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-react-z-index-md-5ce.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/react/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with React?",
+  "source": "@site/content/docs/react/zIndex.md",
+  "sourceDirName": "docs/react",
+  "slug": "/docs/react/zIndex",
+  "permalink": "/docs/react/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/react/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "index",
+    "permalink": "/docs/react/"
+  },
+  "next": {
+    "title": "Cache",
+    "permalink": "/docs/vue/Cache"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-10000-shapes-with-tooltip-md-2a7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-10000-shapes-with-tooltip-md-2a7.json
new file mode 100644
index 000000000..a20b0bc63
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-10000-shapes-with-tooltip-md-2a7.json
@@ -0,0 +1,25 @@
+{
+  "id": "docs/sandbox/Shapes_with_Tooltip",
+  "title": "Shapes_with_Tooltip",
+  "description": "title: 10,000 Shapes with Tooltips Stress Test with Konva",
+  "source": "@site/content/docs/sandbox/10000_Shapes_with_Tooltip.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Shapes_with_Tooltip",
+  "permalink": "/docs/sandbox/Shapes_with_Tooltip",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/10000_Shapes_with_Tooltip.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 10000,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stop Animation",
+    "permalink": "/docs/animations/Stop_Animation.html"
+  },
+  "next": {
+    "title": "Nodes",
+    "permalink": "/docs/sandbox/Nodes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-20000-nodes-md-09d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-20000-nodes-md-09d.json
new file mode 100644
index 000000000..62df10b96
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-20000-nodes-md-09d.json
@@ -0,0 +1,25 @@
+{
+  "id": "docs/sandbox/Nodes",
+  "title": "Nodes",
+  "description": "title: Interactive Scatter Plot with 20,000 Nodes",
+  "source": "@site/content/docs/sandbox/20000_Nodes.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Nodes",
+  "permalink": "/docs/sandbox/Nodes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/20000_Nodes.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 20000,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/docs/sandbox/Shapes_with_Tooltip"
+  },
+  "next": {
+    "title": "Animals_on_the_Beach_Game",
+    "permalink": "/docs/sandbox/Animals_on_the_Beach_Game"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animals-on-the-beach-game-md-ee5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animals-on-the-beach-game-md-ee5.json
new file mode 100644
index 000000000..3cd1e740b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animals-on-the-beach-game-md-ee5.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Animals_on_the_Beach_Game",
+  "title": "Animals_on_the_Beach_Game",
+  "description": "title: Animals on the Beach Game",
+  "source": "@site/content/docs/sandbox/Animals_on_the_Beach_Game.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Animals_on_the_Beach_Game",
+  "permalink": "/docs/sandbox/Animals_on_the_Beach_Game",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Animals_on_the_Beach_Game.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Nodes",
+    "permalink": "/docs/sandbox/Nodes"
+  },
+  "next": {
+    "title": "Animation_Stress_Test",
+    "permalink": "/docs/sandbox/Animation_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animation-stress-test-md-8aa.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animation-stress-test-md-8aa.json
new file mode 100644
index 000000000..41aac2a85
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-animation-stress-test-md-8aa.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Animation_Stress_Test",
+  "title": "Animation_Stress_Test",
+  "description": "title: Animation Stress Test",
+  "source": "@site/content/docs/sandbox/Animation_Stress_Test.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Animation_Stress_Test",
+  "permalink": "/docs/sandbox/Animation_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Animation_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Animals_on_the_Beach_Game",
+    "permalink": "/docs/sandbox/Animals_on_the_Beach_Game"
+  },
+  "next": {
+    "title": "Canvas_Background",
+    "permalink": "/docs/sandbox/Canvas_Background"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-background-md-453.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-background-md-453.json
new file mode 100644
index 000000000..7b2c52d38
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-background-md-453.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Canvas_Background",
+  "title": "Canvas_Background",
+  "description": "title: How to add background to canvas?",
+  "source": "@site/content/docs/sandbox/Canvas_Background.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Canvas_Background",
+  "permalink": "/docs/sandbox/Canvas_Background",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Background.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Animation_Stress_Test",
+    "permalink": "/docs/sandbox/Animation_Stress_Test"
+  },
+  "next": {
+    "title": "Canvas_Context_Menu",
+    "permalink": "/docs/sandbox/Canvas_Context_Menu"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-context-menu-md-7c5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-context-menu-md-7c5.json
new file mode 100644
index 000000000..f2b4b6518
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-context-menu-md-7c5.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Canvas_Context_Menu",
+  "title": "Canvas_Context_Menu",
+  "description": "title: How to show a context menu for HTML5 canvas shape?",
+  "source": "@site/content/docs/sandbox/Canvas_Context_Menu.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Canvas_Context_Menu",
+  "permalink": "/docs/sandbox/Canvas_Context_Menu",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Context_Menu.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Background",
+    "permalink": "/docs/sandbox/Canvas_Background"
+  },
+  "next": {
+    "title": "Canvas_Editor",
+    "permalink": "/docs/sandbox/Canvas_Editor"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-editor-md-e22.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-editor-md-e22.json
new file mode 100644
index 000000000..db41e5b0c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-editor-md-e22.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Canvas_Editor",
+  "title": "Canvas_Editor",
+  "description": "title: Canvas Designer Editor for JavaScript",
+  "source": "@site/content/docs/sandbox/Canvas_Editor.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Canvas_Editor",
+  "permalink": "/docs/sandbox/Canvas_Editor",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Editor.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Context_Menu",
+    "permalink": "/docs/sandbox/Canvas_Context_Menu"
+  },
+  "next": {
+    "title": "Canvas_Scrolling",
+    "permalink": "/docs/sandbox/Canvas_Scrolling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-scrolling-md-491.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-scrolling-md-491.json
new file mode 100644
index 000000000..e62a75ee1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-scrolling-md-491.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Canvas_Scrolling",
+  "title": "Canvas_Scrolling",
+  "description": "title: HTML5 Large Canvas Scrolling Demo",
+  "source": "@site/content/docs/sandbox/Canvas_Scrolling.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Canvas_Scrolling",
+  "permalink": "/docs/sandbox/Canvas_Scrolling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Scrolling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Editor",
+    "permalink": "/docs/sandbox/Canvas_Editor"
+  },
+  "next": {
+    "title": "Canvas_to_PDF",
+    "permalink": "/docs/sandbox/Canvas_to_PDF"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-to-pdf-md-081.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-to-pdf-md-081.json
new file mode 100644
index 000000000..5330ceba4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-canvas-to-pdf-md-081.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Canvas_to_PDF",
+  "title": "Canvas_to_PDF",
+  "description": "title: How to convert canvas to pdf",
+  "source": "@site/content/docs/sandbox/Canvas_to_PDF.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Canvas_to_PDF",
+  "permalink": "/docs/sandbox/Canvas_to_PDF",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_to_PDF.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Scrolling",
+    "permalink": "/docs/sandbox/Canvas_Scrolling"
+  },
+  "next": {
+    "title": "Collision_Detection",
+    "permalink": "/docs/sandbox/Collision_Detection"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-collision-detection-md-bb7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-collision-detection-md-bb7.json
new file mode 100644
index 000000000..4ef7c3973
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-collision-detection-md-bb7.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Collision_Detection",
+  "title": "Collision_Detection",
+  "description": "title: Drag and Drop Collision Detection Demo",
+  "source": "@site/content/docs/sandbox/Collision_Detection.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Collision_Detection",
+  "permalink": "/docs/sandbox/Collision_Detection",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Collision_Detection.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_to_PDF",
+    "permalink": "/docs/sandbox/Canvas_to_PDF"
+  },
+  "next": {
+    "title": "Connected_Objects",
+    "permalink": "/docs/sandbox/Connected_Objects"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-connected-objects-md-93e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-connected-objects-md-93e.json
new file mode 100644
index 000000000..51e236e41
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-connected-objects-md-93e.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Connected_Objects",
+  "title": "Connected_Objects",
+  "description": "title: Connect objects HTML5 canvas with Konva",
+  "source": "@site/content/docs/sandbox/Connected_Objects.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Connected_Objects",
+  "permalink": "/docs/sandbox/Connected_Objects",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Connected_Objects.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Collision_Detection",
+    "permalink": "/docs/sandbox/Collision_Detection"
+  },
+  "next": {
+    "title": "Custom_Font",
+    "permalink": "/docs/sandbox/Custom_Font"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-custom-font-md-a17.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-custom-font-md-a17.json
new file mode 100644
index 000000000..86a723d37
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-custom-font-md-a17.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Custom_Font",
+  "title": "Custom_Font",
+  "description": "title: How to use custom font for HTML5 canvas?",
+  "source": "@site/content/docs/sandbox/Custom_Font.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Custom_Font",
+  "permalink": "/docs/sandbox/Custom_Font",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Custom_Font.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Connected_Objects",
+    "permalink": "/docs/sandbox/Connected_Objects"
+  },
+  "next": {
+    "title": "Drag_and_Drop_Multiple_Shapes",
+    "permalink": "/docs/sandbox/Drag_and_Drop_Multiple_Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-multiple-shapes-md-029.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-multiple-shapes-md-029.json
new file mode 100644
index 000000000..2d65bd366
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-multiple-shapes-md-029.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Drag_and_Drop_Multiple_Shapes",
+  "title": "Drag_and_Drop_Multiple_Shapes",
+  "description": "title: Drag and Drop Multiple Shapes",
+  "source": "@site/content/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Drag_and_Drop_Multiple_Shapes",
+  "permalink": "/docs/sandbox/Drag_and_Drop_Multiple_Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Font",
+    "permalink": "/docs/sandbox/Custom_Font"
+  },
+  "next": {
+    "title": "Drag_and_Drop_Stress_Test",
+    "permalink": "/docs/sandbox/Drag_and_Drop_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-stress-test-md-9dd.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-stress-test-md-9dd.json
new file mode 100644
index 000000000..ec1cb7091
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drag-and-drop-stress-test-md-9dd.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Drag_and_Drop_Stress_Test",
+  "title": "Drag_and_Drop_Stress_Test",
+  "description": "title: Drag and Drop Stress Test with 10,000 Shapes",
+  "source": "@site/content/docs/sandbox/Drag_and_Drop_Stress_Test.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Drag_and_Drop_Stress_Test",
+  "permalink": "/docs/sandbox/Drag_and_Drop_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Drag_and_Drop_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_and_Drop_Multiple_Shapes",
+    "permalink": "/docs/sandbox/Drag_and_Drop_Multiple_Shapes"
+  },
+  "next": {
+    "title": "Drop_DOM_Element",
+    "permalink": "/docs/sandbox/Drop_DOM_Element"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drop-dom-element-md-409.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drop-dom-element-md-409.json
new file mode 100644
index 000000000..9792e90b3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-drop-dom-element-md-409.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Drop_DOM_Element",
+  "title": "Drop_DOM_Element",
+  "description": "title: How to drag and drop DOM image into the canvas",
+  "source": "@site/content/docs/sandbox/Drop_DOM_Element.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Drop_DOM_Element",
+  "permalink": "/docs/sandbox/Drop_DOM_Element",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Drop_DOM_Element.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_and_Drop_Stress_Test",
+    "permalink": "/docs/sandbox/Drag_and_Drop_Stress_Test"
+  },
+  "next": {
+    "title": "Editable_Text",
+    "permalink": "/docs/sandbox/Editable_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-editable-text-md-feb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-editable-text-md-feb.json
new file mode 100644
index 000000000..d019a90e2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-editable-text-md-feb.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Editable_Text",
+  "title": "Editable_Text",
+  "description": "title: Text editing in HTML5 canvas with Konva",
+  "source": "@site/content/docs/sandbox/Editable_Text.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Editable_Text",
+  "permalink": "/docs/sandbox/Editable_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Editable_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop_DOM_Element",
+    "permalink": "/docs/sandbox/Drop_DOM_Element"
+  },
+  "next": {
+    "title": "Elastic_Stars",
+    "permalink": "/docs/sandbox/Elastic_Stars"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-elastic-stars-md-1eb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-elastic-stars-md-1eb.json
new file mode 100644
index 000000000..5b5646448
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-elastic-stars-md-1eb.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Elastic_Stars",
+  "title": "Elastic_Stars",
+  "description": "title: Elastic Stars",
+  "source": "@site/content/docs/sandbox/Elastic_Stars.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Elastic_Stars",
+  "permalink": "/docs/sandbox/Elastic_Stars",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Elastic_Stars.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Editable_Text",
+    "permalink": "/docs/sandbox/Editable_Text"
+  },
+  "next": {
+    "title": "Expand_Images_on_Hover",
+    "permalink": "/docs/sandbox/Expand_Images_on_Hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-expand-images-on-hover-md-605.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-expand-images-on-hover-md-605.json
new file mode 100644
index 000000000..7ddb8cc76
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-expand-images-on-hover-md-605.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Expand_Images_on_Hover",
+  "title": "Expand_Images_on_Hover",
+  "description": "title: Expand Image on Hover",
+  "source": "@site/content/docs/sandbox/Expand_Images_on_Hover.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Expand_Images_on_Hover",
+  "permalink": "/docs/sandbox/Expand_Images_on_Hover",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Expand_Images_on_Hover.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Elastic_Stars",
+    "permalink": "/docs/sandbox/Elastic_Stars"
+  },
+  "next": {
+    "title": "Free_Drawing",
+    "permalink": "/docs/sandbox/Free_Drawing"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-free-drawing-md-017.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-free-drawing-md-017.json
new file mode 100644
index 000000000..ae67c43ee
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-free-drawing-md-017.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Free_Drawing",
+  "title": "Free_Drawing",
+  "description": "title: Free Drawing Konva Demo",
+  "source": "@site/content/docs/sandbox/Free_Drawing.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Free_Drawing",
+  "permalink": "/docs/sandbox/Free_Drawing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Free_Drawing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Expand_Images_on_Hover",
+    "permalink": "/docs/sandbox/Expand_Images_on_Hover"
+  },
+  "next": {
+    "title": "GIF_On_Canvas",
+    "permalink": "/docs/sandbox/GIF_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gestures-md-23b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gestures-md-23b.json
new file mode 100644
index 000000000..9c5f05df6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gestures-md-23b.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Gestures",
+  "title": "Gestures",
+  "description": "title: Gesture Events on Canvas Shapes",
+  "source": "@site/content/docs/sandbox/Gestures.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Gestures",
+  "permalink": "/docs/sandbox/Gestures",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Gestures.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "GIF_On_Canvas",
+    "permalink": "/docs/sandbox/GIF_On_Canvas"
+  },
+  "next": {
+    "title": "Image_Border",
+    "permalink": "/docs/sandbox/Image_Border"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gif-on-canvas-md-371.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gif-on-canvas-md-371.json
new file mode 100644
index 000000000..e8b216f3b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-gif-on-canvas-md-371.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/GIF_On_Canvas",
+  "title": "GIF_On_Canvas",
+  "description": "title: How to animate GIF on Canvas",
+  "source": "@site/content/docs/sandbox/GIF_On_Canvas.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/GIF_On_Canvas",
+  "permalink": "/docs/sandbox/GIF_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/GIF_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Free_Drawing",
+    "permalink": "/docs/sandbox/Free_Drawing"
+  },
+  "next": {
+    "title": "Gestures",
+    "permalink": "/docs/sandbox/Gestures"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-highlighting-md-c6b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-highlighting-md-c6b.json
new file mode 100644
index 000000000..8b582d0b9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-highlighting-md-c6b.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Image_Border_Highlighting",
+  "title": "Image_Border_Highlighting",
+  "description": "title: Drag and Drop Multiple Images with Border Highlighting",
+  "source": "@site/content/docs/sandbox/Image_Border_Highlighting.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Image_Border_Highlighting",
+  "permalink": "/docs/sandbox/Image_Border_Highlighting",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Border_Highlighting.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image_Border",
+    "permalink": "/docs/sandbox/Image_Border"
+  },
+  "next": {
+    "title": "Image_Labeling",
+    "permalink": "/docs/sandbox/Image_Labeling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-md-7a2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-md-7a2.json
new file mode 100644
index 000000000..ee28c149e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-border-md-7a2.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Image_Border",
+  "title": "Image_Border",
+  "description": "title: Border for Image around Non Transparent parts",
+  "source": "@site/content/docs/sandbox/Image_Border.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Image_Border",
+  "permalink": "/docs/sandbox/Image_Border",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Border.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Gestures",
+    "permalink": "/docs/sandbox/Gestures"
+  },
+  "next": {
+    "title": "Image_Border_Highlighting",
+    "permalink": "/docs/sandbox/Image_Border_Highlighting"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-labeling-md-321.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-labeling-md-321.json
new file mode 100644
index 000000000..5a28d21f2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-labeling-md-321.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Image_Labeling",
+  "title": "Image_Labeling",
+  "description": "title: Drawing Labels on Image with canvas",
+  "source": "@site/content/docs/sandbox/Image_Labeling.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Image_Labeling",
+  "permalink": "/docs/sandbox/Image_Labeling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Labeling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image_Border_Highlighting",
+    "permalink": "/docs/sandbox/Image_Border_Highlighting"
+  },
+  "next": {
+    "title": "Image_Resize",
+    "permalink": "/docs/sandbox/Image_Resize"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-resize-md-da7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-resize-md-da7.json
new file mode 100644
index 000000000..f23863506
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-image-resize-md-da7.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Image_Resize",
+  "title": "Image_Resize",
+  "description": "title: HTML5 Canvas Drag, Drop, and Resize Images Demo",
+  "source": "@site/content/docs/sandbox/Image_Resize.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Image_Resize",
+  "permalink": "/docs/sandbox/Image_Resize",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Resize.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image_Labeling",
+    "permalink": "/docs/sandbox/Image_Labeling"
+  },
+  "next": {
+    "title": "Interactive_Building_Map",
+    "permalink": "/docs/sandbox/Interactive_Building_Map"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-interactive-building-map-md-971.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-interactive-building-map-md-971.json
new file mode 100644
index 000000000..ca0ed101a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-interactive-building-map-md-971.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Interactive_Building_Map",
+  "title": "Interactive_Building_Map",
+  "description": "title: Interactive Building Map",
+  "source": "@site/content/docs/sandbox/Interactive_Building_Map.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Interactive_Building_Map",
+  "permalink": "/docs/sandbox/Interactive_Building_Map",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Interactive_Building_Map.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image_Resize",
+    "permalink": "/docs/sandbox/Image_Resize"
+  },
+  "next": {
+    "title": "Jumping_Bunnies",
+    "permalink": "/docs/sandbox/Jumping_Bunnies"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-jumping-bunnies-md-519.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-jumping-bunnies-md-519.json
new file mode 100644
index 000000000..64410c725
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-jumping-bunnies-md-519.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Jumping_Bunnies",
+  "title": "Jumping_Bunnies",
+  "description": "title: Jumping bunnies performance stress test",
+  "source": "@site/content/docs/sandbox/Jumping_Bunnies.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Jumping_Bunnies",
+  "permalink": "/docs/sandbox/Jumping_Bunnies",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Jumping_Bunnies.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Interactive_Building_Map",
+    "permalink": "/docs/sandbox/Interactive_Building_Map"
+  },
+  "next": {
+    "title": "Limited_Drag_And_Resize",
+    "permalink": "/docs/sandbox/Limited_Drag_And_Resize"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-limited-drag-and-resize-md-ea0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-limited-drag-and-resize-md-ea0.json
new file mode 100644
index 000000000..8041ad3ed
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-limited-drag-and-resize-md-ea0.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Limited_Drag_And_Resize",
+  "title": "Limited_Drag_And_Resize",
+  "description": "title: How to limit dragging and resizing of shapes by canvas stage?",
+  "source": "@site/content/docs/sandbox/Limited_Drag_And_Resize.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Limited_Drag_And_Resize",
+  "permalink": "/docs/sandbox/Limited_Drag_And_Resize",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Limited_Drag_And_Resize.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Jumping_Bunnies",
+    "permalink": "/docs/sandbox/Jumping_Bunnies"
+  },
+  "next": {
+    "title": "Mirror_Canvas_Shape",
+    "permalink": "/docs/sandbox/Mirror_Canvas_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-mirror-canvas-shape-md-75b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-mirror-canvas-shape-md-75b.json
new file mode 100644
index 000000000..ed442cbde
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-mirror-canvas-shape-md-75b.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Mirror_Canvas_Shape",
+  "title": "Mirror_Canvas_Shape",
+  "description": "title: How to flip shapes or image on canvas?",
+  "source": "@site/content/docs/sandbox/Mirror_Canvas_Shape.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Mirror_Canvas_Shape",
+  "permalink": "/docs/sandbox/Mirror_Canvas_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Mirror_Canvas_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Limited_Drag_And_Resize",
+    "permalink": "/docs/sandbox/Limited_Drag_And_Resize"
+  },
+  "next": {
+    "title": "Modify_Curves_with_Anchor_Points",
+    "permalink": "/docs/sandbox/Modify_Curves_with_Anchor_Points"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-curves-with-anchor-points-md-3d8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-curves-with-anchor-points-md-3d8.json
new file mode 100644
index 000000000..8eb5b6d7c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-curves-with-anchor-points-md-3d8.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Modify_Curves_with_Anchor_Points",
+  "title": "Modify_Curves_with_Anchor_Points",
+  "description": "title: Modify Curves with Anchor Points",
+  "source": "@site/content/docs/sandbox/Modify_Curves_with_Anchor_Points.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Modify_Curves_with_Anchor_Points",
+  "permalink": "/docs/sandbox/Modify_Curves_with_Anchor_Points",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Modify_Curves_with_Anchor_Points.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mirror_Canvas_Shape",
+    "permalink": "/docs/sandbox/Mirror_Canvas_Shape"
+  },
+  "next": {
+    "title": "Modify_Shape_Color_on_Click",
+    "permalink": "/docs/sandbox/Modify_Shape_Color_on_Click"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-shape-color-on-click-md-f36.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-shape-color-on-click-md-f36.json
new file mode 100644
index 000000000..f13e0c509
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-modify-shape-color-on-click-md-f36.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Modify_Shape_Color_on_Click",
+  "title": "Modify_Shape_Color_on_Click",
+  "description": "title: Modify Shape Color on Click",
+  "source": "@site/content/docs/sandbox/Modify_Shape_Color_on_Click.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Modify_Shape_Color_on_Click",
+  "permalink": "/docs/sandbox/Modify_Shape_Color_on_Click",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Modify_Shape_Color_on_Click.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Modify_Curves_with_Anchor_Points",
+    "permalink": "/docs/sandbox/Modify_Curves_with_Anchor_Points"
+  },
+  "next": {
+    "title": "Multi-touch_Scale_Shape",
+    "permalink": "/docs/sandbox/Multi-touch_Scale_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-shape-md-cd1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-shape-md-cd1.json
new file mode 100644
index 000000000..ca72fd030
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-shape-md-cd1.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Multi-touch_Scale_Shape",
+  "title": "Multi-touch_Scale_Shape",
+  "description": "title: Multi-touch Scale Shape",
+  "source": "@site/content/docs/sandbox/Multi-touch_Scale_Shape.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Multi-touch_Scale_Shape",
+  "permalink": "/docs/sandbox/Multi-touch_Scale_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Multi-touch_Scale_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Modify_Shape_Color_on_Click",
+    "permalink": "/docs/sandbox/Modify_Shape_Color_on_Click"
+  },
+  "next": {
+    "title": "Multi-touch_Scale_Stage",
+    "permalink": "/docs/sandbox/Multi-touch_Scale_Stage"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-stage-md-af6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-stage-md-af6.json
new file mode 100644
index 000000000..be958a01b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-multi-touch-scale-stage-md-af6.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Multi-touch_Scale_Stage",
+  "title": "Multi-touch_Scale_Stage",
+  "description": "title: Multi-touch Canvas scale with pinch zoom",
+  "source": "@site/content/docs/sandbox/Multi-touch_Scale_Stage.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Multi-touch_Scale_Stage",
+  "permalink": "/docs/sandbox/Multi-touch_Scale_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Multi-touch_Scale_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multi-touch_Scale_Shape",
+    "permalink": "/docs/sandbox/Multi-touch_Scale_Shape"
+  },
+  "next": {
+    "title": "Native_Context_Access",
+    "permalink": "/docs/sandbox/Native_Context_Access"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-native-context-access-md-2be.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-native-context-access-md-2be.json
new file mode 100644
index 000000000..9c1df3563
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-native-context-access-md-2be.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Native_Context_Access",
+  "title": "Native_Context_Access",
+  "description": "title: How to access native 2d context",
+  "source": "@site/content/docs/sandbox/Native_Context_Access.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Native_Context_Access",
+  "permalink": "/docs/sandbox/Native_Context_Access",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Native_Context_Access.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multi-touch_Scale_Stage",
+    "permalink": "/docs/sandbox/Multi-touch_Scale_Stage"
+  },
+  "next": {
+    "title": "Objects_Snapping",
+    "permalink": "/docs/sandbox/Objects_Snapping"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-objects-snapping-md-b33.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-objects-snapping-md-b33.json
new file mode 100644
index 000000000..b0d0494ea
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-objects-snapping-md-b33.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Objects_Snapping",
+  "title": "Objects_Snapping",
+  "description": "title: How to snap shapes positions on dragging with Konva?",
+  "source": "@site/content/docs/sandbox/Objects_Snapping.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Objects_Snapping",
+  "permalink": "/docs/sandbox/Objects_Snapping",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Objects_Snapping.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Native_Context_Access",
+    "permalink": "/docs/sandbox/Native_Context_Access"
+  },
+  "next": {
+    "title": "Physics_Simulator",
+    "permalink": "/docs/sandbox/Physics_Simulator"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-physics-simulator-md-76e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-physics-simulator-md-76e.json
new file mode 100644
index 000000000..972b762f3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-physics-simulator-md-76e.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Physics_Simulator",
+  "title": "Physics_Simulator",
+  "description": "title: Physics Simulator with Curve Detection",
+  "source": "@site/content/docs/sandbox/Physics_Simulator.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Physics_Simulator",
+  "permalink": "/docs/sandbox/Physics_Simulator",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Physics_Simulator.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Objects_Snapping",
+    "permalink": "/docs/sandbox/Objects_Snapping"
+  },
+  "next": {
+    "title": "Planets_Image_Map",
+    "permalink": "/docs/sandbox/Planets_Image_Map"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-planets-image-map-md-9db.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-planets-image-map-md-9db.json
new file mode 100644
index 000000000..f16ad4377
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-planets-image-map-md-9db.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Planets_Image_Map",
+  "title": "Planets_Image_Map",
+  "description": "title: Planets Image Map",
+  "source": "@site/content/docs/sandbox/Planets_Image_Map.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Planets_Image_Map",
+  "permalink": "/docs/sandbox/Planets_Image_Map",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Planets_Image_Map.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Physics_Simulator",
+    "permalink": "/docs/sandbox/Physics_Simulator"
+  },
+  "next": {
+    "title": "Quantum_Squiggle",
+    "permalink": "/docs/sandbox/Quantum_Squiggle"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-quantum-squiggle-md-495.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-quantum-squiggle-md-495.json
new file mode 100644
index 000000000..073731ca3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-quantum-squiggle-md-495.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Quantum_Squiggle",
+  "title": "Quantum_Squiggle",
+  "description": "title:  Oscillating Blobs",
+  "source": "@site/content/docs/sandbox/Quantum_Squiggle.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Quantum_Squiggle",
+  "permalink": "/docs/sandbox/Quantum_Squiggle",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Quantum_Squiggle.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Planets_Image_Map",
+    "permalink": "/docs/sandbox/Planets_Image_Map"
+  },
+  "next": {
+    "title": "Relative_Pointer_Position",
+    "permalink": "/docs/sandbox/Relative_Pointer_Position"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-relative-pointer-position-md-239.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-relative-pointer-position-md-239.json
new file mode 100644
index 000000000..a3fee2b40
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-relative-pointer-position-md-239.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Relative_Pointer_Position",
+  "title": "Relative_Pointer_Position",
+  "description": "title: How to find relative mouse position?",
+  "source": "@site/content/docs/sandbox/Relative_Pointer_Position.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Relative_Pointer_Position",
+  "permalink": "/docs/sandbox/Relative_Pointer_Position",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Relative_Pointer_Position.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Quantum_Squiggle",
+    "permalink": "/docs/sandbox/Quantum_Squiggle"
+  },
+  "next": {
+    "title": "Resizing_Stress_Test",
+    "permalink": "/docs/sandbox/Resizing_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-resizing-stress-test-md-598.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-resizing-stress-test-md-598.json
new file mode 100644
index 000000000..93a10b578
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-resizing-stress-test-md-598.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Resizing_Stress_Test",
+  "title": "Resizing_Stress_Test",
+  "description": "title: Resizing Stress Test with Konva",
+  "source": "@site/content/docs/sandbox/Resizing_Stress_Test.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Resizing_Stress_Test",
+  "permalink": "/docs/sandbox/Resizing_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Resizing_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Relative_Pointer_Position",
+    "permalink": "/docs/sandbox/Relative_Pointer_Position"
+  },
+  "next": {
+    "title": "Responsive_Canvas",
+    "permalink": "/docs/sandbox/Responsive_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-responsive-canvas-md-5ee.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-responsive-canvas-md-5ee.json
new file mode 100644
index 000000000..41748f01a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-responsive-canvas-md-5ee.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Responsive_Canvas",
+  "title": "Responsive_Canvas",
+  "description": "title: Responsive Canvas Stage Demo",
+  "source": "@site/content/docs/sandbox/Responsive_Canvas.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Responsive_Canvas",
+  "permalink": "/docs/sandbox/Responsive_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Responsive_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resizing_Stress_Test",
+    "permalink": "/docs/sandbox/Resizing_Stress_Test"
+  },
+  "next": {
+    "title": "Rich_Text",
+    "permalink": "/docs/sandbox/Rich_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-rich-text-md-b84.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-rich-text-md-b84.json
new file mode 100644
index 000000000..efa9f7f6e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-rich-text-md-b84.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Rich_Text",
+  "title": "Rich_Text",
+  "description": "title: How to show rich html on canvas with Konva",
+  "source": "@site/content/docs/sandbox/Rich_Text.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Rich_Text",
+  "permalink": "/docs/sandbox/Rich_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Rich_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Responsive_Canvas",
+    "permalink": "/docs/sandbox/Responsive_Canvas"
+  },
+  "next": {
+    "title": "SVG_On_Canvas",
+    "permalink": "/docs/sandbox/SVG_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scale-image-to-fit-md-751.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scale-image-to-fit-md-751.json
new file mode 100644
index 000000000..83c9acc6b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scale-image-to-fit-md-751.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Scale_Image_To_Fit",
+  "title": "Scale_Image_To_Fit",
+  "description": "title: Scaling image to fit a fixed area on canvas",
+  "source": "@site/content/docs/sandbox/Scale_Image_To_Fit.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Scale_Image_To_Fit",
+  "permalink": "/docs/sandbox/Scale_Image_To_Fit",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Scale_Image_To_Fit.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "SVG_On_Canvas",
+    "permalink": "/docs/sandbox/SVG_On_Canvas"
+  },
+  "next": {
+    "title": "Scroll_By_Edge_Drag",
+    "permalink": "/docs/sandbox/Scroll_By_Edge_Drag"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scroll-by-edge-drag-md-7de.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scroll-by-edge-drag-md-7de.json
new file mode 100644
index 000000000..47257391c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-scroll-by-edge-drag-md-7de.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Scroll_By_Edge_Drag",
+  "title": "Scroll_By_Edge_Drag",
+  "description": "title: How to automatically scroll stage by edge drag?",
+  "source": "@site/content/docs/sandbox/Scroll_By_Edge_Drag.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Scroll_By_Edge_Drag",
+  "permalink": "/docs/sandbox/Scroll_By_Edge_Drag",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Scroll_By_Edge_Drag.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Scale_Image_To_Fit",
+    "permalink": "/docs/sandbox/Scale_Image_To_Fit"
+  },
+  "next": {
+    "title": "Seats_Reservation",
+    "permalink": "/docs/sandbox/Seats_Reservation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-seats-reservation-md-536.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-seats-reservation-md-536.json
new file mode 100644
index 000000000..5130e454c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-seats-reservation-md-536.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Seats_Reservation",
+  "title": "Seats_Reservation",
+  "description": "title: Seats bookings widget for the website with canvas",
+  "source": "@site/content/docs/sandbox/Seats_Reservation.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Seats_Reservation",
+  "permalink": "/docs/sandbox/Seats_Reservation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Seats_Reservation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Scroll_By_Edge_Drag",
+    "permalink": "/docs/sandbox/Scroll_By_Edge_Drag"
+  },
+  "next": {
+    "title": "Shape_Tango",
+    "permalink": "/docs/sandbox/Shape_Tango"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tango-md-4a1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tango-md-4a1.json
new file mode 100644
index 000000000..585e80f9c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tango-md-4a1.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Shape_Tango",
+  "title": "Shape_Tango",
+  "description": "title: HTML5 Canvas Shape Tango with Konva",
+  "source": "@site/content/docs/sandbox/Shape_Tango.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Shape_Tango",
+  "permalink": "/docs/sandbox/Shape_Tango",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Shape_Tango.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Seats_Reservation",
+    "permalink": "/docs/sandbox/Seats_Reservation"
+  },
+  "next": {
+    "title": "Shape_Tooltips",
+    "permalink": "/docs/sandbox/Shape_Tooltips"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tooltips-md-1dc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tooltips-md-1dc.json
new file mode 100644
index 000000000..8aefb3573
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-shape-tooltips-md-1dc.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Shape_Tooltips",
+  "title": "Shape_Tooltips",
+  "description": "title: Shape Tooltips",
+  "source": "@site/content/docs/sandbox/Shape_Tooltips.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Shape_Tooltips",
+  "permalink": "/docs/sandbox/Shape_Tooltips",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Shape_Tooltips.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shape_Tango",
+    "permalink": "/docs/sandbox/Shape_Tango"
+  },
+  "next": {
+    "title": "Simple_Window_Frame",
+    "permalink": "/docs/sandbox/Simple_Window_Frame"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-simple-window-frame-md-b6f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-simple-window-frame-md-b6f.json
new file mode 100644
index 000000000..1a56f6676
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-simple-window-frame-md-b6f.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Simple_Window_Frame",
+  "title": "Simple_Window_Frame",
+  "description": "title: HTML5 Canvas Simple Window Designer",
+  "source": "@site/content/docs/sandbox/Simple_Window_Frame.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Simple_Window_Frame",
+  "permalink": "/docs/sandbox/Simple_Window_Frame",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Simple_Window_Frame.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shape_Tooltips",
+    "permalink": "/docs/sandbox/Shape_Tooltips"
+  },
+  "next": {
+    "title": "Stage_Preview",
+    "permalink": "/docs/sandbox/Stage_Preview"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-stage-preview-md-33b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-stage-preview-md-33b.json
new file mode 100644
index 000000000..d9fd2aefc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-stage-preview-md-33b.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Stage_Preview",
+  "title": "Stage_Preview",
+  "description": "title: How to preview large stage on canvas with Konva?",
+  "source": "@site/content/docs/sandbox/Stage_Preview.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Stage_Preview",
+  "permalink": "/docs/sandbox/Stage_Preview",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Stage_Preview.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Window_Frame",
+    "permalink": "/docs/sandbox/Simple_Window_Frame"
+  },
+  "next": {
+    "title": "Star_Spinner",
+    "permalink": "/docs/sandbox/Star_Spinner"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-star-spinner-md-945.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-star-spinner-md-945.json
new file mode 100644
index 000000000..a31c2bd2b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-star-spinner-md-945.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Star_Spinner",
+  "title": "Star_Spinner",
+  "description": "title: Star Spinner",
+  "source": "@site/content/docs/sandbox/Star_Spinner.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Star_Spinner",
+  "permalink": "/docs/sandbox/Star_Spinner",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Star_Spinner.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage_Preview",
+    "permalink": "/docs/sandbox/Stage_Preview"
+  },
+  "next": {
+    "title": "Transparent_Group",
+    "permalink": "/docs/sandbox/Transparent_Group"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-svg-on-canvas-md-8f6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-svg-on-canvas-md-8f6.json
new file mode 100644
index 000000000..6103b1767
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-svg-on-canvas-md-8f6.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/SVG_On_Canvas",
+  "title": "SVG_On_Canvas",
+  "description": "title: How to draw SVG image on canvas with Konva",
+  "source": "@site/content/docs/sandbox/SVG_On_Canvas.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/SVG_On_Canvas",
+  "permalink": "/docs/sandbox/SVG_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/SVG_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rich_Text",
+    "permalink": "/docs/sandbox/Rich_Text"
+  },
+  "next": {
+    "title": "Scale_Image_To_Fit",
+    "permalink": "/docs/sandbox/Scale_Image_To_Fit"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-transparent-group-md-176.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-transparent-group-md-176.json
new file mode 100644
index 000000000..7b9a6f315
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-transparent-group-md-176.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Transparent_Group",
+  "title": "Transparent_Group",
+  "description": "title: How to apply transparency for several shapes at once?",
+  "source": "@site/content/docs/sandbox/Transparent_Group.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Transparent_Group",
+  "permalink": "/docs/sandbox/Transparent_Group",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Transparent_Group.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Star_Spinner",
+    "permalink": "/docs/sandbox/Star_Spinner"
+  },
+  "next": {
+    "title": "Video_On_Canvas",
+    "permalink": "/docs/sandbox/Video_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-video-on-canvas-md-b75.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-video-on-canvas-md-b75.json
new file mode 100644
index 000000000..6c1049143
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-video-on-canvas-md-b75.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Video_On_Canvas",
+  "title": "Video_On_Canvas",
+  "description": "title: How to display video on Canvas",
+  "source": "@site/content/docs/sandbox/Video_On_Canvas.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Video_On_Canvas",
+  "permalink": "/docs/sandbox/Video_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Video_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transparent_Group",
+    "permalink": "/docs/sandbox/Transparent_Group"
+  },
+  "next": {
+    "title": "Web_Worker",
+    "permalink": "/docs/sandbox/Web_Worker"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-web-worker-md-8f6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-web-worker-md-8f6.json
new file mode 100644
index 000000000..ebf7a45fd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-web-worker-md-8f6.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Web_Worker",
+  "title": "Web_Worker",
+  "description": "title: Offscreen canvas inside Web Worker",
+  "source": "@site/content/docs/sandbox/Web_Worker.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Web_Worker",
+  "permalink": "/docs/sandbox/Web_Worker",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Web_Worker.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Video_On_Canvas",
+    "permalink": "/docs/sandbox/Video_On_Canvas"
+  },
+  "next": {
+    "title": "Wheel_of_Fortune",
+    "permalink": "/docs/sandbox/Wheel_of_Fortune"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-wheel-of-fortune-md-4cf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-wheel-of-fortune-md-4cf.json
new file mode 100644
index 000000000..12340d3ab
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-wheel-of-fortune-md-4cf.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Wheel_of_Fortune",
+  "title": "Wheel_of_Fortune",
+  "description": "title: Wheel of Fortune HTML5 Canvas Game",
+  "source": "@site/content/docs/sandbox/Wheel_of_Fortune.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Wheel_of_Fortune",
+  "permalink": "/docs/sandbox/Wheel_of_Fortune",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Wheel_of_Fortune.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Web_Worker",
+    "permalink": "/docs/sandbox/Web_Worker"
+  },
+  "next": {
+    "title": "Window_Frame_Designer",
+    "permalink": "/docs/sandbox/Window_Frame_Designer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-window-frame-designer-md-7a3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-window-frame-designer-md-7a3.json
new file mode 100644
index 000000000..266aeabc7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-window-frame-designer-md-7a3.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Window_Frame_Designer",
+  "title": "Window_Frame_Designer",
+  "description": "title: HTML5 Canvas Window Frame Designer",
+  "source": "@site/content/docs/sandbox/Window_Frame_Designer.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Window_Frame_Designer",
+  "permalink": "/docs/sandbox/Window_Frame_Designer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Window_Frame_Designer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Wheel_of_Fortune",
+    "permalink": "/docs/sandbox/Wheel_of_Fortune"
+  },
+  "next": {
+    "title": "Zoom_Layer_On_hover",
+    "permalink": "/docs/sandbox/Zoom_Layer_On_hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zoom-layer-on-hover-md-282.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zoom-layer-on-hover-md-282.json
new file mode 100644
index 000000000..d52fd3148
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zoom-layer-on-hover-md-282.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Zoom_Layer_On_hover",
+  "title": "Zoom_Layer_On_hover",
+  "description": "title: Zoom Image on Hover",
+  "source": "@site/content/docs/sandbox/Zoom_Layer_On_hover.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Zoom_Layer_On_hover",
+  "permalink": "/docs/sandbox/Zoom_Layer_On_hover",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Zoom_Layer_On_hover.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Window_Frame_Designer",
+    "permalink": "/docs/sandbox/Window_Frame_Designer"
+  },
+  "next": {
+    "title": "Zooming_Relative_To_Pointer",
+    "permalink": "/docs/sandbox/Zooming_Relative_To_Pointer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zooming-relative-to-pointer-md-765.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zooming-relative-to-pointer-md-765.json
new file mode 100644
index 000000000..275eee939
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-sandbox-zooming-relative-to-pointer-md-765.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/sandbox/Zooming_Relative_To_Pointer",
+  "title": "Zooming_Relative_To_Pointer",
+  "description": "title: Zooming stage relative to pointer position",
+  "source": "@site/content/docs/sandbox/Zooming_Relative_To_Pointer.md",
+  "sourceDirName": "docs/sandbox",
+  "slug": "/docs/sandbox/Zooming_Relative_To_Pointer",
+  "permalink": "/docs/sandbox/Zooming_Relative_To_Pointer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/sandbox/Zooming_Relative_To_Pointer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Zoom_Layer_On_hover",
+    "permalink": "/docs/sandbox/Zoom_Layer_On_hover"
+  },
+  "next": {
+    "title": "Select by Name",
+    "permalink": "/docs/selectors/Select_by_Name.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-01-basic-demo-mdx-9b8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-01-basic-demo-mdx-9b8.json
new file mode 100644
index 000000000..8ab8562e7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-01-basic-demo-mdx-9b8.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Basic_demo",
+  "title": "HTML5 Canvas Shape select, resize and rotate",
+  "description": "Transformer is a special kind of Konva.Group. It allows you easily resize and rotate any node or set of nodes.",
+  "source": "@site/content/docs/select_and_transform/01_Basic_demo.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Basic_demo.html",
+  "permalink": "/docs/select_and_transform/Basic_demo.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/01_Basic_demo.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape select, resize and rotate",
+    "sidebar_label": "Basic demo",
+    "hide_table_of_contents": true,
+    "slug": "Basic_demo.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  },
+  "next": {
+    "title": "Centered Scaling",
+    "permalink": "/docs/select_and_transform/Centered_Scaling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-02-centered-scaling-mdx-f16.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-02-centered-scaling-mdx-f16.json
new file mode 100644
index 000000000..90b5e5e43
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-02-centered-scaling-mdx-f16.json
@@ -0,0 +1,31 @@
+{
+  "id": "docs/select_and_transform/Centered_Scaling",
+  "title": "HTML5 Canvas Shape Resize Relative to Center",
+  "description": "To resize a node into both sides at the same time you can set centeredScaling to true or hold ALT key while moving an anchor (even if centeredScaling is false).",
+  "source": "@site/content/docs/select_and_transform/02_Centered_Scaling.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Centered_Scaling.html",
+  "permalink": "/docs/select_and_transform/Centered_Scaling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/02_Centered_Scaling.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize Relative to Center",
+    "sidebar_label": "Centered Scaling",
+    "hide_table_of_contents": true,
+    "slug": "Centered_Scaling.html",
+    "position": 2
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Basic demo",
+    "permalink": "/docs/select_and_transform/Basic_demo.html"
+  },
+  "next": {
+    "title": "Keep Ratio",
+    "permalink": "/docs/select_and_transform/Keep_Ratio.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-03-keep-ratio-mdx-0fa.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-03-keep-ratio-mdx-0fa.json
new file mode 100644
index 000000000..ce518d5dc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-03-keep-ratio-mdx-0fa.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Keep_Ratio",
+  "title": "HTML5 Canvas Shape Resize With Ratio Preserved",
+  "description": "By default when you resize with corner anchors (top-left, top-right, bottom-left or bottom-right) Transformer will save ratio of a node.",
+  "source": "@site/content/docs/select_and_transform/03_Keep_Ratio.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Keep_Ratio.html",
+  "permalink": "/docs/select_and_transform/Keep_Ratio.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/03_Keep_Ratio.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize With Ratio Preserved",
+    "sidebar_label": "Keep Ratio",
+    "hide_table_of_contents": true,
+    "slug": "Keep_Ratio.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Centered Scaling",
+    "permalink": "/docs/select_and_transform/Centered_Scaling.html"
+  },
+  "next": {
+    "title": "Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Styling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-04-transformer-styling-mdx-349.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-04-transformer-styling-mdx-349.json
new file mode 100644
index 000000000..e6b6aaf59
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-04-transformer-styling-mdx-349.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Transformer_Styling",
+  "title": "Style Konva Transformer",
+  "description": "You can adjust styles of Konva.Transformer for your web app. You can change stroke, size and fill of all anchors.",
+  "source": "@site/content/docs/select_and_transform/04_Transformer_Styling.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transformer_Styling.html",
+  "permalink": "/docs/select_and_transform/Transformer_Styling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/04_Transformer_Styling.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "title": "Style Konva Transformer",
+    "sidebar_label": "Styling",
+    "hide_table_of_contents": true,
+    "slug": "Transformer_Styling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Keep Ratio",
+    "permalink": "/docs/select_and_transform/Keep_Ratio.html"
+  },
+  "next": {
+    "title": "Complex Transformer Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Complex_Styling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-05-transformer-complex-styling-mdx-798.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-05-transformer-complex-styling-mdx-798.json
new file mode 100644
index 000000000..155efc55a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-05-transformer-complex-styling-mdx-798.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Transformer_Complex_Styling",
+  "title": "Deep Style Konva Transformer",
+  "description": "You can use anchorStyleFunc property of Konva.Transformer to have deeper control on styling of anchors.",
+  "source": "@site/content/docs/select_and_transform/05_Transformer_Complex_Styling.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transformer_Complex_Styling.html",
+  "permalink": "/docs/select_and_transform/Transformer_Complex_Styling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/05_Transformer_Complex_Styling.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {
+    "title": "Deep Style Konva Transformer",
+    "sidebar_label": "Complex Transformer Styling",
+    "hide_table_of_contents": true,
+    "slug": "Transformer_Complex_Styling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Styling.html"
+  },
+  "next": {
+    "title": "Transform Events",
+    "permalink": "/docs/select_and_transform/Transform_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-06-transform-events-mdx-add.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-06-transform-events-mdx-add.json
new file mode 100644
index 000000000..483ff6974
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-06-transform-events-mdx-add.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Transform_Events",
+  "title": "HTML5 Canvas Transform and Resize events",
+  "description": "Konva.Transformer object has special transform events that you can use in your app: transformstart, transform and transformend.",
+  "source": "@site/content/docs/select_and_transform/06_Transform_Events.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transform_Events.html",
+  "permalink": "/docs/select_and_transform/Transform_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/06_Transform_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 6,
+  "frontMatter": {
+    "title": "HTML5 Canvas Transform and Resize events",
+    "sidebar_label": "Transform Events",
+    "hide_table_of_contents": true,
+    "slug": "Transform_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Transformer Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Complex_Styling.html"
+  },
+  "next": {
+    "title": "Resize Limits",
+    "permalink": "/docs/select_and_transform/Resize_Limits.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-07-resize-limits-mdx-625.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-07-resize-limits-mdx-625.json
new file mode 100644
index 000000000..d07d06fbf
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-07-resize-limits-mdx-625.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Resize_Limits",
+  "title": "HTML5 Canvas Shape Resize and Transform Limits",
+  "description": "To limit or change resize and transform behavior you can use boundBoxFunc property.",
+  "source": "@site/content/docs/select_and_transform/07_Resize_Limits.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Limits.html",
+  "permalink": "/docs/select_and_transform/Resize_Limits.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/07_Resize_Limits.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 7,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize and Transform Limits",
+    "sidebar_label": "Resize Limits",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Limits.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transform Events",
+    "permalink": "/docs/select_and_transform/Transform_Events.html"
+  },
+  "next": {
+    "title": "Resize Snaps",
+    "permalink": "/docs/select_and_transform/Resize_Snaps.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-resize-snaps-mdx-4a5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-resize-snaps-mdx-4a5.json
new file mode 100644
index 000000000..9a775dcf5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-resize-snaps-mdx-4a5.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Resize_Snaps",
+  "title": "HTML5 Canvas Shape Resize Snapping",
+  "description": "In some applications, you may want to snap resizing near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.",
+  "source": "@site/content/docs/select_and_transform/08_Resize_Snaps.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Snaps.html",
+  "permalink": "/docs/select_and_transform/Resize_Snaps.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/08_Resize_Snaps.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 8,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize Snapping",
+    "sidebar_label": "Resize Snaps",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Snaps.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Limits",
+    "permalink": "/docs/select_and_transform/Resize_Limits.html"
+  },
+  "next": {
+    "title": "Rotation Snaps",
+    "permalink": "/docs/select_and_transform/Rotation_Snaps.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-rotation-snaps-mdx-9b5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-rotation-snaps-mdx-9b5.json
new file mode 100644
index 000000000..0d16744c0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-08-rotation-snaps-mdx-9b5.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Rotation_Snaps",
+  "title": "HTML5 Canvas Shape Snap Rotation",
+  "description": "In some applications, you may want to snap rotation near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.",
+  "source": "@site/content/docs/select_and_transform/08_Rotation_Snaps.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Rotation_Snaps.html",
+  "permalink": "/docs/select_and_transform/Rotation_Snaps.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/08_Rotation_Snaps.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 8,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Snap Rotation",
+    "sidebar_label": "Rotation Snaps",
+    "hide_table_of_contents": true,
+    "slug": "Rotation_Snaps.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Snaps",
+    "permalink": "/docs/select_and_transform/Resize_Snaps.html"
+  },
+  "next": {
+    "title": "Stop Transform",
+    "permalink": "/docs/select_and_transform/Stop_Transform.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-09-stop-transform-mdx-cff.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-09-stop-transform-mdx-cff.json
new file mode 100644
index 000000000..1c5e83825
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-09-stop-transform-mdx-cff.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Stop_Transform",
+  "title": "HTML5 Canvas Stop Shape Transform",
+  "description": "If you need to stop transforming immediately you can use stopTransform method of Konva.Transformer instance.",
+  "source": "@site/content/docs/select_and_transform/09_Stop_Transform.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Stop_Transform.html",
+  "permalink": "/docs/select_and_transform/Stop_Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/09_Stop_Transform.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 9,
+  "frontMatter": {
+    "title": "HTML5 Canvas Stop Shape Transform",
+    "sidebar_label": "Stop Transform",
+    "hide_table_of_contents": true,
+    "slug": "Stop_Transform.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rotation Snaps",
+    "permalink": "/docs/select_and_transform/Rotation_Snaps.html"
+  },
+  "next": {
+    "title": "Force Update",
+    "permalink": "/docs/select_and_transform/Force_Update.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-10-force-update-mdx-8ec.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-10-force-update-mdx-8ec.json
new file mode 100644
index 000000000..7bd602243
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-10-force-update-mdx-8ec.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Force_Update",
+  "title": "HTML5 Canvas Force Update Tutorial",
+  "description": "Konva.Transformer automatically tracks properties of attached nodes.",
+  "source": "@site/content/docs/select_and_transform/10_Force_Update.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Force_Update.html",
+  "permalink": "/docs/select_and_transform/Force_Update.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/10_Force_Update.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 10,
+  "frontMatter": {
+    "title": "HTML5 Canvas Force Update Tutorial",
+    "sidebar_label": "Force Update",
+    "hide_table_of_contents": true,
+    "slug": "Force_Update.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stop Transform",
+    "permalink": "/docs/select_and_transform/Stop_Transform.html"
+  },
+  "next": {
+    "title": "Resize Text",
+    "permalink": "/docs/select_and_transform/Resize_Text.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-11-resize-text-mdx-a12.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-11-resize-text-mdx-a12.json
new file mode 100644
index 000000000..12da43312
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-11-resize-text-mdx-a12.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Resize_Text",
+  "title": "How to resize text on canvas?",
+  "description": "Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.",
+  "source": "@site/content/docs/select_and_transform/11_Resize_Text.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Text.html",
+  "permalink": "/docs/select_and_transform/Resize_Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/11_Resize_Text.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 11,
+  "frontMatter": {
+    "title": "How to resize text on canvas?",
+    "sidebar_label": "Resize Text",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Text.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Force Update",
+    "permalink": "/docs/select_and_transform/Force_Update.html"
+  },
+  "next": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-12-ignore-stroke-on-transform-mdx-f9d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-12-ignore-stroke-on-transform-mdx-f9d.json
new file mode 100644
index 000000000..6602f85c2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-12-ignore-stroke-on-transform-mdx-f9d.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Ignore_Stroke_On_Transform",
+  "title": "How to resize shape on canvas without changing its stroke size?",
+  "description": "Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.",
+  "source": "@site/content/docs/select_and_transform/12_Ignore_Stroke_On_Transform.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html",
+  "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/12_Ignore_Stroke_On_Transform.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 12,
+  "frontMatter": {
+    "title": "How to resize shape on canvas without changing its stroke size?",
+    "sidebar_label": "Ignore Stroke",
+    "hide_table_of_contents": true,
+    "slug": "Ignore_Stroke_On_Transform.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Text",
+    "permalink": "/docs/select_and_transform/Resize_Text.html"
+  },
+  "next": {
+    "title": "Clipping Functions",
+    "permalink": "/docs/clipping/Clipping_Function.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-md-609.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-md-609.json
new file mode 100644
index 000000000..98ba59222
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-md-609.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Basic_demo",
+  "title": "HTML5 Canvas Shape select, resize and rotate",
+  "description": "Transformer is a special kind of Konva.Group. It allows you easily resize and rotate any node or set of nodes.",
+  "source": "@site/content/docs/select_and_transform/Basic_demo.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Basic_demo.html",
+  "permalink": "/docs/select_and_transform/Basic_demo.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Basic_demo.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape select, resize and rotate",
+    "sidebar_label": "Transform and Select",
+    "hide_table_of_contents": true,
+    "slug": "Basic_demo.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  },
+  "next": {
+    "title": "Centered Scaling",
+    "permalink": "/docs/select_and_transform/Centered_Scaling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-mdx-8be.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-mdx-8be.json
new file mode 100644
index 000000000..3b47600f4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-basic-demo-mdx-8be.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Basic_demo",
+  "title": "HTML5 Canvas Shape select, resize and rotate",
+  "description": "Transformer is a special kind of Konva.Group. It allows you easily resize and rotate any node or set of nodes.",
+  "source": "@site/content/docs/select_and_transform/Basic_demo.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Basic_demo.html",
+  "permalink": "/docs/select_and_transform/Basic_demo.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Basic_demo.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape select, resize and rotate",
+    "sidebar_label": "Basic demo",
+    "hide_table_of_contents": true,
+    "slug": "Basic_demo.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop Events",
+    "permalink": "/docs/drag_and_drop/Drop_Events.html"
+  },
+  "next": {
+    "title": "Centered Scaling",
+    "permalink": "/docs/select_and_transform/Centered_Scaling.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-md-d18.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-md-d18.json
new file mode 100644
index 000000000..54b6b1988
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-md-d18.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Centered_Scaling",
+  "title": "HTML5 Canvas Shape Resize Relative to Center",
+  "description": "To resize a node into both sides at the same time you can set centeredScaling to true or hold ALT key while moving an anchor (even if centeredScaling is false).",
+  "source": "@site/content/docs/select_and_transform/Centered_Scaling.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Centered_Scaling.html",
+  "permalink": "/docs/select_and_transform/Centered_Scaling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Centered_Scaling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize Relative to Center",
+    "sidebar_label": "Centered Scaling",
+    "hide_table_of_contents": true,
+    "slug": "Centered_Scaling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transform and Select",
+    "permalink": "/docs/select_and_transform/Basic_demo.html"
+  },
+  "next": {
+    "title": "Force Update",
+    "permalink": "/docs/select_and_transform/Force_Update.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-mdx-398.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-mdx-398.json
new file mode 100644
index 000000000..f161e2ed3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-centered-scaling-mdx-398.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/select_and_transform/Centered_Scaling",
+  "title": "HTML5 Canvas Shape Resize Relative to Center",
+  "description": "To resize a node into both sides at the same time you can set centeredScaling to true or hold ALT key while moving an anchor (even if centeredScaling is false).",
+  "source": "@site/content/docs/select_and_transform/Centered_Scaling.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Centered_Scaling.html",
+  "permalink": "/docs/select_and_transform/Centered_Scaling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Centered_Scaling.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize Relative to Center",
+    "sidebar_label": "Centered Scaling",
+    "hide_table_of_contents": true,
+    "slug": "Centered_Scaling.html",
+    "position": 2
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Basic demo",
+    "permalink": "/docs/select_and_transform/Basic_demo.html"
+  },
+  "next": {
+    "title": "Force Update",
+    "permalink": "/docs/select_and_transform/Force_Update.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-md-02f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-md-02f.json
new file mode 100644
index 000000000..3b1e04de4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-md-02f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Force_Update",
+  "title": "HTML5 Canvas Force Update Tutorial",
+  "description": "Konva.Transformer automatically tracks properties of attached nodes.",
+  "source": "@site/content/docs/select_and_transform/Force_Update.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Force_Update.html",
+  "permalink": "/docs/select_and_transform/Force_Update.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Force_Update.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Force Update Tutorial",
+    "sidebar_label": "Force Update",
+    "hide_table_of_contents": true,
+    "slug": "Force_Update.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Centered Scaling",
+    "permalink": "/docs/select_and_transform/Centered_Scaling.html"
+  },
+  "next": {
+    "title": "Ignore_Stroke_On_Transform",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-mdx-877.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-mdx-877.json
new file mode 100644
index 000000000..f5b0201d6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-force-update-mdx-877.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Force_Update",
+  "title": "HTML5 Canvas Force Update Tutorial",
+  "description": "Konva.Transformer automatically tracks properties of attached nodes.",
+  "source": "@site/content/docs/select_and_transform/Force_Update.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Force_Update.html",
+  "permalink": "/docs/select_and_transform/Force_Update.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Force_Update.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Force Update Tutorial",
+    "sidebar_label": "Force Update",
+    "hide_table_of_contents": true,
+    "slug": "Force_Update.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stop Transform",
+    "permalink": "/docs/select_and_transform/Stop_Transform.html"
+  },
+  "next": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-md-a2b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-md-a2b.json
new file mode 100644
index 000000000..53bd3acfb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-md-a2b.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Ignore_Stroke_On_Transform",
+  "title": "How to resize shape on canvas without changing its stroke size?",
+  "description": "Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.",
+  "source": "@site/content/docs/select_and_transform/Ignore_Stroke_On_Transform.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html",
+  "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Ignore_Stroke_On_Transform.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "How to resize shape on canvas without changing its stroke size?",
+    "sidebar_label": "Ignore Stroke",
+    "hide_table_of_contents": true,
+    "slug": "Ignore_Stroke_On_Transform.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Force Update",
+    "permalink": "/docs/select_and_transform/Force_Update.html"
+  },
+  "next": {
+    "title": "Keep_Ratio",
+    "permalink": "/docs/select_and_transform/Keep_Ratio"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-mdx-161.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-mdx-161.json
new file mode 100644
index 000000000..a154273dc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-ignore-stroke-on-transform-mdx-161.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Ignore_Stroke_On_Transform",
+  "title": "How to resize shape on canvas without changing its stroke size?",
+  "description": "Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.",
+  "source": "@site/content/docs/select_and_transform/Ignore_Stroke_On_Transform.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html",
+  "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Ignore_Stroke_On_Transform.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "How to resize shape on canvas without changing its stroke size?",
+    "sidebar_label": "Ignore Stroke",
+    "hide_table_of_contents": true,
+    "slug": "Ignore_Stroke_On_Transform.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Text",
+    "permalink": "/docs/select_and_transform/Resize_Text.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-md-1e2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-md-1e2.json
new file mode 100644
index 000000000..8a75c349c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-md-1e2.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Keep_Ratio",
+  "title": "HTML5 Canvas Shape Resize With Ratio Preserved",
+  "description": "By default when you resize with corner anchors (top-left, top-right, bottom-left or bottom-right) Transformer will save ratio of a node.",
+  "source": "@site/content/docs/select_and_transform/Keep_Ratio.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Keep_Ratio.html",
+  "permalink": "/docs/select_and_transform/Keep_Ratio.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Keep_Ratio.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize With Ratio Preserved",
+    "sidebar_label": "Keep Ratio",
+    "hide_table_of_contents": true,
+    "slug": "Keep_Ratio.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  },
+  "next": {
+    "title": "Resize_Limits",
+    "permalink": "/docs/select_and_transform/Resize_Limits"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-mdx-c11.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-mdx-c11.json
new file mode 100644
index 000000000..5e0c92bba
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-keep-ratio-mdx-c11.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Keep_Ratio",
+  "title": "HTML5 Canvas Shape Resize With Ratio Preserved",
+  "description": "By default when you resize with corner anchors (top-left, top-right, bottom-left or bottom-right) Transformer will save ratio of a node.",
+  "source": "@site/content/docs/select_and_transform/Keep_Ratio.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Keep_Ratio.html",
+  "permalink": "/docs/select_and_transform/Keep_Ratio.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Keep_Ratio.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize With Ratio Preserved",
+    "sidebar_label": "Keep Ratio",
+    "hide_table_of_contents": true,
+    "slug": "Keep_Ratio.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  },
+  "next": {
+    "title": "Resize Limits",
+    "permalink": "/docs/select_and_transform/Resize_Limits.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-md-d18.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-md-d18.json
new file mode 100644
index 000000000..2c55e6f05
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-md-d18.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Resize_Limits",
+  "title": "HTML5 Canvas Shape Resize and Transform Limits",
+  "description": "To limit or change resize and transform behavior you can use boundBoxFunc property.",
+  "source": "@site/content/docs/select_and_transform/Resize_Limits.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Limits.html",
+  "permalink": "/docs/select_and_transform/Resize_Limits.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Resize_Limits.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize and Transform Limits",
+    "sidebar_label": "Resize Limits",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Limits.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Keep Ratio",
+    "permalink": "/docs/select_and_transform/Keep_Ratio.html"
+  },
+  "next": {
+    "title": "Resize_Snaps",
+    "permalink": "/docs/select_and_transform/Resize_Snaps"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-mdx-033.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-mdx-033.json
new file mode 100644
index 000000000..3fcd6a8cd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-limits-mdx-033.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Resize_Limits",
+  "title": "HTML5 Canvas Shape Resize and Transform Limits",
+  "description": "To limit or change resize and transform behavior you can use boundBoxFunc property.",
+  "source": "@site/content/docs/select_and_transform/Resize_Limits.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Limits.html",
+  "permalink": "/docs/select_and_transform/Resize_Limits.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Resize_Limits.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize and Transform Limits",
+    "sidebar_label": "Resize Limits",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Limits.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  },
+  "next": {
+    "title": "Resize Snaps",
+    "permalink": "/docs/select_and_transform/Resize_Snaps.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-md-cd9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-md-cd9.json
new file mode 100644
index 000000000..922d5ef94
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-md-cd9.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Resize_Snaps",
+  "title": "HTML5 Canvas Shape Resize Snapping",
+  "description": "In some applications, you may want to snap resizing near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.",
+  "source": "@site/content/docs/select_and_transform/Resize_Snaps.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Snaps.html",
+  "permalink": "/docs/select_and_transform/Resize_Snaps.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Resize_Snaps.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize Snapping",
+    "sidebar_label": "Resize Snaps",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Snaps.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Limits",
+    "permalink": "/docs/select_and_transform/Resize_Limits.html"
+  },
+  "next": {
+    "title": "Resize_Text",
+    "permalink": "/docs/select_and_transform/Resize_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-mdx-cae.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-mdx-cae.json
new file mode 100644
index 000000000..089972516
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-snaps-mdx-cae.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Resize_Snaps",
+  "title": "HTML5 Canvas Shape Resize Snapping",
+  "description": "In some applications, you may want to snap resizing near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.",
+  "source": "@site/content/docs/select_and_transform/Resize_Snaps.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Snaps.html",
+  "permalink": "/docs/select_and_transform/Resize_Snaps.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Resize_Snaps.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Resize Snapping",
+    "sidebar_label": "Resize Snaps",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Snaps.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  },
+  "next": {
+    "title": "Resize Text",
+    "permalink": "/docs/select_and_transform/Resize_Text.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-md-4d1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-md-4d1.json
new file mode 100644
index 000000000..1997de66d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-md-4d1.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Resize_Text",
+  "title": "How to resize text on canvas?",
+  "description": "Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.",
+  "source": "@site/content/docs/select_and_transform/Resize_Text.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Text.html",
+  "permalink": "/docs/select_and_transform/Resize_Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Resize_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "How to resize text on canvas?",
+    "sidebar_label": "Resize Text",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Text.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Snaps",
+    "permalink": "/docs/select_and_transform/Resize_Snaps.html"
+  },
+  "next": {
+    "title": "Rotation Snaps",
+    "permalink": "/docs/select_and_transform/Rotation_Snaps.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-mdx-915.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-mdx-915.json
new file mode 100644
index 000000000..ef2697943
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-resize-text-mdx-915.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Resize_Text",
+  "title": "How to resize text on canvas?",
+  "description": "Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.",
+  "source": "@site/content/docs/select_and_transform/Resize_Text.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Resize_Text.html",
+  "permalink": "/docs/select_and_transform/Resize_Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Resize_Text.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "How to resize text on canvas?",
+    "sidebar_label": "Resize Text",
+    "hide_table_of_contents": true,
+    "slug": "Resize_Text.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ignore Stroke",
+    "permalink": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-md-185.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-md-185.json
new file mode 100644
index 000000000..b192287ea
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-md-185.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Rotation_Snaps",
+  "title": "HTML5 Canvas Shape Snap Rotation",
+  "description": "In some applications, you may want to snap rotation near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.",
+  "source": "@site/content/docs/select_and_transform/Rotation_Snaps.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Rotation_Snaps.html",
+  "permalink": "/docs/select_and_transform/Rotation_Snaps.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Rotation_Snaps.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Snap Rotation",
+    "sidebar_label": "Rotation Snaps",
+    "hide_table_of_contents": true,
+    "slug": "Rotation_Snaps.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Text",
+    "permalink": "/docs/select_and_transform/Resize_Text.html"
+  },
+  "next": {
+    "title": "Stop_Transform",
+    "permalink": "/docs/select_and_transform/Stop_Transform"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-mdx-f88.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-mdx-f88.json
new file mode 100644
index 000000000..e337ad4df
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-rotation-snaps-mdx-f88.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Rotation_Snaps",
+  "title": "HTML5 Canvas Shape Snap Rotation",
+  "description": "In some applications, you may want to snap rotation near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.",
+  "source": "@site/content/docs/select_and_transform/Rotation_Snaps.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Rotation_Snaps.html",
+  "permalink": "/docs/select_and_transform/Rotation_Snaps.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Rotation_Snaps.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Shape Snap Rotation",
+    "sidebar_label": "Rotation Snaps",
+    "hide_table_of_contents": true,
+    "slug": "Rotation_Snaps.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize Text",
+    "permalink": "/docs/select_and_transform/Resize_Text.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-md-cdb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-md-cdb.json
new file mode 100644
index 000000000..2e26f4b40
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-md-cdb.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Stop_Transform",
+  "title": "HTML5 Canvas Stop Shape Transform",
+  "description": "If you need to stop transforming immediately you can use stopTransform method of Konva.Transformer instance.",
+  "source": "@site/content/docs/select_and_transform/Stop_Transform.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Stop_Transform.html",
+  "permalink": "/docs/select_and_transform/Stop_Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Stop_Transform.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Stop Shape Transform",
+    "sidebar_label": "Stop Transform",
+    "hide_table_of_contents": true,
+    "slug": "Stop_Transform.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rotation Snaps",
+    "permalink": "/docs/select_and_transform/Rotation_Snaps.html"
+  },
+  "next": {
+    "title": "Transform_Events",
+    "permalink": "/docs/select_and_transform/Transform_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-mdx-e47.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-mdx-e47.json
new file mode 100644
index 000000000..7330228ca
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-stop-transform-mdx-e47.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Stop_Transform",
+  "title": "HTML5 Canvas Stop Shape Transform",
+  "description": "If you need to stop transforming immediately you can use stopTransform method of Konva.Transformer instance.",
+  "source": "@site/content/docs/select_and_transform/Stop_Transform.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Stop_Transform.html",
+  "permalink": "/docs/select_and_transform/Stop_Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Stop_Transform.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Stop Shape Transform",
+    "sidebar_label": "Stop Transform",
+    "hide_table_of_contents": true,
+    "slug": "Stop_Transform.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rotation Snaps",
+    "permalink": "/docs/select_and_transform/Rotation_Snaps.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-md-beb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-md-beb.json
new file mode 100644
index 000000000..0de1af264
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-md-beb.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Transform_Events",
+  "title": "HTML5 Canvas Transform and Resize events",
+  "description": "Konva.Transformer object has special transform events that you can use in your app: transformstart, transform and transformend.",
+  "source": "@site/content/docs/select_and_transform/Transform_Events.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transform_Events.html",
+  "permalink": "/docs/select_and_transform/Transform_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Transform_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Transform and Resize events",
+    "sidebar_label": "Transform Events",
+    "hide_table_of_contents": true,
+    "slug": "Transform_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stop Transform",
+    "permalink": "/docs/select_and_transform/Stop_Transform.html"
+  },
+  "next": {
+    "title": "Transformer_Complex_Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Complex_Styling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-mdx-12f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-mdx-12f.json
new file mode 100644
index 000000000..e7b08236c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transform-events-mdx-12f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Transform_Events",
+  "title": "HTML5 Canvas Transform and Resize events",
+  "description": "Konva.Transformer object has special transform events that you can use in your app: transformstart, transform and transformend.",
+  "source": "@site/content/docs/select_and_transform/Transform_Events.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transform_Events.html",
+  "permalink": "/docs/select_and_transform/Transform_Events.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Transform_Events.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Transform and Resize events",
+    "sidebar_label": "Transform Events",
+    "hide_table_of_contents": true,
+    "slug": "Transform_Events.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stop Transform",
+    "permalink": "/docs/select_and_transform/Stop_Transform.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-md-732.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-md-732.json
new file mode 100644
index 000000000..36cfc77a3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-md-732.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Transformer_Complex_Styling",
+  "title": "Deep Style Konva Transformer",
+  "description": "You can use anchorStyleFunc property of Konva.Transformer to have deeper control on styling of anchors.",
+  "source": "@site/content/docs/select_and_transform/Transformer_Complex_Styling.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transformer_Complex_Styling.html",
+  "permalink": "/docs/select_and_transform/Transformer_Complex_Styling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Transformer_Complex_Styling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Deep Style Konva Transformer",
+    "sidebar_label": "Complex Transformer Styling",
+    "hide_table_of_contents": true,
+    "slug": "Transformer_Complex_Styling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transform Events",
+    "permalink": "/docs/select_and_transform/Transform_Events.html"
+  },
+  "next": {
+    "title": "Transformer_Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Styling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-mdx-a8a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-mdx-a8a.json
new file mode 100644
index 000000000..a7761225f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-complex-styling-mdx-a8a.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Transformer_Complex_Styling",
+  "title": "Deep Style Konva Transformer",
+  "description": "You can use anchorStyleFunc property of Konva.Transformer to have deeper control on styling of anchors.",
+  "source": "@site/content/docs/select_and_transform/Transformer_Complex_Styling.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transformer_Complex_Styling.html",
+  "permalink": "/docs/select_and_transform/Transformer_Complex_Styling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Transformer_Complex_Styling.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Deep Style Konva Transformer",
+    "sidebar_label": "Complex Transformer Styling",
+    "hide_table_of_contents": true,
+    "slug": "Transformer_Complex_Styling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transform Events",
+    "permalink": "/docs/select_and_transform/Transform_Events.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-md-e4c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-md-e4c.json
new file mode 100644
index 000000000..33dd477e7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-md-e4c.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Transformer_Styling",
+  "title": "Style Konva Transformer",
+  "description": "You can adjust styles of Konva.Transformer for your web app. You can change stroke, size and fill of all anchors.",
+  "source": "@site/content/docs/select_and_transform/Transformer_Styling.md",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transformer_Styling.html",
+  "permalink": "/docs/select_and_transform/Transformer_Styling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Transformer_Styling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Style Konva Transformer",
+    "sidebar_label": "Transformer Styling",
+    "hide_table_of_contents": true,
+    "slug": "Transformer_Styling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Transformer Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Complex_Styling.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-mdx-ff1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-mdx-ff1.json
new file mode 100644
index 000000000..73ab71ef7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-select-and-transform-transformer-styling-mdx-ff1.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/select_and_transform/Transformer_Styling",
+  "title": "Style Konva Transformer",
+  "description": "You can adjust styles of Konva.Transformer for your web app. You can change stroke, size and fill of all anchors.",
+  "source": "@site/content/docs/select_and_transform/Transformer_Styling.mdx",
+  "sourceDirName": "docs/select_and_transform",
+  "slug": "/docs/select_and_transform/Transformer_Styling.html",
+  "permalink": "/docs/select_and_transform/Transformer_Styling.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/Transformer_Styling.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Style Konva Transformer",
+    "sidebar_label": "Transformer Styling",
+    "hide_table_of_contents": true,
+    "slug": "Transformer_Styling.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Transformer Styling",
+    "permalink": "/docs/select_and_transform/Transformer_Complex_Styling.html"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/docs/filters/Blur.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-md-1a2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-md-1a2.json
new file mode 100644
index 000000000..345c0873e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-md-1a2.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/selectors/Select_by_id",
+  "title": "Select_by_id",
+  "description": "title: HTML5 Canvas Select Shape by id Tutorial",
+  "source": "@site/content/docs/selectors/Select_by_id.md",
+  "sourceDirName": "docs/selectors",
+  "slug": "/docs/selectors/Select_by_id",
+  "permalink": "/docs/selectors/Select_by_id",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_id.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select by Type",
+    "permalink": "/docs/selectors/Select_by_Type.html"
+  },
+  "next": {
+    "title": "Select by id",
+    "permalink": "/docs/selectors/Select_by_id.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-mdx-6c0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-mdx-6c0.json
new file mode 100644
index 000000000..9cdc3683f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-id-mdx-6c0.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/selectors/Select_by_id",
+  "title": "HTML5 Canvas Select Shape by id Tutorial",
+  "description": "To select a shape by id with Konva, we can use the find() method using the # selector.",
+  "source": "@site/content/docs/selectors/Select_by_id.mdx",
+  "sourceDirName": "docs/selectors",
+  "slug": "/docs/selectors/Select_by_id.html",
+  "permalink": "/docs/selectors/Select_by_id.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_id.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Select Shape by id Tutorial",
+    "sidebar_label": "Select by id",
+    "hide_table_of_contents": true,
+    "slug": "Select_by_id.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select by Type",
+    "permalink": "/docs/selectors/Select_by_Type.html"
+  },
+  "next": {
+    "title": "Best Practices",
+    "permalink": "/docs/data_and_serialization/Best_Practices.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-md-c96.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-md-c96.json
new file mode 100644
index 000000000..6e2cae999
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-md-c96.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/selectors/Select_by_Name",
+  "title": "Select_by_Name",
+  "description": "title: HTML5 Canvas Select Shape by Name Tutorial",
+  "source": "@site/content/docs/selectors/Select_by_Name.md",
+  "sourceDirName": "docs/selectors",
+  "slug": "/docs/selectors/Select_by_Name",
+  "permalink": "/docs/selectors/Select_by_Name",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_Name.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Zooming_Relative_To_Pointer",
+    "permalink": "/docs/sandbox/Zooming_Relative_To_Pointer"
+  },
+  "next": {
+    "title": "Select by Name",
+    "permalink": "/docs/selectors/Select_by_Name.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-mdx-971.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-mdx-971.json
new file mode 100644
index 000000000..a1f0a6e1a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-name-mdx-971.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/selectors/Select_by_Name",
+  "title": "HTML5 Canvas Select Shape by Name Tutorial",
+  "description": "To select shapes by name with Konva, we can use the find() method using the . selector.",
+  "source": "@site/content/docs/selectors/Select_by_Name.mdx",
+  "sourceDirName": "docs/selectors",
+  "slug": "/docs/selectors/Select_by_Name.html",
+  "permalink": "/docs/selectors/Select_by_Name.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_Name.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Select Shape by Name Tutorial",
+    "sidebar_label": "Select by Name",
+    "hide_table_of_contents": true,
+    "slug": "Select_by_Name.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Zooming_Relative_To_Pointer",
+    "permalink": "/docs/sandbox/Zooming_Relative_To_Pointer"
+  },
+  "next": {
+    "title": "Select by Type",
+    "permalink": "/docs/selectors/Select_by_Type.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-md-7f6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-md-7f6.json
new file mode 100644
index 000000000..c6235583c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-md-7f6.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/selectors/Select_by_Type",
+  "title": "Select_by_Type",
+  "description": "title: HTML5 Canvas Select Shape by Type Tutorial",
+  "source": "@site/content/docs/selectors/Select_by_Type.md",
+  "sourceDirName": "docs/selectors",
+  "slug": "/docs/selectors/Select_by_Type",
+  "permalink": "/docs/selectors/Select_by_Type",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_Type.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select by Name",
+    "permalink": "/docs/selectors/Select_by_Name.html"
+  },
+  "next": {
+    "title": "Select by Type",
+    "permalink": "/docs/selectors/Select_by_Type.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-mdx-29f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-mdx-29f.json
new file mode 100644
index 000000000..45a6b7a5f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-selectors-select-by-type-mdx-29f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/selectors/Select_by_Type",
+  "title": "HTML5 Canvas Select Shape by Type Tutorial",
+  "description": "To select shapes by type with Konva, we can use the find() method with the name of the type or class name.",
+  "source": "@site/content/docs/selectors/Select_by_Type.mdx",
+  "sourceDirName": "docs/selectors",
+  "slug": "/docs/selectors/Select_by_Type.html",
+  "permalink": "/docs/selectors/Select_by_Type.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_Type.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 Canvas Select Shape by Type Tutorial",
+    "sidebar_label": "Select by Type",
+    "hide_table_of_contents": true,
+    "slug": "Select_by_Type.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select by Name",
+    "permalink": "/docs/selectors/Select_by_Name.html"
+  },
+  "next": {
+    "title": "Select by id",
+    "permalink": "/docs/selectors/Select_by_id.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arc-mdx-4af.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arc-mdx-4af.json
new file mode 100644
index 000000000..504f72ab0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arc-mdx-4af.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Arc",
+  "title": "HTML5 canvas Arc Tutorial",
+  "description": "To create an arc shape with Konva, we can instantiate a Konva.Arc() object.",
+  "source": "@site/content/docs/shapes/Arc.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Arc.html",
+  "permalink": "/docs/shapes/Arc.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Arc.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Arc Tutorial",
+    "sidebar_label": "Arc",
+    "hide_table_of_contents": true,
+    "slug": "Arc.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/category/shapes"
+  },
+  "next": {
+    "title": "Arrow",
+    "permalink": "/docs/shapes/Arrow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arrow-mdx-420.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arrow-mdx-420.json
new file mode 100644
index 000000000..edba4cda2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-arrow-mdx-420.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Arrow",
+  "title": "HTML5 canvas Arrow Tutorial",
+  "description": "To create an arrow shape with Konva, we can instantiate a Konva.Arrow() object.",
+  "source": "@site/content/docs/shapes/Arrow.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Arrow.html",
+  "permalink": "/docs/shapes/Arrow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Arrow.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Arrow Tutorial",
+    "sidebar_label": "Arrow",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Arrow.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Arc",
+    "permalink": "/docs/shapes/Arc.html"
+  },
+  "next": {
+    "title": "Circle",
+    "permalink": "/docs/shapes/Circle.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-circle-mdx-5cf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-circle-mdx-5cf.json
new file mode 100644
index 000000000..84fac8801
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-circle-mdx-5cf.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Circle",
+  "title": "HTML5 canvas Circle Tutorial",
+  "description": "To create a circle shape with Konva, we can instantiate a Konva.Circle() object.",
+  "source": "@site/content/docs/shapes/Circle.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Circle.html",
+  "permalink": "/docs/shapes/Circle.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Circle.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Circle Tutorial",
+    "sidebar_label": "Circle",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Circle.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Arrow",
+    "permalink": "/docs/shapes/Arrow.html"
+  },
+  "next": {
+    "title": "Custom Shape",
+    "permalink": "/docs/shapes/Custom.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-mdx-631.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-mdx-631.json
new file mode 100644
index 000000000..72efc6a57
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-mdx-631.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Custom",
+  "title": "HTML5 canvas Custom Shape Tutorial",
+  "description": "To create a custom shape with Konva, you can use the Konva.Shape() object and define a custom drawing function.",
+  "source": "@site/content/docs/shapes/Custom.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Custom.html",
+  "permalink": "/docs/shapes/Custom.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Custom.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Custom Shape Tutorial",
+    "sidebar_label": "Custom Shape",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Custom.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Circle",
+    "permalink": "/docs/shapes/Circle.html"
+  },
+  "next": {
+    "title": "Ellipse",
+    "permalink": "/docs/shapes/Ellipse.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-shape-mdx-9c2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-shape-mdx-9c2.json
new file mode 100644
index 000000000..57d81a614
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-custom-shape-mdx-9c2.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/CustomShape",
+  "title": "HTML5 canvas Custom Shape Tutorial",
+  "description": "To create a custom shape with Konva, you can use the Konva.Shape() object and define a custom drawing function.",
+  "source": "@site/content/docs/shapes/CustomShape.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/CustomShape.html",
+  "permalink": "/docs/shapes/CustomShape.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/CustomShape.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Custom Shape Tutorial",
+    "sidebar_label": "Custom Shape",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/CustomShape.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Circle",
+    "permalink": "/docs/shapes/Circle.html"
+  },
+  "next": {
+    "title": "Ellipse",
+    "permalink": "/docs/shapes/Ellipse.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ellipse-mdx-9e7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ellipse-mdx-9e7.json
new file mode 100644
index 000000000..f897dac61
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ellipse-mdx-9e7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Ellipse",
+  "title": "HTML5 canvas Ellipse Tutorial",
+  "description": "To create an ellipse shape with Konva, we can instantiate a Konva.Ellipse() object.",
+  "source": "@site/content/docs/shapes/Ellipse.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Ellipse.html",
+  "permalink": "/docs/shapes/Ellipse.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Ellipse.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Ellipse Tutorial",
+    "sidebar_label": "Ellipse",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Ellipse.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom Shape",
+    "permalink": "/docs/shapes/Custom.html"
+  },
+  "next": {
+    "title": "Group",
+    "permalink": "/docs/shapes/Group.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-group-mdx-e62.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-group-mdx-e62.json
new file mode 100644
index 000000000..8934fe500
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-group-mdx-e62.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Group",
+  "title": "HTML5 canvas Group Tutorial",
+  "description": "To create a group of shapes with Konva, we can instantiate a Konva.Group() object.",
+  "source": "@site/content/docs/shapes/Group.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Group.html",
+  "permalink": "/docs/shapes/Group.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Group.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Group Tutorial",
+    "sidebar_label": "Group",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Group.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ellipse",
+    "permalink": "/docs/shapes/Ellipse.html"
+  },
+  "next": {
+    "title": "Image",
+    "permalink": "/docs/shapes/Image.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-image-mdx-1f7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-image-mdx-1f7.json
new file mode 100644
index 000000000..315399e55
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-image-mdx-1f7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Image",
+  "title": "HTML5 canvas Image Tutorial",
+  "description": "To create an image with Konva, you can use the Konva.Image() object.",
+  "source": "@site/content/docs/shapes/Image.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Image.html",
+  "permalink": "/docs/shapes/Image.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Image.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Image Tutorial",
+    "sidebar_label": "Image",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Image.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Group",
+    "permalink": "/docs/shapes/Group.html"
+  },
+  "next": {
+    "title": "Label",
+    "permalink": "/docs/shapes/Label.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-label-mdx-65d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-label-mdx-65d.json
new file mode 100644
index 000000000..9b6a30e13
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-label-mdx-65d.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Label",
+  "title": "HTML5 canvas Label Tutorial",
+  "description": "To create a label with Konva, you can use the Konva.Label() object.",
+  "source": "@site/content/docs/shapes/Label.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Label.html",
+  "permalink": "/docs/shapes/Label.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Label.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Label Tutorial",
+    "sidebar_label": "Label",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Label.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image",
+    "permalink": "/docs/shapes/Image.html"
+  },
+  "next": {
+    "title": "Line",
+    "permalink": "/docs/shapes/Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-blob-mdx-8a4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-blob-mdx-8a4.json
new file mode 100644
index 000000000..5520509bd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-blob-mdx-8a4.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Line_-_Blob",
+  "title": "HTML5 canvas Blob Tutorial",
+  "description": "To create a blob with Konva, we can instantiate a Konva.Line() object with both closed and tension properties.",
+  "source": "@site/content/docs/shapes/Line_-_Blob.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Line_-_Blob.html",
+  "permalink": "/docs/shapes/Line_-_Blob.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Blob.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Blob Tutorial",
+    "sidebar_label": "Line - Blob",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Blob.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line",
+    "permalink": "/docs/shapes/Line.html"
+  },
+  "next": {
+    "title": "Line - Polygon",
+    "permalink": "/docs/shapes/Line_-_Polygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-mdx-92f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-mdx-92f.json
new file mode 100644
index 000000000..f32438116
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-mdx-92f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Line",
+  "title": "HTML5 canvas Line Tutorial",
+  "description": "To create line shapes with Konva, we can instantiate a Konva.Line() object. Lines can be configured in different ways to create various shapes like simple lines, splines, blobs, and polygons.",
+  "source": "@site/content/docs/shapes/Line.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Line.html",
+  "permalink": "/docs/shapes/Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Line Tutorial",
+    "sidebar_label": "Line",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Label",
+    "permalink": "/docs/shapes/Label.html"
+  },
+  "next": {
+    "title": "Line - Blob",
+    "permalink": "/docs/shapes/Line_-_Blob.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-polygon-mdx-bde.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-polygon-mdx-bde.json
new file mode 100644
index 000000000..ba42f80b2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-polygon-mdx-bde.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Line_-_Polygon",
+  "title": "HTML5 canvas Polygon Tutorial",
+  "description": "To create a polygon with Konva, we can instantiate a Konva.Line() object with the closed property set to true.",
+  "source": "@site/content/docs/shapes/Line_-_Polygon.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Line_-_Polygon.html",
+  "permalink": "/docs/shapes/Line_-_Polygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Polygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Polygon Tutorial",
+    "sidebar_label": "Line - Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Polygon.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Blob",
+    "permalink": "/docs/shapes/Line_-_Blob.html"
+  },
+  "next": {
+    "title": "Line - Simple Line",
+    "permalink": "/docs/shapes/Line_-_Simple_Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-simple-line-mdx-b70.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-simple-line-mdx-b70.json
new file mode 100644
index 000000000..f3eb51329
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-simple-line-mdx-b70.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Line_-_Simple_Line",
+  "title": "HTML5 canvas Line Tutorial",
+  "description": "To create a simple line with Konva, we can instantiate a Konva.Line() object.",
+  "source": "@site/content/docs/shapes/Line_-_Simple_Line.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Line_-_Simple_Line.html",
+  "permalink": "/docs/shapes/Line_-_Simple_Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Simple_Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Line Tutorial",
+    "sidebar_label": "Line - Simple Line",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Simple_Line.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Polygon",
+    "permalink": "/docs/shapes/Line_-_Polygon.html"
+  },
+  "next": {
+    "title": "Line - Spline",
+    "permalink": "/docs/shapes/Line_-_Spline.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-spline-mdx-dd7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-spline-mdx-dd7.json
new file mode 100644
index 000000000..8ac9cbf27
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-line-spline-mdx-dd7.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Line_-_Spline",
+  "title": "HTML5 canvas Spline Tutorial",
+  "description": "To create a spline (curved line) with Konva, we can instantiate a Konva.Line() object with the tension property.",
+  "source": "@site/content/docs/shapes/Line_-_Spline.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Line_-_Spline.html",
+  "permalink": "/docs/shapes/Line_-_Spline.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Spline.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Spline Tutorial",
+    "sidebar_label": "Line - Spline",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Spline.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Simple Line",
+    "permalink": "/docs/shapes/Line_-_Simple_Line.html"
+  },
+  "next": {
+    "title": "Path",
+    "permalink": "/docs/shapes/Path.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-path-mdx-b28.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-path-mdx-b28.json
new file mode 100644
index 000000000..783bb377a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-path-mdx-b28.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Path",
+  "title": "HTML5 canvas Path Tutorial",
+  "description": "To create a custom path shape with Konva, we can instantiate a Konva.Path() object.",
+  "source": "@site/content/docs/shapes/Path.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Path.html",
+  "permalink": "/docs/shapes/Path.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Path.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Path Tutorial",
+    "sidebar_label": "Path",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Path.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Spline",
+    "permalink": "/docs/shapes/Line_-_Spline.html"
+  },
+  "next": {
+    "title": "Rectangle",
+    "permalink": "/docs/shapes/Rect.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-polygon-mdx-dfc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-polygon-mdx-dfc.json
new file mode 100644
index 000000000..6190f7b30
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-polygon-mdx-dfc.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Polygon",
+  "title": "HTML5 canvas Polygon Tutorial",
+  "description": "To create a polygon shape with Konva, we can instantiate a Konva.Line() object with closed property set to true.",
+  "source": "@site/content/docs/shapes/Polygon.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Polygon.html",
+  "permalink": "/docs/shapes/Polygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Polygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Polygon Tutorial",
+    "sidebar_label": "Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Polygon.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Path",
+    "permalink": "/docs/shapes/Path.html"
+  },
+  "next": {
+    "title": "Rectangle",
+    "permalink": "/docs/shapes/Rect.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-rect-mdx-277.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-rect-mdx-277.json
new file mode 100644
index 000000000..026d9b9ab
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-rect-mdx-277.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Rect",
+  "title": "HTML5 canvas Rectangle Tutorial",
+  "description": "To create a rectangle with Konva, we can instantiate a Konva.Rect() object.",
+  "source": "@site/content/docs/shapes/Rect.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Rect.html",
+  "permalink": "/docs/shapes/Rect.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Rect.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Rectangle Tutorial",
+    "sidebar_label": "Rectangle",
+    "hide_table_of_contents": true,
+    "slug": "Rect.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Path",
+    "permalink": "/docs/shapes/Path.html"
+  },
+  "next": {
+    "title": "Regular Polygon",
+    "permalink": "/docs/shapes/RegularPolygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-regular-polygon-mdx-a35.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-regular-polygon-mdx-a35.json
new file mode 100644
index 000000000..992447c87
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-regular-polygon-mdx-a35.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/RegularPolygon",
+  "title": "HTML5 canvas Regular Polygon Tutorial",
+  "description": "To create a regular polygon shape with Konva, we can instantiate a Konva.RegularPolygon() object.",
+  "source": "@site/content/docs/shapes/RegularPolygon.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/RegularPolygon.html",
+  "permalink": "/docs/shapes/RegularPolygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/RegularPolygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Regular Polygon Tutorial",
+    "sidebar_label": "Regular Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/RegularPolygon.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rectangle",
+    "permalink": "/docs/shapes/Rect.html"
+  },
+  "next": {
+    "title": "Ring",
+    "permalink": "/docs/shapes/Ring.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ring-mdx-4d6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ring-mdx-4d6.json
new file mode 100644
index 000000000..ed3001aac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-ring-mdx-4d6.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Ring",
+  "title": "HTML5 canvas Ring Tutorial",
+  "description": "To create a ring with Konva, you can use the Konva.Ring() object.",
+  "source": "@site/content/docs/shapes/Ring.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Ring.html",
+  "permalink": "/docs/shapes/Ring.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Ring.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Ring Tutorial",
+    "sidebar_label": "Ring",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Ring.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Regular Polygon",
+    "permalink": "/docs/shapes/RegularPolygon.html"
+  },
+  "next": {
+    "title": "Sprite",
+    "permalink": "/docs/shapes/Sprite.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-sprite-mdx-d75.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-sprite-mdx-d75.json
new file mode 100644
index 000000000..cb132881a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-sprite-mdx-d75.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Sprite",
+  "title": "HTML5 canvas Sprite Tutorial",
+  "description": "To create an animated sprite with Konva, we can instantiate a Konva.Sprite() object.",
+  "source": "@site/content/docs/shapes/Sprite.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Sprite.html",
+  "permalink": "/docs/shapes/Sprite.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Sprite.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Sprite Tutorial",
+    "sidebar_label": "Sprite",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Sprite.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ring",
+    "permalink": "/docs/shapes/Ring.html"
+  },
+  "next": {
+    "title": "Star",
+    "permalink": "/docs/shapes/Star.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-star-mdx-2c6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-star-mdx-2c6.json
new file mode 100644
index 000000000..ec332273d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-star-mdx-2c6.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Star",
+  "title": "HTML5 canvas Star Tutorial",
+  "description": "To create a star with Konva, you can use the Konva.Star() object.",
+  "source": "@site/content/docs/shapes/Star.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Star.html",
+  "permalink": "/docs/shapes/Star.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Star.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Star Tutorial",
+    "sidebar_label": "Star",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Star.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Sprite",
+    "permalink": "/docs/shapes/Sprite.html"
+  },
+  "next": {
+    "title": "Text",
+    "permalink": "/docs/shapes/Text.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-mdx-e6f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-mdx-e6f.json
new file mode 100644
index 000000000..8b4d68048
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-mdx-e6f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Text",
+  "title": "HTML5 canvas Text Tutorial",
+  "description": "To create text with Konva, we can instantiate a Konva.Text() object.",
+  "source": "@site/content/docs/shapes/Text.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Text.html",
+  "permalink": "/docs/shapes/Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Text.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Text Tutorial",
+    "sidebar_label": "Text",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Text.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Star",
+    "permalink": "/docs/shapes/Star.html"
+  },
+  "next": {
+    "title": "TextPath",
+    "permalink": "/docs/shapes/TextPath.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-path-mdx-919.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-path-mdx-919.json
new file mode 100644
index 000000000..f953034cc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-text-path-mdx-919.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/TextPath",
+  "title": "HTML5 canvas TextPath Tutorial",
+  "description": "To create text that follows a path with Konva, we can instantiate a Konva.TextPath() object.",
+  "source": "@site/content/docs/shapes/TextPath.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/TextPath.html",
+  "permalink": "/docs/shapes/TextPath.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/TextPath.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas TextPath Tutorial",
+    "sidebar_label": "TextPath",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/TextPath.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Text",
+    "permalink": "/docs/shapes/Text.html"
+  },
+  "next": {
+    "title": "Wedge",
+    "permalink": "/docs/shapes/Wedge.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-wedge-mdx-542.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-wedge-mdx-542.json
new file mode 100644
index 000000000..6f42e4a7f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-shapes-wedge-mdx-542.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/shapes/Wedge",
+  "title": "HTML5 canvas Wedge Tutorial",
+  "description": "To create a wedge (pie piece) shape with Konva, we can instantiate a Konva.Wedge() object.",
+  "source": "@site/content/docs/shapes/Wedge.mdx",
+  "sourceDirName": "docs/shapes",
+  "slug": "/docs/shapes/Wedge.html",
+  "permalink": "/docs/shapes/Wedge.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/shapes/Wedge.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Wedge Tutorial",
+    "sidebar_label": "Wedge",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Wedge.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "TextPath",
+    "permalink": "/docs/shapes/TextPath.html"
+  },
+  "next": {
+    "title": "Fill",
+    "permalink": "/docs/styling/Fill.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-md-982.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-md-982.json
new file mode 100644
index 000000000..75d94e409
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-md-982.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Fill",
+  "title": "HTML5 Canvas Set Fill Tutorial",
+  "description": "To fill a shape with Konva, we can set the fill property when we instantiate a shape, or we can use the fill() method.",
+  "source": "@site/content/docs/styling/01-Fill.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Fill.html",
+  "permalink": "/docs/styling/Fill.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/01-Fill.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Fill Tutorial",
+    "sidebar_label": "Fill",
+    "hide_table_of_contents": true,
+    "slug": "Fill.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Wedge",
+    "permalink": "/docs/shapes/Wedge.html"
+  },
+  "next": {
+    "title": "Stroke",
+    "permalink": "/docs/styling/Stroke.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-mdx-542.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-mdx-542.json
new file mode 100644
index 000000000..68329deef
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-01-fill-mdx-542.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Fill",
+  "title": "HTML5 Canvas Set Fill Tutorial",
+  "description": "To fill a shape with Konva, we can set the fill property when we instantiate a shape, or we can use the fill() method.",
+  "source": "@site/content/docs/styling/01-Fill.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Fill.html",
+  "permalink": "/docs/styling/Fill.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/01-Fill.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Fill Tutorial",
+    "sidebar_label": "Fill",
+    "hide_table_of_contents": true,
+    "slug": "Fill.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Wedge",
+    "permalink": "/docs/shapes/Wedge.html"
+  },
+  "next": {
+    "title": "Stroke",
+    "permalink": "/docs/styling/Stroke.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-md-df0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-md-df0.json
new file mode 100644
index 000000000..9a16d8767
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-md-df0.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Stroke",
+  "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+  "description": "To set a shape stroke and stroke width with Konva, we can set the stroke and strokeWidth properties when we instantiate a shape, or we can use the stroke() and strokeWidth() methods.",
+  "source": "@site/content/docs/styling/02-Stroke.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Stroke.html",
+  "permalink": "/docs/styling/Stroke.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/02-Stroke.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+    "sidebar_label": "Stroke",
+    "hide_table_of_contents": true,
+    "slug": "Stroke.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fill",
+    "permalink": "/docs/styling/Fill.html"
+  },
+  "next": {
+    "title": "Opacity",
+    "permalink": "/docs/styling/Opacity.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-mdx-00a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-mdx-00a.json
new file mode 100644
index 000000000..f37baeabc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-02-stroke-mdx-00a.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Stroke",
+  "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+  "description": "To set a shape stroke and stroke width with Konva, we can set the stroke and strokeWidth properties when we instantiate a shape, or we can use the stroke() and strokeWidth() methods.",
+  "source": "@site/content/docs/styling/02-Stroke.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Stroke.html",
+  "permalink": "/docs/styling/Stroke.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/02-Stroke.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+    "sidebar_label": "Stroke",
+    "hide_table_of_contents": true,
+    "slug": "Stroke.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fill",
+    "permalink": "/docs/styling/Fill.html"
+  },
+  "next": {
+    "title": "Opacity",
+    "permalink": "/docs/styling/Opacity.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-md-c90.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-md-c90.json
new file mode 100644
index 000000000..c38b10a9f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-md-c90.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Opacity",
+  "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+  "description": "To set a shape opacity with Konva, we can set the opacity property when we instantiate the node, or we can use the opacity() method.",
+  "source": "@site/content/docs/styling/03-Opacity.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Opacity.html",
+  "permalink": "/docs/styling/Opacity.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/03-Opacity.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+    "sidebar_label": "Opacity",
+    "hide_table_of_contents": true,
+    "slug": "Opacity.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stroke",
+    "permalink": "/docs/styling/Stroke.html"
+  },
+  "next": {
+    "title": "Shadow",
+    "permalink": "/docs/styling/Shadow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-mdx-999.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-mdx-999.json
new file mode 100644
index 000000000..1d9d09fc9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-03-opacity-mdx-999.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Opacity",
+  "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+  "description": "To set a shape opacity with Konva, we can set the opacity property when we instantiate the node, or we can use the opacity() method.",
+  "source": "@site/content/docs/styling/03-Opacity.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Opacity.html",
+  "permalink": "/docs/styling/Opacity.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/03-Opacity.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+    "sidebar_label": "Opacity",
+    "hide_table_of_contents": true,
+    "slug": "Opacity.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stroke",
+    "permalink": "/docs/styling/Stroke.html"
+  },
+  "next": {
+    "title": "Shadow",
+    "permalink": "/docs/styling/Shadow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-md-204.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-md-204.json
new file mode 100644
index 000000000..468640052
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-md-204.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Shadow",
+  "title": "HTML5 Canvas Shadows Tutorial",
+  "description": "To apply shadows with Konva, we can set the shadowColor, shadowOffset, shadowBlur, and shadowOpacity properties when we instantiate a shape.",
+  "source": "@site/content/docs/styling/04-Shadow.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Shadow.html",
+  "permalink": "/docs/styling/Shadow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/04-Shadow.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shadows Tutorial",
+    "sidebar_label": "Shadow",
+    "hide_table_of_contents": true,
+    "slug": "Shadow.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Opacity",
+    "permalink": "/docs/styling/Opacity.html"
+  },
+  "next": {
+    "title": "Line_Join",
+    "permalink": "/docs/styling/Line_Join"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-mdx-f3d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-mdx-f3d.json
new file mode 100644
index 000000000..5214954d4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-04-shadow-mdx-f3d.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Shadow",
+  "title": "HTML5 Canvas Shadows Tutorial",
+  "description": "To apply shadows with Konva, we can set the shadowColor, shadowOffset, shadowBlur, and shadowOpacity properties when we instantiate a shape.",
+  "source": "@site/content/docs/styling/04-Shadow.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Shadow.html",
+  "permalink": "/docs/styling/Shadow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/04-Shadow.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shadows Tutorial",
+    "sidebar_label": "Shadow",
+    "hide_table_of_contents": true,
+    "slug": "Shadow.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Opacity",
+    "permalink": "/docs/styling/Opacity.html"
+  },
+  "next": {
+    "title": "Line Join",
+    "permalink": "/docs/styling/Line_Join.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-md-cc8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-md-cc8.json
new file mode 100644
index 000000000..afc714a5d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-md-cc8.json
@@ -0,0 +1,25 @@
+{
+  "id": "docs/styling/Line_Join",
+  "title": "Line_Join",
+  "description": "title: HTML5 Canvas Line Join Tutorial",
+  "source": "@site/content/docs/styling/05-Line_Join.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Line_Join",
+  "permalink": "/docs/styling/Line_Join",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/05-Line_Join.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shadow",
+    "permalink": "/docs/styling/Shadow.html"
+  },
+  "next": {
+    "title": "Hide_and_Show",
+    "permalink": "/docs/styling/Hide_and_Show"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-mdx-fac.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-mdx-fac.json
new file mode 100644
index 000000000..bef93a829
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-05-line-join-mdx-fac.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Line_Join",
+  "title": "HTML5 Canvas Line Join Tutorial",
+  "description": "To set the line join for a shape with Konva, we can set the lineJoin property when we instantiate a shape, or we can use the lineJoin() method.",
+  "source": "@site/content/docs/styling/05-Line_Join.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Line_Join.html",
+  "permalink": "/docs/styling/Line_Join.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/05-Line_Join.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {
+    "title": "HTML5 Canvas Line Join Tutorial",
+    "sidebar_label": "Line Join",
+    "hide_table_of_contents": true,
+    "slug": "Line_Join.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shadow",
+    "permalink": "/docs/styling/Shadow.html"
+  },
+  "next": {
+    "title": "Hide and Show",
+    "permalink": "/docs/styling/hide-and-show.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-md-55e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-md-55e.json
new file mode 100644
index 000000000..b1f33911b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-md-55e.json
@@ -0,0 +1,25 @@
+{
+  "id": "docs/styling/Hide_and_Show",
+  "title": "Hide_and_Show",
+  "description": "title: HTML5 Canvas Hide and Show Shape Tutorial",
+  "source": "@site/content/docs/styling/06-Hide_and_Show.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Hide_and_Show",
+  "permalink": "/docs/styling/Hide_and_Show",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/06-Hide_and_Show.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 6,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line_Join",
+    "permalink": "/docs/styling/Line_Join"
+  },
+  "next": {
+    "title": "Mouse_Cursor",
+    "permalink": "/docs/styling/Mouse_Cursor"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-mdx-454.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-mdx-454.json
new file mode 100644
index 000000000..a448ec8d3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-06-hide-and-show-mdx-454.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Hide_and_Show",
+  "title": "HTML5 Canvas Hide and Show Shape Tutorial",
+  "description": "To hide and show a shape with Konva, we can set the visible property when we instantiate a shape, or we can use the hide() and show() methods.",
+  "source": "@site/content/docs/styling/06-Hide_and_Show.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/hide-and-show.html",
+  "permalink": "/docs/styling/hide-and-show.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/06-Hide_and_Show.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 6,
+  "frontMatter": {
+    "title": "HTML5 Canvas Hide and Show Shape Tutorial",
+    "sidebar_label": "Hide and Show",
+    "hide_table_of_contents": true,
+    "slug": "hide-and-show.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line Join",
+    "permalink": "/docs/styling/Line_Join.html"
+  },
+  "next": {
+    "title": "Mouse Cursor",
+    "permalink": "/docs/styling/Mouse_Cursor.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-md-79e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-md-79e.json
new file mode 100644
index 000000000..d8acc2fda
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-md-79e.json
@@ -0,0 +1,25 @@
+{
+  "id": "docs/styling/Mouse_Cursor",
+  "title": "Mouse_Cursor",
+  "description": "title: HTML5 Canvas Change Mouse Cursor Style",
+  "source": "@site/content/docs/styling/07-Mouse_Cursor.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Mouse_Cursor",
+  "permalink": "/docs/styling/Mouse_Cursor",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/07-Mouse_Cursor.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 7,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Hide_and_Show",
+    "permalink": "/docs/styling/Hide_and_Show"
+  },
+  "next": {
+    "title": "Blend_Mode",
+    "permalink": "/docs/styling/Blend_Mode"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-mdx-6b8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-mdx-6b8.json
new file mode 100644
index 000000000..556e91f27
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-07-mouse-cursor-mdx-6b8.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Mouse_Cursor",
+  "title": "HTML5 Canvas Change Mouse Cursor Style",
+  "description": "To change mouse cursor with Konva framework you just need to listen events, where do you need to change the cursor, and apply new styles manually for Stage container.",
+  "source": "@site/content/docs/styling/07-Mouse_Cursor.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Mouse_Cursor.html",
+  "permalink": "/docs/styling/Mouse_Cursor.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/07-Mouse_Cursor.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 7,
+  "frontMatter": {
+    "title": "HTML5 Canvas Change Mouse Cursor Style",
+    "sidebar_label": "Mouse Cursor",
+    "hide_table_of_contents": true,
+    "slug": "Mouse_Cursor.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Hide and Show",
+    "permalink": "/docs/styling/hide-and-show.html"
+  },
+  "next": {
+    "title": "Blend Mode",
+    "permalink": "/docs/styling/Blend_Mode.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-md-126.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-md-126.json
new file mode 100644
index 000000000..5c70862f9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-md-126.json
@@ -0,0 +1,25 @@
+{
+  "id": "docs/styling/Blend_Mode",
+  "title": "Blend_Mode",
+  "description": "title: HTML5 Canvas Blend mode with globalCompositeOperation Tutorial",
+  "source": "@site/content/docs/styling/08-Blend_Mode.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Blend_Mode",
+  "permalink": "/docs/styling/Blend_Mode",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/08-Blend_Mode.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 8,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mouse_Cursor",
+    "permalink": "/docs/styling/Mouse_Cursor"
+  },
+  "next": {
+    "title": "Fill_Stroke_Order",
+    "permalink": "/docs/styling/Fill_Stroke_Order"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-mdx-6a4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-mdx-6a4.json
new file mode 100644
index 000000000..c4b5c29b8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-08-blend-mode-mdx-6a4.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Blend_Mode",
+  "title": "HTML5 Canvas Blend mode with globalCompositeOperation Tutorial",
+  "description": "globalCompositeOperation Documentation.",
+  "source": "@site/content/docs/styling/08-Blend_Mode.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Blend_Mode.html",
+  "permalink": "/docs/styling/Blend_Mode.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/08-Blend_Mode.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 8,
+  "frontMatter": {
+    "title": "HTML5 Canvas Blend mode with globalCompositeOperation Tutorial",
+    "sidebar_label": "Blend Mode",
+    "hide_table_of_contents": true,
+    "slug": "Blend_Mode.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mouse Cursor",
+    "permalink": "/docs/styling/Mouse_Cursor.html"
+  },
+  "next": {
+    "title": "Fill and stroke order",
+    "permalink": "/docs/styling/Fill_Stroke_Order.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-md-73a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-md-73a.json
new file mode 100644
index 000000000..6b98fedbe
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-md-73a.json
@@ -0,0 +1,25 @@
+{
+  "id": "docs/styling/Fill_Stroke_Order",
+  "title": "Fill_Stroke_Order",
+  "description": "title: Fill and stroke order demo",
+  "source": "@site/content/docs/styling/09-Fill_Stroke_Order.md",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Fill_Stroke_Order",
+  "permalink": "/docs/styling/Fill_Stroke_Order",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/09-Fill_Stroke_Order.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 9,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Blend_Mode",
+    "permalink": "/docs/styling/Blend_Mode"
+  },
+  "next": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/docs/sandbox/Shapes_with_Tooltip"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-mdx-1c1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-mdx-1c1.json
new file mode 100644
index 000000000..db502d81c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-styling-09-fill-stroke-order-mdx-1c1.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/styling/Fill_Stroke_Order",
+  "title": "Fill and stroke order demo",
+  "description": "If a shape has both fill and stroke, by default, Konva will draw filling first then stroke on top of it. That is the best behavior for most of the applications.",
+  "source": "@site/content/docs/styling/09-Fill_Stroke_Order.mdx",
+  "sourceDirName": "docs/styling",
+  "slug": "/docs/styling/Fill_Stroke_Order.html",
+  "permalink": "/docs/styling/Fill_Stroke_Order.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/styling/09-Fill_Stroke_Order.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 9,
+  "frontMatter": {
+    "title": "Fill and stroke order demo",
+    "sidebar_label": "Fill and stroke order",
+    "hide_table_of_contents": true,
+    "slug": "Fill_Stroke_Order.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Blend Mode",
+    "permalink": "/docs/styling/Blend_Mode.html"
+  },
+  "next": {
+    "title": "Binding Events",
+    "permalink": "/docs/events/Binding_Events.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-support-md-8e8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-support-md-8e8.json
new file mode 100644
index 000000000..484c3f3ff
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-support-md-8e8.json
@@ -0,0 +1,30 @@
+{
+  "id": "docs/support",
+  "title": "Need help with Konva library?",
+  "description": "Looking for a help with Konva framework?",
+  "source": "@site/content/docs/support.md",
+  "sourceDirName": "docs",
+  "slug": "/docs/support.html",
+  "permalink": "/docs/support.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/support.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "sidebar_position": 3,
+    "title": "Need help with Konva library?",
+    "sidebar_label": "Support",
+    "slug": "support.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Overview",
+    "permalink": "/docs/overview.html"
+  },
+  "next": {
+    "title": "Donate",
+    "permalink": "/docs/donate.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-bindings-md-871.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-bindings-md-871.json
new file mode 100644
index 000000000..ee899dbdd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-bindings-md-871.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Bindings",
+  "title": "Bindings",
+  "description": "title: Binding the config prop",
+  "source": "@site/content/docs/svelte/Bindings.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Bindings",
+  "permalink": "/docs/svelte/Bindings",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Bindings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "zIndex",
+    "permalink": "/docs/vue/zIndex"
+  },
+  "next": {
+    "title": "Cache",
+    "permalink": "/docs/svelte/Cache"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-cache-md-39c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-cache-md-39c.json
new file mode 100644
index 000000000..49c5e2262
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-cache-md-39c.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Cache",
+  "title": "Cache",
+  "description": "title: How to cache canvas shapes with Svelte",
+  "source": "@site/content/docs/svelte/Cache.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Cache",
+  "permalink": "/docs/svelte/Cache",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Cache.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Bindings",
+    "permalink": "/docs/svelte/Bindings"
+  },
+  "next": {
+    "title": "Custom_Shape",
+    "permalink": "/docs/svelte/Custom_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-custom-shape-md-973.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-custom-shape-md-973.json
new file mode 100644
index 000000000..3e2f2c735
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-custom-shape-md-973.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom canvas shape with Svelte?",
+  "source": "@site/content/docs/svelte/Custom_Shape.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Custom_Shape",
+  "permalink": "/docs/svelte/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Cache",
+    "permalink": "/docs/svelte/Cache"
+  },
+  "next": {
+    "title": "Drag_And_Drop",
+    "permalink": "/docs/svelte/Drag_And_Drop"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-drag-and-drop-md-b90.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-drag-and-drop-md-b90.json
new file mode 100644
index 000000000..a2c236d80
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-drag-and-drop-md-b90.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes with Svelte",
+  "source": "@site/content/docs/svelte/Drag_And_Drop.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Drag_And_Drop",
+  "permalink": "/docs/svelte/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Shape",
+    "permalink": "/docs/svelte/Custom_Shape"
+  },
+  "next": {
+    "title": "Events",
+    "permalink": "/docs/svelte/Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-events-md-07d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-events-md-07d.json
new file mode 100644
index 000000000..cf9d6f406
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-events-md-07d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with Svelte and Konva?",
+  "source": "@site/content/docs/svelte/Events.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Events",
+  "permalink": "/docs/svelte/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_And_Drop",
+    "permalink": "/docs/svelte/Drag_And_Drop"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/docs/svelte/Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-filters-md-9b7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-filters-md-9b7.json
new file mode 100644
index 000000000..abaae7632
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-filters-md-9b7.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with Svelte and Konva?",
+  "source": "@site/content/docs/svelte/Filters.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Filters",
+  "permalink": "/docs/svelte/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Events",
+    "permalink": "/docs/svelte/Events"
+  },
+  "next": {
+    "title": "Images",
+    "permalink": "/docs/svelte/Images"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-images-md-5ee.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-images-md-5ee.json
new file mode 100644
index 000000000..2de3e0943
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-images-md-5ee.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Images",
+  "title": "Images",
+  "description": "title: How to draw image on canvas with Svelte?",
+  "source": "@site/content/docs/svelte/Images.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Images",
+  "permalink": "/docs/svelte/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/docs/svelte/Filters"
+  },
+  "next": {
+    "title": "Konva_Node",
+    "permalink": "/docs/svelte/Konva_Node"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-index-md-494.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-index-md-494.json
new file mode 100644
index 000000000..ef4f9fd63
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-index-md-494.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/index",
+  "title": "index",
+  "description": "title: Getting started with Svelte and canvas via Konva",
+  "source": "@site/content/docs/svelte/index.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/",
+  "permalink": "/docs/svelte/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/docs/svelte/Transformer"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/docs/svelte/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-konva-node-md-c93.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-konva-node-md-c93.json
new file mode 100644
index 000000000..3d9f51630
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-konva-node-md-c93.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Konva_Node",
+  "title": "Konva_Node",
+  "description": "title: Accessing the Konva node",
+  "source": "@site/content/docs/svelte/Konva_Node.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Konva_Node",
+  "permalink": "/docs/svelte/Konva_Node",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Konva_Node.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Images",
+    "permalink": "/docs/svelte/Images"
+  },
+  "next": {
+    "title": "Labels",
+    "permalink": "/docs/svelte/Labels"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-labels-md-5ac.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-labels-md-5ac.json
new file mode 100644
index 000000000..f07dfa8f1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-labels-md-5ac.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Labels",
+  "title": "Labels",
+  "description": "title: Using labels with Svelte",
+  "source": "@site/content/docs/svelte/Labels.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Labels",
+  "permalink": "/docs/svelte/Labels",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Labels.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Konva_Node",
+    "permalink": "/docs/svelte/Konva_Node"
+  },
+  "next": {
+    "title": "Save_Load",
+    "permalink": "/docs/svelte/Save_Load"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-save-load-md-9c8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-save-load-md-9c8.json
new file mode 100644
index 000000000..f4178cd46
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-save-load-md-9c8.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Save_Load",
+  "title": "Save_Load",
+  "description": "title: Saving and loading canvas with Svelte and Konva",
+  "source": "@site/content/docs/svelte/Save_Load.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Save_Load",
+  "permalink": "/docs/svelte/Save_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Save_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Labels",
+    "permalink": "/docs/svelte/Labels"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/docs/svelte/Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-shapes-md-3e6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-shapes-md-3e6.json
new file mode 100644
index 000000000..0dd92c31e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-shapes-md-3e6.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with Svelte",
+  "source": "@site/content/docs/svelte/Shapes.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Shapes",
+  "permalink": "/docs/svelte/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Save_Load",
+    "permalink": "/docs/svelte/Save_Load"
+  },
+  "next": {
+    "title": "Simple_Animations",
+    "permalink": "/docs/svelte/Simple_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-simple-animations-md-168.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-simple-animations-md-168.json
new file mode 100644
index 000000000..061a3f321
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-simple-animations-md-168.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with Svelte and Konva?",
+  "source": "@site/content/docs/svelte/Simple_Animations.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Simple_Animations",
+  "permalink": "/docs/svelte/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/docs/svelte/Shapes"
+  },
+  "next": {
+    "title": "SvelteKit",
+    "permalink": "/docs/svelte/SvelteKit"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-svelte-kit-md-7fa.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-svelte-kit-md-7fa.json
new file mode 100644
index 000000000..615b06a56
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-svelte-kit-md-7fa.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/SvelteKit",
+  "title": "SvelteKit",
+  "description": "title: How to use svelte-konva with SvelteKit?",
+  "source": "@site/content/docs/svelte/SvelteKit.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/SvelteKit",
+  "permalink": "/docs/svelte/SvelteKit",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/SvelteKit.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Animations",
+    "permalink": "/docs/svelte/Simple_Animations"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/docs/svelte/Transformer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-transformer-md-b33.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-transformer-md-b33.json
new file mode 100644
index 000000000..b3dcbccdb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-transformer-md-b33.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with Svelte and Konva?",
+  "source": "@site/content/docs/svelte/Transformer.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/Transformer",
+  "permalink": "/docs/svelte/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "SvelteKit",
+    "permalink": "/docs/svelte/SvelteKit"
+  },
+  "next": {
+    "title": "index",
+    "permalink": "/docs/svelte/"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-z-index-md-0ed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-z-index-md-0ed.json
new file mode 100644
index 000000000..606c5a11a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-svelte-z-index-md-0ed.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/svelte/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with svelte-konva?",
+  "source": "@site/content/docs/svelte/zIndex.md",
+  "sourceDirName": "docs/svelte",
+  "slug": "/docs/svelte/zIndex",
+  "permalink": "/docs/svelte/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/svelte/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "index",
+    "permalink": "/docs/svelte/"
+  },
+  "next": {
+    "title": "Position_vs_Offset",
+    "permalink": "/docs/posts/Position_vs_Offset"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tools-md-370.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tools-md-370.json
new file mode 100644
index 000000000..3393beaeb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tools-md-370.json
@@ -0,0 +1,27 @@
+{
+  "id": "docs/tools",
+  "title": "Konva.js Tools and Plugins",
+  "description": "- Konva + React",
+  "source": "@site/content/docs/tools.md",
+  "sourceDirName": "docs",
+  "slug": "/docs/tools.html",
+  "permalink": "/docs/tools.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tools.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 0,
+  "frontMatter": {
+    "sidebar_position": 0,
+    "title": "Konva.js Tools and Plugins",
+    "sidebar_label": "Tools",
+    "slug": "tools.html",
+    "sidebar_class_name": "hidden"
+  },
+  "sidebar": "tutorialsSidebar",
+  "next": {
+    "title": "Intro",
+    "permalink": "/docs/index.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-md-deb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-md-deb.json
new file mode 100644
index 000000000..6d3c1c04b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-md-deb.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/All_Controls",
+  "title": "All Tween Controls Tutorial",
+  "description": "To control tweens with Konva, we can use the following methods:",
+  "source": "@site/content/docs/tweens/All_Controls.md",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/All_Controls.html",
+  "permalink": "/docs/tweens/All_Controls.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/All_Controls.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "All Tween Controls Tutorial",
+    "sidebar_label": "All Controls",
+    "hide_table_of_contents": true,
+    "slug": "All_Controls.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Threshold",
+    "permalink": "/docs/filters/Threshold.html"
+  },
+  "next": {
+    "title": "All_Easings",
+    "permalink": "/docs/tweens/All_Easings"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-mdx-a4f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-mdx-a4f.json
new file mode 100644
index 000000000..8f2860516
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-controls-mdx-a4f.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/All_Controls",
+  "title": "All Tween Controls Tutorial",
+  "description": "To control tweens with Konva, we can use the following methods:",
+  "source": "@site/content/docs/tweens/All_Controls.mdx",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/All_Controls.html",
+  "permalink": "/docs/tweens/All_Controls.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/All_Controls.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "All Tween Controls Tutorial",
+    "sidebar_label": "All Controls",
+    "hide_table_of_contents": true,
+    "slug": "All_Controls.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Threshold",
+    "permalink": "/docs/filters/Threshold.html"
+  },
+  "next": {
+    "title": "All Easings",
+    "permalink": "/docs/tweens/All_Easings.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-md-571.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-md-571.json
new file mode 100644
index 000000000..e4e9f4d55
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-md-571.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/All_Easings",
+  "title": "More Easing Functions Tutorial",
+  "description": "This tutorial demonstrates all of the easing function sets provided by Konva, including:",
+  "source": "@site/content/docs/tweens/All_Easings.md",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/All_Easings.html",
+  "permalink": "/docs/tweens/All_Easings.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/All_Easings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "More Easing Functions Tutorial",
+    "sidebar_label": "All Easings",
+    "hide_table_of_contents": true,
+    "slug": "All_Easings.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All Controls",
+    "permalink": "/docs/tweens/All_Controls.html"
+  },
+  "next": {
+    "title": "Common_Easings",
+    "permalink": "/docs/tweens/Common_Easings"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-mdx-684.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-mdx-684.json
new file mode 100644
index 000000000..144cfe0cb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-all-easings-mdx-684.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/All_Easings",
+  "title": "More Easing Functions Tutorial",
+  "description": "This tutorial demonstrates all of the easing function sets provided by Konva, including:",
+  "source": "@site/content/docs/tweens/All_Easings.mdx",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/All_Easings.html",
+  "permalink": "/docs/tweens/All_Easings.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/All_Easings.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "More Easing Functions Tutorial",
+    "sidebar_label": "All Easings",
+    "hide_table_of_contents": true,
+    "slug": "All_Easings.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All Controls",
+    "permalink": "/docs/tweens/All_Controls.html"
+  },
+  "next": {
+    "title": "Common Easings",
+    "permalink": "/docs/tweens/Common_Easings.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-md-eb0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-md-eb0.json
new file mode 100644
index 000000000..7fab7c922
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-md-eb0.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Common_Easings",
+  "title": "Simple Easings Tutorial",
+  "description": "To create a non-linear easing tween with Konva, we can set the easing property to an easing function. Other than Konva.Easings.Linear, the other most common easings are:",
+  "source": "@site/content/docs/tweens/Common_Easings.md",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Common_Easings.html",
+  "permalink": "/docs/tweens/Common_Easings.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Common_Easings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Simple Easings Tutorial",
+    "sidebar_label": "Common Easings",
+    "hide_table_of_contents": true,
+    "slug": "Common_Easings.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All Easings",
+    "permalink": "/docs/tweens/All_Easings.html"
+  },
+  "next": {
+    "title": "Complex_Tweening",
+    "permalink": "/docs/tweens/Complex_Tweening"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-mdx-210.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-mdx-210.json
new file mode 100644
index 000000000..acffe9d03
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-common-easings-mdx-210.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Common_Easings",
+  "title": "Simple Easings Tutorial",
+  "description": "To create a non-linear easing tween with Konva, we can set the easing property to an easing function. Other than Konva.Easings.Linear, the other most common easings are:",
+  "source": "@site/content/docs/tweens/Common_Easings.mdx",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Common_Easings.html",
+  "permalink": "/docs/tweens/Common_Easings.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Common_Easings.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Simple Easings Tutorial",
+    "sidebar_label": "Common Easings",
+    "hide_table_of_contents": true,
+    "slug": "Common_Easings.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All Easings",
+    "permalink": "/docs/tweens/All_Easings.html"
+  },
+  "next": {
+    "title": "Complex Tweening",
+    "permalink": "/docs/tweens/Complex_Tweening.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-md-ed5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-md-ed5.json
new file mode 100644
index 000000000..71652d06f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-md-ed5.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Complex_Tweening",
+  "title": "Complex Tweening Tutorial",
+  "description": "For more complex animations, you can use GreenSock Konva Plugin.",
+  "source": "@site/content/docs/tweens/Complex_Tweening.md",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Complex_Tweening.html",
+  "permalink": "/docs/tweens/Complex_Tweening.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Complex_Tweening.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Complex Tweening Tutorial",
+    "sidebar_label": "Complex Tweening",
+    "hide_table_of_contents": true,
+    "slug": "Complex_Tweening.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Common Easings",
+    "permalink": "/docs/tweens/Common_Easings.html"
+  },
+  "next": {
+    "title": "Finish_Event",
+    "permalink": "/docs/tweens/Finish_Event"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-mdx-a20.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-mdx-a20.json
new file mode 100644
index 000000000..c842f7a82
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-complex-tweening-mdx-a20.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Complex_Tweening",
+  "title": "Complex Tweening Tutorial",
+  "description": "For more complex animations, you can use GreenSock Konva Plugin.",
+  "source": "@site/content/docs/tweens/Complex_Tweening.mdx",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Complex_Tweening.html",
+  "permalink": "/docs/tweens/Complex_Tweening.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Complex_Tweening.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Complex Tweening Tutorial",
+    "sidebar_label": "Complex Tweening",
+    "hide_table_of_contents": true,
+    "slug": "Complex_Tweening.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Common Easings",
+    "permalink": "/docs/tweens/Common_Easings.html"
+  },
+  "next": {
+    "title": "Finish_Event",
+    "permalink": "/docs/tweens/Finish_Event"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-md-2a5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-md-2a5.json
new file mode 100644
index 000000000..b2a6604a7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-md-2a5.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/tweens/Finish_Event",
+  "title": "Finish_Event",
+  "description": "title: HTML5 Canvas Tween Finish Event Tutorial",
+  "source": "@site/content/docs/tweens/Finish_Event.md",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Finish_Event",
+  "permalink": "/docs/tweens/Finish_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Finish_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Tweening",
+    "permalink": "/docs/tweens/Complex_Tweening.html"
+  },
+  "next": {
+    "title": "Linear Easing",
+    "permalink": "/docs/tweens/Linear_Easing.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-mdx-767.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-mdx-767.json
new file mode 100644
index 000000000..72a79115f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-finish-event-mdx-767.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/tweens/Finish_Event",
+  "title": "Finish_Event",
+  "description": "title: HTML5 Canvas Tween Finish Event Tutorial",
+  "source": "@site/content/docs/tweens/Finish_Event.mdx",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Finish_Event",
+  "permalink": "/docs/tweens/Finish_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Finish_Event.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex Tweening",
+    "permalink": "/docs/tweens/Complex_Tweening.html"
+  },
+  "next": {
+    "title": "Linear Easing",
+    "permalink": "/docs/tweens/Linear_Easing.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-md-a5a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-md-a5a.json
new file mode 100644
index 000000000..476e0c521
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-md-a5a.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Linear_Easing",
+  "title": "Basic Tweening Tutorial",
+  "description": "To tween properties with Konva, we can instantiate a Konva.Tween object and then start the tween by calling play().",
+  "source": "@site/content/docs/tweens/Linear_Easing.md",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Linear_Easing.html",
+  "permalink": "/docs/tweens/Linear_Easing.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Linear_Easing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Basic Tweening Tutorial",
+    "sidebar_label": "Linear Easing",
+    "hide_table_of_contents": true,
+    "slug": "Linear_Easing.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Finish_Event",
+    "permalink": "/docs/tweens/Finish_Event"
+  },
+  "next": {
+    "title": "Tween_Filter",
+    "permalink": "/docs/tweens/Tween_Filter"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-mdx-154.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-mdx-154.json
new file mode 100644
index 000000000..8c06b4c34
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-linear-easing-mdx-154.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Linear_Easing",
+  "title": "Basic Tweening Tutorial",
+  "description": "To tween properties with Konva, we can instantiate a Konva.Tween object and then start the tween by calling play().",
+  "source": "@site/content/docs/tweens/Linear_Easing.mdx",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Linear_Easing.html",
+  "permalink": "/docs/tweens/Linear_Easing.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Linear_Easing.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Basic Tweening Tutorial",
+    "sidebar_label": "Linear Easing",
+    "hide_table_of_contents": true,
+    "slug": "Linear_Easing.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Finish_Event",
+    "permalink": "/docs/tweens/Finish_Event"
+  },
+  "next": {
+    "title": "Filter Tweening",
+    "permalink": "/docs/tweens/Tween_Filter.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-md-1f1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-md-1f1.json
new file mode 100644
index 000000000..7ba93f14f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-md-1f1.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Tween_Filter",
+  "title": "Tween Blur Filter Tutorial",
+  "description": "To tween a filter using Konva, we can simply tween the properties associated with the filter.",
+  "source": "@site/content/docs/tweens/Tween_Filter.md",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Tween_Filter.html",
+  "permalink": "/docs/tweens/Tween_Filter.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Tween_Filter.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Tween Blur Filter Tutorial",
+    "sidebar_label": "Filter Tweening",
+    "hide_table_of_contents": true,
+    "slug": "Tween_Filter.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Linear Easing",
+    "permalink": "/docs/tweens/Linear_Easing.html"
+  },
+  "next": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/docs/sandbox/Shapes_with_Tooltip"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-mdx-8bf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-mdx-8bf.json
new file mode 100644
index 000000000..d1718e75a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-tweens-tween-filter-mdx-8bf.json
@@ -0,0 +1,29 @@
+{
+  "id": "docs/tweens/Tween_Filter",
+  "title": "Tween Blur Filter Tutorial",
+  "description": "To tween a filter using Konva, we can simply tween the properties associated with the filter.",
+  "source": "@site/content/docs/tweens/Tween_Filter.mdx",
+  "sourceDirName": "docs/tweens",
+  "slug": "/docs/tweens/Tween_Filter.html",
+  "permalink": "/docs/tweens/Tween_Filter.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/tweens/Tween_Filter.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Tween Blur Filter Tutorial",
+    "sidebar_label": "Filter Tweening",
+    "hide_table_of_contents": true,
+    "slug": "Tween_Filter.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Linear Easing",
+    "permalink": "/docs/tweens/Linear_Easing.html"
+  },
+  "next": {
+    "title": "Create Animation",
+    "permalink": "/docs/animations/Create_an_Animation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-cache-md-e0d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-cache-md-e0d.json
new file mode 100644
index 000000000..7ddb5e7c7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-cache-md-e0d.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Cache",
+  "title": "Cache",
+  "description": "title: How to cache canvas shapes with Vue",
+  "source": "@site/content/docs/vue/Cache.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Cache",
+  "permalink": "/docs/vue/Cache",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Cache.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "zIndex",
+    "permalink": "/docs/react/zIndex"
+  },
+  "next": {
+    "title": "Custom_Shape",
+    "permalink": "/docs/vue/Custom_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-custom-shape-md-9a0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-custom-shape-md-9a0.json
new file mode 100644
index 000000000..6aae42e9e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-custom-shape-md-9a0.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom canvas shape with Vue?",
+  "source": "@site/content/docs/vue/Custom_Shape.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Custom_Shape",
+  "permalink": "/docs/vue/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Cache",
+    "permalink": "/docs/vue/Cache"
+  },
+  "next": {
+    "title": "Drag_And_Drop",
+    "permalink": "/docs/vue/Drag_And_Drop"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-drag-and-drop-md-650.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-drag-and-drop-md-650.json
new file mode 100644
index 000000000..0267430aa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-drag-and-drop-md-650.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes with vue",
+  "source": "@site/content/docs/vue/Drag_And_Drop.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Drag_And_Drop",
+  "permalink": "/docs/vue/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Shape",
+    "permalink": "/docs/vue/Custom_Shape"
+  },
+  "next": {
+    "title": "Events",
+    "permalink": "/docs/vue/Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-events-md-71b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-events-md-71b.json
new file mode 100644
index 000000000..26a60345c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-events-md-71b.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with Vue and Konva?",
+  "source": "@site/content/docs/vue/Events.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Events",
+  "permalink": "/docs/vue/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_And_Drop",
+    "permalink": "/docs/vue/Drag_And_Drop"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/docs/vue/Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-filters-md-ac2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-filters-md-ac2.json
new file mode 100644
index 000000000..599383c01
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-filters-md-ac2.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with vue and konva?",
+  "source": "@site/content/docs/vue/Filters.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Filters",
+  "permalink": "/docs/vue/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Events",
+    "permalink": "/docs/vue/Events"
+  },
+  "next": {
+    "title": "Images",
+    "permalink": "/docs/vue/Images"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-images-md-c2a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-images-md-c2a.json
new file mode 100644
index 000000000..b88892a55
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-images-md-c2a.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Images",
+  "title": "Images",
+  "description": "title: How to draw image on canvas with Vue?",
+  "source": "@site/content/docs/vue/Images.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Images",
+  "permalink": "/docs/vue/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/docs/vue/Filters"
+  },
+  "next": {
+    "title": "Save-Load",
+    "permalink": "/docs/vue/Save-Load"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-index-md-150.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-index-md-150.json
new file mode 100644
index 000000000..d15c3a6df
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-index-md-150.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/index",
+  "title": "index",
+  "description": "title: Getting started with vue and canvas via Konva",
+  "source": "@site/content/docs/vue/index.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/",
+  "permalink": "/docs/vue/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/docs/vue/Transformer"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/docs/vue/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-save-load-md-7bc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-save-load-md-7bc.json
new file mode 100644
index 000000000..9ae5a9f9c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-save-load-md-7bc.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Save-Load",
+  "title": "Save-Load",
+  "description": "title: Saving and loading canvas with Vue and Konva",
+  "source": "@site/content/docs/vue/Save-Load.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Save-Load",
+  "permalink": "/docs/vue/Save-Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Save-Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Images",
+    "permalink": "/docs/vue/Images"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/docs/vue/Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-shapes-md-391.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-shapes-md-391.json
new file mode 100644
index 000000000..47c426950
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-shapes-md-391.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with Vue",
+  "source": "@site/content/docs/vue/Shapes.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Shapes",
+  "permalink": "/docs/vue/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Save-Load",
+    "permalink": "/docs/vue/Save-Load"
+  },
+  "next": {
+    "title": "Simple_Animations",
+    "permalink": "/docs/vue/Simple_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-simple-animations-md-188.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-simple-animations-md-188.json
new file mode 100644
index 000000000..d4b8cccb5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-simple-animations-md-188.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with vue and konva?",
+  "source": "@site/content/docs/vue/Simple_Animations.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Simple_Animations",
+  "permalink": "/docs/vue/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/docs/vue/Shapes"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/docs/vue/Transformer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-transformer-md-f23.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-transformer-md-f23.json
new file mode 100644
index 000000000..7cdb0eb02
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-transformer-md-f23.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with vue and konva?",
+  "source": "@site/content/docs/vue/Transformer.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/Transformer",
+  "permalink": "/docs/vue/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Animations",
+    "permalink": "/docs/vue/Simple_Animations"
+  },
+  "next": {
+    "title": "index",
+    "permalink": "/docs/vue/"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-z-index-md-c6a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-z-index-md-c6a.json
new file mode 100644
index 000000000..a331549d6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-docs-vue-z-index-md-c6a.json
@@ -0,0 +1,24 @@
+{
+  "id": "docs/vue/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with Vue?",
+  "source": "@site/content/docs/vue/zIndex.md",
+  "sourceDirName": "docs/vue",
+  "slug": "/docs/vue/zIndex",
+  "permalink": "/docs/vue/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/docs/vue/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "index",
+    "permalink": "/docs/vue/"
+  },
+  "next": {
+    "title": "Bindings",
+    "permalink": "/docs/svelte/Bindings"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-donate-md-50e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-donate-md-50e.json
new file mode 100644
index 000000000..7815b9d6b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-donate-md-50e.json
@@ -0,0 +1,21 @@
+{
+  "id": "donate",
+  "title": "How to support and donate to Konva project?",
+  "description": "Hello, my name is Anton. I am core maintainer of Konva framework.",
+  "source": "@site/content/donate.md",
+  "sourceDirName": ".",
+  "slug": "/donate.html",
+  "permalink": "/donate.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/donate.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "sidebar_position": 4,
+    "title": "How to support and donate to Konva project?",
+    "sidebar_label": "Donate",
+    "slug": "donate.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-complex-drag-and-drop-md-a4c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-complex-drag-and-drop-md-a4c.json
new file mode 100644
index 000000000..d2c942c0e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-complex-drag-and-drop-md-a4c.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Complex_Drag_and_Drop",
+  "title": "Complex_Drag_and_Drop",
+  "description": "title: HTML5 Canvas Complex Drag and Drop Bounds",
+  "source": "@site/content/drag_and_drop/Complex_Drag_and_Drop.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Complex_Drag_and_Drop",
+  "permalink": "/drag_and_drop/Complex_Drag_and_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Complex_Drag_and_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-group-md-221.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-group-md-221.json
new file mode 100644
index 000000000..7310c89d4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-group-md-221.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Drag_a_Group",
+  "title": "Drag_a_Group",
+  "description": "title: HTML5 Canvas Drag and Drop a Group Tutorial",
+  "source": "@site/content/drag_and_drop/Drag_a_Group.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_a_Group",
+  "permalink": "/drag_and_drop/Drag_a_Group",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Drag_a_Group.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-line-md-b91.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-line-md-b91.json
new file mode 100644
index 000000000..1d1a21ea1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-line-md-b91.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Drag_a_Line",
+  "title": "Drag_a_Line",
+  "description": "title: Drag and Drop a Line",
+  "source": "@site/content/drag_and_drop/Drag_a_Line.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_a_Line",
+  "permalink": "/drag_and_drop/Drag_a_Line",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Drag_a_Line.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-stage-md-e37.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-stage-md-e37.json
new file mode 100644
index 000000000..b755347fb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-a-stage-md-e37.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Drag_a_Stage",
+  "title": "Drag_a_Stage",
+  "description": "title: HTML5 Canvas Drag and Drop the Stage",
+  "source": "@site/content/drag_and_drop/Drag_a_Stage.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_a_Stage",
+  "permalink": "/drag_and_drop/Drag_a_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Drag_a_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-an-image-md-669.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-an-image-md-669.json
new file mode 100644
index 000000000..b889b2c37
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-an-image-md-669.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Drag_an_Image",
+  "title": "Drag_an_Image",
+  "description": "title: HTML5 Canvas Drag and Drop an Image",
+  "source": "@site/content/drag_and_drop/Drag_an_Image.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_an_Image",
+  "permalink": "/drag_and_drop/Drag_an_Image",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Drag_an_Image.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-and-drop-md-4c8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-and-drop-md-4c8.json
new file mode 100644
index 000000000..0b0d75c72
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-and-drop-md-4c8.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Drag_and_Drop",
+  "title": "Drag_and_Drop",
+  "description": "title: HTML5 Canvas Drag and Drop Tutorial",
+  "source": "@site/content/drag_and_drop/Drag_and_Drop.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/",
+  "permalink": "/drag_and_drop/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Drag_and_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-events-md-af0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-events-md-af0.json
new file mode 100644
index 000000000..422759461
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drag-events-md-af0.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Drag_Events",
+  "title": "Drag_Events",
+  "description": "title: HTML5 Canvas Drag and Drop Events",
+  "source": "@site/content/drag_and_drop/Drag_Events.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_Events",
+  "permalink": "/drag_and_drop/Drag_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Drag_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drop-events-md-f6f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drop-events-md-f6f.json
new file mode 100644
index 000000000..083679b41
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-drop-events-md-f6f.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Drop_Events",
+  "title": "Drop_Events",
+  "description": "title: HTML5 Canvas Drop Events",
+  "source": "@site/content/drag_and_drop/Drop_Events.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drop_Events",
+  "permalink": "/drag_and_drop/Drop_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Drop_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-simple-drag-bounds-md-e92.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-simple-drag-bounds-md-e92.json
new file mode 100644
index 000000000..e55b7ebcd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-drag-and-drop-simple-drag-bounds-md-e92.json
@@ -0,0 +1,15 @@
+{
+  "id": "drag_and_drop/Simple_Drag_Bounds",
+  "title": "Simple_Drag_Bounds",
+  "description": "title: HTML5 Canvas Simple Drag Bounds Tutorial",
+  "source": "@site/content/drag_and_drop/Simple_Drag_Bounds.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Simple_Drag_Bounds",
+  "permalink": "/drag_and_drop/Simple_Drag_Bounds",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/drag_and_drop/Simple_Drag_Bounds.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-binding-events-md-270.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-binding-events-md-270.json
new file mode 100644
index 000000000..ba9034aa9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-binding-events-md-270.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Binding_Events",
+  "title": "Binding_Events",
+  "description": "title: HTML5 Canvas Shape Events",
+  "source": "@site/content/events/Binding_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Binding_Events",
+  "permalink": "/events/Binding_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Binding_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-cancel-propagation-md-721.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-cancel-propagation-md-721.json
new file mode 100644
index 000000000..3610c98ad
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-cancel-propagation-md-721.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Cancel_Propagation",
+  "title": "Cancel_Propagation",
+  "description": "title: HTML5 Canvas Cancel Event Bubble Propagation with Konva",
+  "source": "@site/content/events/Cancel_Propagation.md",
+  "sourceDirName": "events",
+  "slug": "/events/Cancel_Propagation",
+  "permalink": "/events/Cancel_Propagation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Cancel_Propagation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-custom-hit-region-md-fc7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-custom-hit-region-md-fc7.json
new file mode 100644
index 000000000..3b846c7f0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-custom-hit-region-md-fc7.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Custom_Hit_Region",
+  "title": "Custom_Hit_Region",
+  "description": "title: HTML5 Canvas Custom Hit Detection Function Tutorial",
+  "source": "@site/content/events/Custom_Hit_Region.md",
+  "sourceDirName": "events",
+  "slug": "/events/Custom_Hit_Region",
+  "permalink": "/events/Custom_Hit_Region",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Custom_Hit_Region.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-desktop-and-mobile-md-0e9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-desktop-and-mobile-md-0e9.json
new file mode 100644
index 000000000..ac974baf8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-desktop-and-mobile-md-0e9.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Desktop_and_Mobile",
+  "title": "Desktop_and_Mobile",
+  "description": "title: HTML5 Canvas Desktop and Mobile Events Support Tutorial",
+  "source": "@site/content/events/Desktop_and_Mobile.md",
+  "sourceDirName": "events",
+  "slug": "/events/Desktop_and_Mobile",
+  "permalink": "/events/Desktop_and_Mobile",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Desktop_and_Mobile.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-event-delegation-md-176.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-event-delegation-md-176.json
new file mode 100644
index 000000000..4cb2a35fc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-event-delegation-md-176.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Event_Delegation",
+  "title": "Event_Delegation",
+  "description": "title: HTML5 Canvas Event Delegation with Konva",
+  "source": "@site/content/events/Event_Delegation.md",
+  "sourceDirName": "events",
+  "slug": "/events/Event_Delegation",
+  "permalink": "/events/Event_Delegation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Event_Delegation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-fire-events-md-ee3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-fire-events-md-ee3.json
new file mode 100644
index 000000000..ccc5c9e66
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-fire-events-md-ee3.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Fire_Events",
+  "title": "Fire_Events",
+  "description": "title: HTML5 Canvas Fire Event with Konva",
+  "source": "@site/content/events/Fire_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Fire_Events",
+  "permalink": "/events/Fire_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Fire_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-image-events-md-7d5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-image-events-md-7d5.json
new file mode 100644
index 000000000..ca5c4469e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-image-events-md-7d5.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Image_Events",
+  "title": "Image_Events",
+  "description": "title: HTML5 Canvas Image Events with Konva",
+  "source": "@site/content/events/Image_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Image_Events",
+  "permalink": "/events/Image_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Image_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-keyboard-events-md-f9b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-keyboard-events-md-f9b.json
new file mode 100644
index 000000000..58ab96e1a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-keyboard-events-md-f9b.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Keyboard_Events",
+  "title": "Keyboard_Events",
+  "description": "title: HTML5 Canvas Keyboard events with Konva",
+  "source": "@site/content/events/Keyboard_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Keyboard_Events",
+  "permalink": "/events/Keyboard_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Keyboard_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-listen-for-events-md-e11.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-listen-for-events-md-e11.json
new file mode 100644
index 000000000..d799274c7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-listen-for-events-md-e11.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Listen_for_Events",
+  "title": "Listen_for_Events",
+  "description": "title: HTML5 Canvas Listen or Don’t Listen to Events with Konva",
+  "source": "@site/content/events/Listen_for_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Listen_for_Events",
+  "permalink": "/events/Listen_for_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Listen_for_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-events-md-0ab.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-events-md-0ab.json
new file mode 100644
index 000000000..1164ccd70
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-events-md-0ab.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Mobile_Events",
+  "title": "Mobile_Events",
+  "description": "title: HTML5 Canvas Mobile Touch Events Tutorial",
+  "source": "@site/content/events/Mobile_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Mobile_Events",
+  "permalink": "/events/Mobile_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Mobile_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-scrolling-md-409.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-scrolling-md-409.json
new file mode 100644
index 000000000..5fac750d2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-mobile-scrolling-md-409.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Mobile_Scrolling",
+  "title": "Mobile_Scrolling",
+  "description": "title: HTML5 Canvas Mobile Scrolling and Native Events with Konva",
+  "source": "@site/content/events/Mobile_Scrolling.md",
+  "sourceDirName": "events",
+  "slug": "/events/Mobile_Scrolling",
+  "permalink": "/events/Mobile_Scrolling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Mobile_Scrolling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-multi-event-md-33e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-multi-event-md-33e.json
new file mode 100644
index 000000000..3c2d46250
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-multi-event-md-33e.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Multi_Event",
+  "title": "Multi_Event",
+  "description": "title: HTML5 Canvas Canvas Multi-Event Binding Tutorial",
+  "source": "@site/content/events/Multi_Event.md",
+  "sourceDirName": "events",
+  "slug": "/events/Multi_Event",
+  "permalink": "/events/Multi_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Multi_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-pointer-events-md-f88.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-pointer-events-md-f88.json
new file mode 100644
index 000000000..681d87915
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-pointer-events-md-f88.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Pointer_Events",
+  "title": "Pointer_Events",
+  "description": "title: HTML5 Canvas Pointer Events Tutorial",
+  "source": "@site/content/events/Pointer_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Pointer_Events",
+  "permalink": "/events/Pointer_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Pointer_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-by-name-md-dd0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-by-name-md-dd0.json
new file mode 100644
index 000000000..24c1e03b9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-by-name-md-dd0.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Remove_by_Name",
+  "title": "Remove_by_Name",
+  "description": "title: HTML5 Canvas Remove Event Listener by Name with Konva",
+  "source": "@site/content/events/Remove_by_Name.md",
+  "sourceDirName": "events",
+  "slug": "/events/Remove_by_Name",
+  "permalink": "/events/Remove_by_Name",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Remove_by_Name.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-event-md-537.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-event-md-537.json
new file mode 100644
index 000000000..4e82b099e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-remove-event-md-537.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Remove_Event",
+  "title": "Remove_Event",
+  "description": "title: HTML5 Canvas Remove Event Listener with Konva",
+  "source": "@site/content/events/Remove_Event.md",
+  "sourceDirName": "events",
+  "slug": "/events/Remove_Event",
+  "permalink": "/events/Remove_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Remove_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-stage-events-md-9c5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-stage-events-md-9c5.json
new file mode 100644
index 000000000..b08c112e5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-events-stage-events-md-9c5.json
@@ -0,0 +1,15 @@
+{
+  "id": "events/Stage_Events",
+  "title": "Stage_Events",
+  "description": "title: HTML5 Canvas Special Stage Events Konva",
+  "source": "@site/content/events/Stage_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Stage_Events",
+  "permalink": "/events/Stage_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/events/Stage_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-blur-md-5e4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-blur-md-5e4.json
new file mode 100644
index 000000000..fbf4b3ce9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-blur-md-5e4.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Blur",
+  "title": "Blur",
+  "description": "title: HTML5 Canvas Blur Image Filter Tutorial",
+  "source": "@site/content/filters/Blur.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Blur",
+  "permalink": "/filters/Blur",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Blur.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-brighten-md-9b1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-brighten-md-9b1.json
new file mode 100644
index 000000000..e5ee2016c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-brighten-md-9b1.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Brighten",
+  "title": "Brighten",
+  "description": "title: HTML5 Canvas Brighten Image Filter Tutorial",
+  "source": "@site/content/filters/Brighten.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Brighten",
+  "permalink": "/filters/Brighten",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Brighten.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-contrast-md-a3e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-contrast-md-a3e.json
new file mode 100644
index 000000000..33aad8583
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-contrast-md-a3e.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Contrast",
+  "title": "Contrast",
+  "description": "title: HTML5 Canvas Contrast filter Image Tutorial",
+  "source": "@site/content/filters/Contrast.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Contrast",
+  "permalink": "/filters/Contrast",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Contrast.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-custom-filter-md-512.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-custom-filter-md-512.json
new file mode 100644
index 000000000..c72bff3cb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-custom-filter-md-512.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Custom_Filter",
+  "title": "Custom_Filter",
+  "description": "title: HTML5 Canvas Custom Filter Tutorial",
+  "source": "@site/content/filters/Custom_Filter.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Custom_Filter",
+  "permalink": "/filters/Custom_Filter",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Custom_Filter.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-emboss-md-f1e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-emboss-md-f1e.json
new file mode 100644
index 000000000..26eaf4e50
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-emboss-md-f1e.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Emboss",
+  "title": "Emboss",
+  "description": "title: HTML5 Canvas Emboss filter Image Tutorial",
+  "source": "@site/content/filters/Emboss.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Emboss",
+  "permalink": "/filters/Emboss",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Emboss.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-enhance-md-c26.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-enhance-md-c26.json
new file mode 100644
index 000000000..2418422b6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-enhance-md-c26.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Enhance",
+  "title": "Enhance",
+  "description": "title: HTML5 Canvas Enhance Image Filter Tutorial",
+  "source": "@site/content/filters/Enhance.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Enhance",
+  "permalink": "/filters/Enhance",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Enhance.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-grayscale-md-bcc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-grayscale-md-bcc.json
new file mode 100644
index 000000000..c1f1c594e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-grayscale-md-bcc.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Grayscale",
+  "title": "Grayscale",
+  "description": "title: HTML5 Canvas Grayscale Image Filter Tutorial",
+  "source": "@site/content/filters/Grayscale.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Grayscale",
+  "permalink": "/filters/Grayscale",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Grayscale.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsl-md-3f2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsl-md-3f2.json
new file mode 100644
index 000000000..e970b7190
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsl-md-3f2.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/HSL",
+  "title": "HSL",
+  "description": "title: HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial",
+  "source": "@site/content/filters/HSL.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/HSL",
+  "permalink": "/filters/HSL",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/HSL.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsv-md-fb8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsv-md-fb8.json
new file mode 100644
index 000000000..b2d3ff562
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-hsv-md-fb8.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/HSV",
+  "title": "HSV",
+  "description": "title: HTML5 Canvas Hue, Saturation and Value filter Image Tutorial",
+  "source": "@site/content/filters/HSV.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/HSV",
+  "permalink": "/filters/HSV",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/HSV.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-invert-md-1b2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-invert-md-1b2.json
new file mode 100644
index 000000000..e6cce12b1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-invert-md-1b2.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Invert",
+  "title": "Invert",
+  "description": "title: HTML5 Canvas Invert Image Filter Tutorial",
+  "source": "@site/content/filters/Invert.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Invert",
+  "permalink": "/filters/Invert",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Invert.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-kaleidoscope-md-95e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-kaleidoscope-md-95e.json
new file mode 100644
index 000000000..5a42aa009
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-kaleidoscope-md-95e.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Kaleidoscope",
+  "title": "Kaleidoscope",
+  "description": "title: HTML5 Canvas Kaleidoscope Image Filter Tutorial",
+  "source": "@site/content/filters/Kaleidoscope.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Kaleidoscope",
+  "permalink": "/filters/Kaleidoscope",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Kaleidoscope.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-mask-md-368.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-mask-md-368.json
new file mode 100644
index 000000000..5bb77e07c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-mask-md-368.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Mask",
+  "title": "Mask",
+  "description": "title: HTML5 Canvas Mask Image Filter Tutorial",
+  "source": "@site/content/filters/Mask.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Mask",
+  "permalink": "/filters/Mask",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Mask.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-multiple-filters-md-0bb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-multiple-filters-md-0bb.json
new file mode 100644
index 000000000..fc8f26820
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-multiple-filters-md-0bb.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Multiple_Filters",
+  "title": "Multiple_Filters",
+  "description": "title: HTML5 Canvas Multiple Filters Tutorial",
+  "source": "@site/content/filters/Multiple_Filters.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Multiple_Filters",
+  "permalink": "/filters/Multiple_Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Multiple_Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-noise-md-fbf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-noise-md-fbf.json
new file mode 100644
index 000000000..363ba338a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-noise-md-fbf.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Noise",
+  "title": "Noise",
+  "description": "title: HTML5 Canvas Noise filter Image Tutorial",
+  "source": "@site/content/filters/Noise.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Noise",
+  "permalink": "/filters/Noise",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Noise.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-pixelate-md-533.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-pixelate-md-533.json
new file mode 100644
index 000000000..cd291ce5b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-pixelate-md-533.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/Pixelate",
+  "title": "Pixelate",
+  "description": "title: HTML5 Canvas Pixelate filter Image Tutorial",
+  "source": "@site/content/filters/Pixelate.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Pixelate",
+  "permalink": "/filters/Pixelate",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/Pixelate.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgb-md-452.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgb-md-452.json
new file mode 100644
index 000000000..2810da628
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgb-md-452.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/RGB",
+  "title": "RGB",
+  "description": "title: HTML5 Canvas RGB filter Image Tutorial",
+  "source": "@site/content/filters/RGB.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/RGB",
+  "permalink": "/filters/RGB",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/RGB.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgba-md-376.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgba-md-376.json
new file mode 100644
index 000000000..4d6d7356b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-filters-rgba-md-376.json
@@ -0,0 +1,15 @@
+{
+  "id": "filters/RGBA",
+  "title": "RGBA",
+  "description": "title: HTML5 Canvas RGBA filter Image Tutorial",
+  "source": "@site/content/filters/RGBA.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/RGBA",
+  "permalink": "/filters/RGBA",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/filters/RGBA.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-change-containers-md-e17.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-change-containers-md-e17.json
new file mode 100644
index 000000000..9b124fa60
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-change-containers-md-e17.json
@@ -0,0 +1,15 @@
+{
+  "id": "groups_and_layers/Change_Containers",
+  "title": "Change_Containers",
+  "description": "title: HTML5 Canvas Move Shape to Another Container Tutorial",
+  "source": "@site/content/groups_and_layers/Change_Containers.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/Change_Containers",
+  "permalink": "/groups_and_layers/Change_Containers",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/groups_and_layers/Change_Containers.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-groups-md-30e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-groups-md-30e.json
new file mode 100644
index 000000000..cd5131c7d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-groups-md-30e.json
@@ -0,0 +1,15 @@
+{
+  "id": "groups_and_layers/Groups",
+  "title": "Groups",
+  "description": "title: HTML5 Canvas Shape Groups",
+  "source": "@site/content/groups_and_layers/Groups.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/Groups",
+  "permalink": "/groups_and_layers/Groups",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/groups_and_layers/Groups.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-layering-md-530.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-layering-md-530.json
new file mode 100644
index 000000000..a6152afd3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-layering-md-530.json
@@ -0,0 +1,15 @@
+{
+  "id": "groups_and_layers/Layering",
+  "title": "Layering",
+  "description": "title: HTML5 Canvas Shape Layering",
+  "source": "@site/content/groups_and_layers/Layering.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/Layering",
+  "permalink": "/groups_and_layers/Layering",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/groups_and_layers/Layering.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-z-index-md-b76.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-z-index-md-b76.json
new file mode 100644
index 000000000..4be96023f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-groups-and-layers-z-index-md-b76.json
@@ -0,0 +1,15 @@
+{
+  "id": "groups_and_layers/zIndex",
+  "title": "zIndex",
+  "description": "title: How to set correct order of nodes using zIndex?",
+  "source": "@site/content/groups_and_layers/zIndex.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/zIndex",
+  "permalink": "/groups_and_layers/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/groups_and_layers/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-index-md-611.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-index-md-611.json
new file mode 100644
index 000000000..fa58d0ae2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-index-md-611.json
@@ -0,0 +1,22 @@
+{
+  "id": "index",
+  "title": "Starting with Konva",
+  "description": "What's Konva?",
+  "source": "@site/content/index.md",
+  "sourceDirName": ".",
+  "slug": "/index.html",
+  "permalink": "/index.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/index.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "sidebar_position": 1,
+    "title": "Starting with Konva",
+    "sidebar_label": "Intro",
+    "hide_table_of_contents": true,
+    "slug": "index.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-overview-md-23c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-overview-md-23c.json
new file mode 100644
index 000000000..7dec6b5f2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-overview-md-23c.json
@@ -0,0 +1,21 @@
+{
+  "id": "overview",
+  "title": "Konva Framework Overview",
+  "description": "What's Konva?",
+  "source": "@site/content/overview.md",
+  "sourceDirName": ".",
+  "slug": "/overview.html",
+  "permalink": "/overview.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/overview.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "sidebar_position": 2,
+    "title": "Konva Framework Overview",
+    "sidebar_label": "Overview",
+    "slug": "overview.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-all-performance-tips-md-904.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-all-performance-tips-md-904.json
new file mode 100644
index 000000000..a77bed611
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-all-performance-tips-md-904.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/All_Performance_Tips",
+  "title": "All_Performance_Tips",
+  "description": "title: HTML5 Canvas All Konva performance tips list",
+  "source": "@site/content/performance/All_Performance_Tips.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/All_Performance_Tips",
+  "permalink": "/performance/All_Performance_Tips",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/All_Performance_Tips.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-avoid-memory-leaks-md-0c4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-avoid-memory-leaks-md-0c4.json
new file mode 100644
index 000000000..1db17d02c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-avoid-memory-leaks-md-0c4.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Avoid_Memory_Leaks",
+  "title": "Avoid_Memory_Leaks",
+  "description": "title: HTML5 Canvas How to avoid Memory leaks Tip",
+  "source": "@site/content/performance/Avoid_Memory_Leaks.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Avoid_Memory_Leaks",
+  "permalink": "/performance/Avoid_Memory_Leaks",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Avoid_Memory_Leaks.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-batch-draw-md-799.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-batch-draw-md-799.json
new file mode 100644
index 000000000..9af3a93b6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-batch-draw-md-799.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Batch_Draw",
+  "title": "Batch_Draw",
+  "description": "title: HTML5 Canvas Batch Draw Tip",
+  "source": "@site/content/performance/Batch_Draw.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Batch_Draw",
+  "permalink": "/performance/Batch_Draw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Batch_Draw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-disable-perfect-draw-md-f7c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-disable-perfect-draw-md-f7c.json
new file mode 100644
index 000000000..7bfad2c7e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-disable-perfect-draw-md-f7c.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Disable_Perfect_Draw",
+  "title": "Disable_Perfect_Draw",
+  "description": "title: HTML5 Canvas Disable Perfect Drawing Tip",
+  "source": "@site/content/performance/Disable_Perfect_Draw.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Disable_Perfect_Draw",
+  "permalink": "/performance/Disable_Perfect_Draw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Disable_Perfect_Draw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-layer-management-md-286.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-layer-management-md-286.json
new file mode 100644
index 000000000..859d0edb9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-layer-management-md-286.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Layer_Management",
+  "title": "Layer_Management",
+  "description": "title: HTML5 Canvas Layer Management Performance Tip",
+  "source": "@site/content/performance/Layer_Management.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Layer_Management",
+  "permalink": "/performance/Layer_Management",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Layer_Management.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-listening-false-md-15e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-listening-false-md-15e.json
new file mode 100644
index 000000000..021cb851e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-listening-false-md-15e.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Listening_False",
+  "title": "Listening_False",
+  "description": "title: Disable Listening Shapes Tip",
+  "source": "@site/content/performance/Listening_False.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Listening_False",
+  "permalink": "/performance/Listening_False",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Listening_False.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-animation-md-758.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-animation-md-758.json
new file mode 100644
index 000000000..cb07b55c8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-animation-md-758.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Optimize_Animation",
+  "title": "Optimize_Animation",
+  "description": "title: HTML5 Canvas Optimize Animation Performance Tip",
+  "source": "@site/content/performance/Optimize_Animation.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Optimize_Animation",
+  "permalink": "/performance/Optimize_Animation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Optimize_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-strokes-md-cc6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-strokes-md-cc6.json
new file mode 100644
index 000000000..ae6c0f2ec
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-optimize-strokes-md-cc6.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Optimize_Strokes",
+  "title": "Optimize_Strokes",
+  "description": "title: HTML5 Canvas Optimizing Strokes Performance Tip",
+  "source": "@site/content/performance/Optimize_Strokes.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Optimize_Strokes",
+  "permalink": "/performance/Optimize_Strokes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Optimize_Strokes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-caching-md-141.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-caching-md-141.json
new file mode 100644
index 000000000..c98a91959
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-caching-md-141.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Shape_Caching",
+  "title": "Shape_Caching",
+  "description": "title: HTML5 Canvas Shape Caching Performance Tip",
+  "source": "@site/content/performance/Shape_Caching.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Shape_Caching",
+  "permalink": "/performance/Shape_Caching",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Shape_Caching.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-redraw-md-bb4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-redraw-md-bb4.json
new file mode 100644
index 000000000..d6861f147
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-performance-shape-redraw-md-bb4.json
@@ -0,0 +1,15 @@
+{
+  "id": "performance/Shape_Redraw",
+  "title": "Shape_Redraw",
+  "description": "title: HTML5 Canvas Shape Redraw Performance Tip",
+  "source": "@site/content/performance/Shape_Redraw.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Shape_Redraw",
+  "permalink": "/performance/Shape_Redraw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/performance/Shape_Redraw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-position-vs-offset-md-953.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-position-vs-offset-md-953.json
new file mode 100644
index 000000000..ad38926e5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-position-vs-offset-md-953.json
@@ -0,0 +1,15 @@
+{
+  "id": "posts/Position_vs_Offset",
+  "title": "Position_vs_Offset",
+  "description": "title: What is the difference between position and offset in Konva",
+  "source": "@site/content/posts/Position_vs_Offset.md",
+  "sourceDirName": "posts",
+  "slug": "/posts/Position_vs_Offset",
+  "permalink": "/posts/Position_vs_Offset",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/posts/Position_vs_Offset.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-tainted-canvas-md-a11.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-tainted-canvas-md-a11.json
new file mode 100644
index 000000000..05b1e4ea3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-posts-tainted-canvas-md-a11.json
@@ -0,0 +1,15 @@
+{
+  "id": "posts/Tainted_Canvas",
+  "title": "Tainted_Canvas",
+  "description": "title: Resolving \"Tainted canvases may not be exported\" with Konva",
+  "source": "@site/content/posts/Tainted_Canvas.md",
+  "sourceDirName": "posts",
+  "slug": "/posts/Tainted_Canvas",
+  "permalink": "/posts/Tainted_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/posts/Tainted_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-access-konva-nodes-md-7d8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-access-konva-nodes-md-7d8.json
new file mode 100644
index 000000000..06ec6308c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-access-konva-nodes-md-7d8.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Access_Konva_Nodes",
+  "title": "Access_Konva_Nodes",
+  "description": "title: How to access Konva nodes from react-konva?",
+  "source": "@site/content/react/Access_Konva_Nodes.md",
+  "sourceDirName": "react",
+  "slug": "/react/Access_Konva_Nodes",
+  "permalink": "/react/Access_Konva_Nodes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Access_Konva_Nodes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-export-md-427.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-export-md-427.json
new file mode 100644
index 000000000..5ed9ea268
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-export-md-427.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Canvas_Export",
+  "title": "Canvas_Export",
+  "description": "title: How to export a canvas into an image from react-konva?",
+  "source": "@site/content/react/Canvas_Export.md",
+  "sourceDirName": "react",
+  "slug": "/react/Canvas_Export",
+  "permalink": "/react/Canvas_Export",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Canvas_Export.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-portal-md-49f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-portal-md-49f.json
new file mode 100644
index 000000000..5e6f617ff
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-canvas-portal-md-49f.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Canvas_Portal",
+  "title": "Canvas_Portal",
+  "description": "title: How to use portals in react-konva?",
+  "source": "@site/content/react/Canvas_Portal.md",
+  "sourceDirName": "react",
+  "slug": "/react/Canvas_Portal",
+  "permalink": "/react/Canvas_Portal",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Canvas_Portal.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-complex-animations-md-0c0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-complex-animations-md-0c0.json
new file mode 100644
index 000000000..774a5183b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-complex-animations-md-0c0.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Complex_Animations",
+  "title": "Complex_Animations",
+  "description": "title: How to apply canvas animations with react and konva?",
+  "source": "@site/content/react/Complex_Animations.md",
+  "sourceDirName": "react",
+  "slug": "/react/Complex_Animations",
+  "permalink": "/react/Complex_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Complex_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-custom-shape-md-b44.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-custom-shape-md-b44.json
new file mode 100644
index 000000000..5cfdfce2a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-custom-shape-md-b44.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom shapes with React?",
+  "source": "@site/content/react/Custom_Shape.md",
+  "sourceDirName": "react",
+  "slug": "/react/Custom_Shape",
+  "permalink": "/react/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-dom-portal-md-6d8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-dom-portal-md-6d8.json
new file mode 100644
index 000000000..bf8db3389
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-dom-portal-md-6d8.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/DOM_Portal",
+  "title": "DOM_Portal",
+  "description": "title: Render DOM elements inside a canvas stage",
+  "source": "@site/content/react/DOM_Portal.md",
+  "sourceDirName": "react",
+  "slug": "/react/DOM_Portal",
+  "permalink": "/react/DOM_Portal",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/DOM_Portal.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drag-and-drop-md-833.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drag-and-drop-md-833.json
new file mode 100644
index 000000000..c156a9097
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drag-and-drop-md-833.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes",
+  "source": "@site/content/react/Drag_And_Drop.md",
+  "sourceDirName": "react",
+  "slug": "/react/Drag_And_Drop",
+  "permalink": "/react/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drop-image-md-61c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drop-image-md-61c.json
new file mode 100644
index 000000000..76619fde6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-drop-image-md-61c.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Drop_Image",
+  "title": "Drop_Image",
+  "description": "title: How to drop image elements into a canvas with React?",
+  "source": "@site/content/react/Drop_Image.md",
+  "sourceDirName": "react",
+  "slug": "/react/Drop_Image",
+  "permalink": "/react/Drop_Image",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Drop_Image.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-events-md-9f6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-events-md-9f6.json
new file mode 100644
index 000000000..ee0bf5aa8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-events-md-9f6.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with React and Konva?",
+  "source": "@site/content/react/Events.md",
+  "sourceDirName": "react",
+  "slug": "/react/Events",
+  "permalink": "/react/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-filters-md-e41.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-filters-md-e41.json
new file mode 100644
index 000000000..a8b174cd3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-filters-md-e41.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with react and konva?",
+  "source": "@site/content/react/Filters.md",
+  "sourceDirName": "react",
+  "slug": "/react/Filters",
+  "permalink": "/react/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-free-drawing-md-a50.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-free-drawing-md-a50.json
new file mode 100644
index 000000000..01a542f61
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-free-drawing-md-a50.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Free_Drawing",
+  "title": "Free_Drawing",
+  "description": "title: How to implement free drawing on canvas with react?",
+  "source": "@site/content/react/Free_Drawing.md",
+  "sourceDirName": "react",
+  "slug": "/react/Free_Drawing",
+  "permalink": "/react/Free_Drawing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Free_Drawing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-images-md-e19.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-images-md-e19.json
new file mode 100644
index 000000000..21262e99c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-images-md-e19.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Images",
+  "title": "Images",
+  "description": "title: How to draw images on canvas with React?",
+  "source": "@site/content/react/Images.md",
+  "sourceDirName": "react",
+  "slug": "/react/Images",
+  "permalink": "/react/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-index-md-5ed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-index-md-5ed.json
new file mode 100644
index 000000000..f99bd63f5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-index-md-5ed.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/index",
+  "title": "index",
+  "description": "title: Getting started with react and canvas via Konva",
+  "source": "@site/content/react/index.md",
+  "sourceDirName": "react",
+  "slug": "/react/",
+  "permalink": "/react/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-intro-md-694.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-intro-md-694.json
new file mode 100644
index 000000000..a77f2ac9b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-intro-md-694.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Intro",
+  "title": "Intro",
+  "description": "title: react-konva - declarative canvas components for React",
+  "source": "@site/content/react/Intro.md",
+  "sourceDirName": "react",
+  "slug": "/react/Intro",
+  "permalink": "/react/Intro",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Intro.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-shapes-md-032.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-shapes-md-032.json
new file mode 100644
index 000000000..548aac303
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-shapes-md-032.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with React",
+  "source": "@site/content/react/Shapes.md",
+  "sourceDirName": "react",
+  "slug": "/react/Shapes",
+  "permalink": "/react/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-simple-animations-md-3f4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-simple-animations-md-3f4.json
new file mode 100644
index 000000000..23f6cea2f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-simple-animations-md-3f4.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with react and konva?",
+  "source": "@site/content/react/Simple_Animations.md",
+  "sourceDirName": "react",
+  "slug": "/react/Simple_Animations",
+  "permalink": "/react/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-transformer-md-a9e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-transformer-md-a9e.json
new file mode 100644
index 000000000..4a91b318e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-transformer-md-a9e.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with react and konva?",
+  "source": "@site/content/react/Transformer.md",
+  "sourceDirName": "react",
+  "slug": "/react/Transformer",
+  "permalink": "/react/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-undo-redo-md-fe1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-undo-redo-md-fe1.json
new file mode 100644
index 000000000..305afa13f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-undo-redo-md-fe1.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/Undo-Redo",
+  "title": "Undo-Redo",
+  "description": "title: How to implement undo/redo on canvas with React?",
+  "source": "@site/content/react/Undo-Redo.md",
+  "sourceDirName": "react",
+  "slug": "/react/Undo-Redo",
+  "permalink": "/react/Undo-Redo",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/Undo-Redo.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-z-index-md-872.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-z-index-md-872.json
new file mode 100644
index 000000000..99350a86c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-react-z-index-md-872.json
@@ -0,0 +1,15 @@
+{
+  "id": "react/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with React?",
+  "source": "@site/content/react/zIndex.md",
+  "sourceDirName": "react",
+  "slug": "/react/zIndex",
+  "permalink": "/react/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/react/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-10000-shapes-with-tooltip-md-b51.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-10000-shapes-with-tooltip-md-b51.json
new file mode 100644
index 000000000..43d425132
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-10000-shapes-with-tooltip-md-b51.json
@@ -0,0 +1,21 @@
+{
+  "id": "sandbox/Shapes_with_Tooltip",
+  "title": "Shapes_with_Tooltip",
+  "description": "title: 10,000 Shapes with Tooltips Stress Test with Konva",
+  "source": "@site/content/sandbox/10000_Shapes_with_Tooltip.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Shapes_with_Tooltip",
+  "permalink": "/sandbox/Shapes_with_Tooltip",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/10000_Shapes_with_Tooltip.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 10000,
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "next": {
+    "title": "Nodes",
+    "permalink": "/sandbox/Nodes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-20000-nodes-md-a86.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-20000-nodes-md-a86.json
new file mode 100644
index 000000000..f5c4ef0f2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-20000-nodes-md-a86.json
@@ -0,0 +1,25 @@
+{
+  "id": "sandbox/Nodes",
+  "title": "Nodes",
+  "description": "title: Interactive Scatter Plot with 20,000 Nodes",
+  "source": "@site/content/sandbox/20000_Nodes.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Nodes",
+  "permalink": "/sandbox/Nodes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/20000_Nodes.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 20000,
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/sandbox/Shapes_with_Tooltip"
+  },
+  "next": {
+    "title": "Animals_on_the_Beach_Game",
+    "permalink": "/sandbox/Animals_on_the_Beach_Game"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animals-on-the-beach-game-md-5eb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animals-on-the-beach-game-md-5eb.json
new file mode 100644
index 000000000..2e1538415
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animals-on-the-beach-game-md-5eb.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Animals_on_the_Beach_Game",
+  "title": "Animals_on_the_Beach_Game",
+  "description": "title: Animals on the Beach Game",
+  "source": "@site/content/sandbox/Animals_on_the_Beach_Game.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Animals_on_the_Beach_Game",
+  "permalink": "/sandbox/Animals_on_the_Beach_Game",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Animals_on_the_Beach_Game.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Nodes",
+    "permalink": "/sandbox/Nodes"
+  },
+  "next": {
+    "title": "Animation_Stress_Test",
+    "permalink": "/sandbox/Animation_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animation-stress-test-md-31d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animation-stress-test-md-31d.json
new file mode 100644
index 000000000..e9155e97f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-animation-stress-test-md-31d.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Animation_Stress_Test",
+  "title": "Animation_Stress_Test",
+  "description": "title: Animation Stress Test",
+  "source": "@site/content/sandbox/Animation_Stress_Test.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Animation_Stress_Test",
+  "permalink": "/sandbox/Animation_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Animation_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Animals_on_the_Beach_Game",
+    "permalink": "/sandbox/Animals_on_the_Beach_Game"
+  },
+  "next": {
+    "title": "Canvas_Background",
+    "permalink": "/sandbox/Canvas_Background"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-background-md-18f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-background-md-18f.json
new file mode 100644
index 000000000..aa08c320e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-background-md-18f.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Background",
+  "title": "Canvas_Background",
+  "description": "title: How to add background to canvas?",
+  "source": "@site/content/sandbox/Canvas_Background.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Background",
+  "permalink": "/sandbox/Canvas_Background",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Canvas_Background.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Animation_Stress_Test",
+    "permalink": "/sandbox/Animation_Stress_Test"
+  },
+  "next": {
+    "title": "Canvas_Context_Menu",
+    "permalink": "/sandbox/Canvas_Context_Menu"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-context-menu-md-7b7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-context-menu-md-7b7.json
new file mode 100644
index 000000000..f1792a555
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-context-menu-md-7b7.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Context_Menu",
+  "title": "Canvas_Context_Menu",
+  "description": "title: How to show a context menu for HTML5 canvas shape?",
+  "source": "@site/content/sandbox/Canvas_Context_Menu.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Context_Menu",
+  "permalink": "/sandbox/Canvas_Context_Menu",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Canvas_Context_Menu.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Background",
+    "permalink": "/sandbox/Canvas_Background"
+  },
+  "next": {
+    "title": "Canvas_Editor",
+    "permalink": "/sandbox/Canvas_Editor"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-editor-md-0b3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-editor-md-0b3.json
new file mode 100644
index 000000000..856524b34
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-editor-md-0b3.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Editor",
+  "title": "Canvas_Editor",
+  "description": "title: Canvas Designer Editor for JavaScript",
+  "source": "@site/content/sandbox/Canvas_Editor.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Editor",
+  "permalink": "/sandbox/Canvas_Editor",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Canvas_Editor.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Context_Menu",
+    "permalink": "/sandbox/Canvas_Context_Menu"
+  },
+  "next": {
+    "title": "Canvas_Scrolling",
+    "permalink": "/sandbox/Canvas_Scrolling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-scrolling-md-e0e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-scrolling-md-e0e.json
new file mode 100644
index 000000000..0737448ed
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-scrolling-md-e0e.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Scrolling",
+  "title": "Canvas_Scrolling",
+  "description": "title: HTML5 Large Canvas Scrolling Demo",
+  "source": "@site/content/sandbox/Canvas_Scrolling.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Scrolling",
+  "permalink": "/sandbox/Canvas_Scrolling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Canvas_Scrolling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Editor",
+    "permalink": "/sandbox/Canvas_Editor"
+  },
+  "next": {
+    "title": "Canvas_to_PDF",
+    "permalink": "/sandbox/Canvas_to_PDF"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-to-pdf-md-ebe.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-to-pdf-md-ebe.json
new file mode 100644
index 000000000..1c726a6f9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-canvas-to-pdf-md-ebe.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_to_PDF",
+  "title": "Canvas_to_PDF",
+  "description": "title: How to convert canvas to pdf",
+  "source": "@site/content/sandbox/Canvas_to_PDF.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_to_PDF",
+  "permalink": "/sandbox/Canvas_to_PDF",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Canvas_to_PDF.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Scrolling",
+    "permalink": "/sandbox/Canvas_Scrolling"
+  },
+  "next": {
+    "title": "Collision_Detection",
+    "permalink": "/sandbox/Collision_Detection"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-collision-detection-md-086.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-collision-detection-md-086.json
new file mode 100644
index 000000000..976013ad1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-collision-detection-md-086.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Collision_Detection",
+  "title": "Collision_Detection",
+  "description": "title: Drag and Drop Collision Detection Demo",
+  "source": "@site/content/sandbox/Collision_Detection.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Collision_Detection",
+  "permalink": "/sandbox/Collision_Detection",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Collision_Detection.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_to_PDF",
+    "permalink": "/sandbox/Canvas_to_PDF"
+  },
+  "next": {
+    "title": "Connected_Objects",
+    "permalink": "/sandbox/Connected_Objects"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-connected-objects-md-dbb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-connected-objects-md-dbb.json
new file mode 100644
index 000000000..53296809f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-connected-objects-md-dbb.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Connected_Objects",
+  "title": "Connected_Objects",
+  "description": "title: Connect objects HTML5 canvas with Konva",
+  "source": "@site/content/sandbox/Connected_Objects.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Connected_Objects",
+  "permalink": "/sandbox/Connected_Objects",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Connected_Objects.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Collision_Detection",
+    "permalink": "/sandbox/Collision_Detection"
+  },
+  "next": {
+    "title": "Custom_Font",
+    "permalink": "/sandbox/Custom_Font"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-custom-font-md-c2e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-custom-font-md-c2e.json
new file mode 100644
index 000000000..042f81016
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-custom-font-md-c2e.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Custom_Font",
+  "title": "Custom_Font",
+  "description": "title: How to use custom font for HTML5 canvas?",
+  "source": "@site/content/sandbox/Custom_Font.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Custom_Font",
+  "permalink": "/sandbox/Custom_Font",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Custom_Font.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Connected_Objects",
+    "permalink": "/sandbox/Connected_Objects"
+  },
+  "next": {
+    "title": "Drag_and_Drop_Multiple_Shapes",
+    "permalink": "/sandbox/Drag_and_Drop_Multiple_Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-multiple-shapes-md-a63.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-multiple-shapes-md-a63.json
new file mode 100644
index 000000000..e2bc86a48
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-multiple-shapes-md-a63.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Drag_and_Drop_Multiple_Shapes",
+  "title": "Drag_and_Drop_Multiple_Shapes",
+  "description": "title: Drag and Drop Multiple Shapes",
+  "source": "@site/content/sandbox/Drag_and_Drop_Multiple_Shapes.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Drag_and_Drop_Multiple_Shapes",
+  "permalink": "/sandbox/Drag_and_Drop_Multiple_Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Drag_and_Drop_Multiple_Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Custom_Font",
+    "permalink": "/sandbox/Custom_Font"
+  },
+  "next": {
+    "title": "Drag_and_Drop_Stress_Test",
+    "permalink": "/sandbox/Drag_and_Drop_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-stress-test-md-462.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-stress-test-md-462.json
new file mode 100644
index 000000000..47b5e530d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drag-and-drop-stress-test-md-462.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Drag_and_Drop_Stress_Test",
+  "title": "Drag_and_Drop_Stress_Test",
+  "description": "title: Drag and Drop Stress Test with 10,000 Shapes",
+  "source": "@site/content/sandbox/Drag_and_Drop_Stress_Test.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Drag_and_Drop_Stress_Test",
+  "permalink": "/sandbox/Drag_and_Drop_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Drag_and_Drop_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Drag_and_Drop_Multiple_Shapes",
+    "permalink": "/sandbox/Drag_and_Drop_Multiple_Shapes"
+  },
+  "next": {
+    "title": "Drop_DOM_Element",
+    "permalink": "/sandbox/Drop_DOM_Element"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drop-dom-element-md-793.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drop-dom-element-md-793.json
new file mode 100644
index 000000000..e623fa2bc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-drop-dom-element-md-793.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Drop_DOM_Element",
+  "title": "Drop_DOM_Element",
+  "description": "title: How to drag and drop DOM image into the canvas",
+  "source": "@site/content/sandbox/Drop_DOM_Element.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Drop_DOM_Element",
+  "permalink": "/sandbox/Drop_DOM_Element",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Drop_DOM_Element.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Drag_and_Drop_Stress_Test",
+    "permalink": "/sandbox/Drag_and_Drop_Stress_Test"
+  },
+  "next": {
+    "title": "Editable_Text",
+    "permalink": "/sandbox/Editable_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-editable-text-md-a6a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-editable-text-md-a6a.json
new file mode 100644
index 000000000..599273628
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-editable-text-md-a6a.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Editable_Text",
+  "title": "Editable_Text",
+  "description": "title: Text editing in HTML5 canvas with Konva",
+  "source": "@site/content/sandbox/Editable_Text.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Editable_Text",
+  "permalink": "/sandbox/Editable_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Editable_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Drop_DOM_Element",
+    "permalink": "/sandbox/Drop_DOM_Element"
+  },
+  "next": {
+    "title": "Elastic_Stars",
+    "permalink": "/sandbox/Elastic_Stars"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-elastic-stars-md-e13.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-elastic-stars-md-e13.json
new file mode 100644
index 000000000..6355c40ab
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-elastic-stars-md-e13.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Elastic_Stars",
+  "title": "Elastic_Stars",
+  "description": "title: Elastic Stars",
+  "source": "@site/content/sandbox/Elastic_Stars.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Elastic_Stars",
+  "permalink": "/sandbox/Elastic_Stars",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Elastic_Stars.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Editable_Text",
+    "permalink": "/sandbox/Editable_Text"
+  },
+  "next": {
+    "title": "Expand_Images_on_Hover",
+    "permalink": "/sandbox/Expand_Images_on_Hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-expand-images-on-hover-md-ed4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-expand-images-on-hover-md-ed4.json
new file mode 100644
index 000000000..f9153cbff
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-expand-images-on-hover-md-ed4.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Expand_Images_on_Hover",
+  "title": "Expand_Images_on_Hover",
+  "description": "title: Expand Image on Hover",
+  "source": "@site/content/sandbox/Expand_Images_on_Hover.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Expand_Images_on_Hover",
+  "permalink": "/sandbox/Expand_Images_on_Hover",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Expand_Images_on_Hover.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Elastic_Stars",
+    "permalink": "/sandbox/Elastic_Stars"
+  },
+  "next": {
+    "title": "Free_Drawing",
+    "permalink": "/sandbox/Free_Drawing"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-free-drawing-md-96a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-free-drawing-md-96a.json
new file mode 100644
index 000000000..1a1d19cc4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-free-drawing-md-96a.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Free_Drawing",
+  "title": "Free_Drawing",
+  "description": "title: Free Drawing Konva Demo",
+  "source": "@site/content/sandbox/Free_Drawing.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Free_Drawing",
+  "permalink": "/sandbox/Free_Drawing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Free_Drawing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Expand_Images_on_Hover",
+    "permalink": "/sandbox/Expand_Images_on_Hover"
+  },
+  "next": {
+    "title": "GIF_On_Canvas",
+    "permalink": "/sandbox/GIF_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gestures-md-86c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gestures-md-86c.json
new file mode 100644
index 000000000..040015793
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gestures-md-86c.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Gestures",
+  "title": "Gestures",
+  "description": "title: Gesture Events on Canvas Shapes",
+  "source": "@site/content/sandbox/Gestures.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Gestures",
+  "permalink": "/sandbox/Gestures",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Gestures.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "GIF_On_Canvas",
+    "permalink": "/sandbox/GIF_On_Canvas"
+  },
+  "next": {
+    "title": "Image_Border",
+    "permalink": "/sandbox/Image_Border"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gif-on-canvas-md-6e9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gif-on-canvas-md-6e9.json
new file mode 100644
index 000000000..976f96d30
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-gif-on-canvas-md-6e9.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/GIF_On_Canvas",
+  "title": "GIF_On_Canvas",
+  "description": "title: How to animate GIF on Canvas",
+  "source": "@site/content/sandbox/GIF_On_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/GIF_On_Canvas",
+  "permalink": "/sandbox/GIF_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/GIF_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Free_Drawing",
+    "permalink": "/sandbox/Free_Drawing"
+  },
+  "next": {
+    "title": "Gestures",
+    "permalink": "/sandbox/Gestures"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-highlighting-md-056.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-highlighting-md-056.json
new file mode 100644
index 000000000..86072d6fe
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-highlighting-md-056.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Border_Highlighting",
+  "title": "Image_Border_Highlighting",
+  "description": "title: Drag and Drop Multiple Images with Border Highlighting",
+  "source": "@site/content/sandbox/Image_Border_Highlighting.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Border_Highlighting",
+  "permalink": "/sandbox/Image_Border_Highlighting",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Image_Border_Highlighting.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Border",
+    "permalink": "/sandbox/Image_Border"
+  },
+  "next": {
+    "title": "Image_Labeling",
+    "permalink": "/sandbox/Image_Labeling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-md-c62.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-md-c62.json
new file mode 100644
index 000000000..9d25e7764
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-border-md-c62.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Border",
+  "title": "Image_Border",
+  "description": "title: Border for Image around Non Transparent parts",
+  "source": "@site/content/sandbox/Image_Border.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Border",
+  "permalink": "/sandbox/Image_Border",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Image_Border.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Gestures",
+    "permalink": "/sandbox/Gestures"
+  },
+  "next": {
+    "title": "Image_Border_Highlighting",
+    "permalink": "/sandbox/Image_Border_Highlighting"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-labeling-md-0b3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-labeling-md-0b3.json
new file mode 100644
index 000000000..edb691f47
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-labeling-md-0b3.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Labeling",
+  "title": "Image_Labeling",
+  "description": "title: Drawing Labels on Image with canvas",
+  "source": "@site/content/sandbox/Image_Labeling.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Labeling",
+  "permalink": "/sandbox/Image_Labeling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Image_Labeling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Border_Highlighting",
+    "permalink": "/sandbox/Image_Border_Highlighting"
+  },
+  "next": {
+    "title": "Image_Resize",
+    "permalink": "/sandbox/Image_Resize"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-resize-md-340.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-resize-md-340.json
new file mode 100644
index 000000000..48c5a928e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-image-resize-md-340.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Resize",
+  "title": "Image_Resize",
+  "description": "title: HTML5 Canvas Drag, Drop, and Resize Images Demo",
+  "source": "@site/content/sandbox/Image_Resize.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Resize",
+  "permalink": "/sandbox/Image_Resize",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Image_Resize.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Labeling",
+    "permalink": "/sandbox/Image_Labeling"
+  },
+  "next": {
+    "title": "Interactive_Building_Map",
+    "permalink": "/sandbox/Interactive_Building_Map"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-interactive-building-map-md-706.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-interactive-building-map-md-706.json
new file mode 100644
index 000000000..e1ac2adbd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-interactive-building-map-md-706.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Interactive_Building_Map",
+  "title": "Interactive_Building_Map",
+  "description": "title: Interactive Building Map",
+  "source": "@site/content/sandbox/Interactive_Building_Map.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Interactive_Building_Map",
+  "permalink": "/sandbox/Interactive_Building_Map",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Interactive_Building_Map.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Resize",
+    "permalink": "/sandbox/Image_Resize"
+  },
+  "next": {
+    "title": "Jumping_Bunnies",
+    "permalink": "/sandbox/Jumping_Bunnies"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-jumping-bunnies-md-7be.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-jumping-bunnies-md-7be.json
new file mode 100644
index 000000000..a95a795e9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-jumping-bunnies-md-7be.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Jumping_Bunnies",
+  "title": "Jumping_Bunnies",
+  "description": "title: Jumping bunnies performance stress test",
+  "source": "@site/content/sandbox/Jumping_Bunnies.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Jumping_Bunnies",
+  "permalink": "/sandbox/Jumping_Bunnies",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Jumping_Bunnies.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Interactive_Building_Map",
+    "permalink": "/sandbox/Interactive_Building_Map"
+  },
+  "next": {
+    "title": "Limited_Drag_And_Resize",
+    "permalink": "/sandbox/Limited_Drag_And_Resize"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-limited-drag-and-resize-md-d5b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-limited-drag-and-resize-md-d5b.json
new file mode 100644
index 000000000..5bd681285
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-limited-drag-and-resize-md-d5b.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Limited_Drag_And_Resize",
+  "title": "Limited_Drag_And_Resize",
+  "description": "title: How to limit dragging and resizing of shapes by canvas stage?",
+  "source": "@site/content/sandbox/Limited_Drag_And_Resize.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Limited_Drag_And_Resize",
+  "permalink": "/sandbox/Limited_Drag_And_Resize",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Limited_Drag_And_Resize.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Jumping_Bunnies",
+    "permalink": "/sandbox/Jumping_Bunnies"
+  },
+  "next": {
+    "title": "Mirror_Canvas_Shape",
+    "permalink": "/sandbox/Mirror_Canvas_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-mirror-canvas-shape-md-5dd.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-mirror-canvas-shape-md-5dd.json
new file mode 100644
index 000000000..1f4ad2551
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-mirror-canvas-shape-md-5dd.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Mirror_Canvas_Shape",
+  "title": "Mirror_Canvas_Shape",
+  "description": "title: How to flip shapes or image on canvas?",
+  "source": "@site/content/sandbox/Mirror_Canvas_Shape.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Mirror_Canvas_Shape",
+  "permalink": "/sandbox/Mirror_Canvas_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Mirror_Canvas_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Limited_Drag_And_Resize",
+    "permalink": "/sandbox/Limited_Drag_And_Resize"
+  },
+  "next": {
+    "title": "Modify_Curves_with_Anchor_Points",
+    "permalink": "/sandbox/Modify_Curves_with_Anchor_Points"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-curves-with-anchor-points-md-bea.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-curves-with-anchor-points-md-bea.json
new file mode 100644
index 000000000..ba201d725
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-curves-with-anchor-points-md-bea.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Modify_Curves_with_Anchor_Points",
+  "title": "Modify_Curves_with_Anchor_Points",
+  "description": "title: Modify Curves with Anchor Points",
+  "source": "@site/content/sandbox/Modify_Curves_with_Anchor_Points.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Modify_Curves_with_Anchor_Points",
+  "permalink": "/sandbox/Modify_Curves_with_Anchor_Points",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Modify_Curves_with_Anchor_Points.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Mirror_Canvas_Shape",
+    "permalink": "/sandbox/Mirror_Canvas_Shape"
+  },
+  "next": {
+    "title": "Modify_Shape_Color_on_Click",
+    "permalink": "/sandbox/Modify_Shape_Color_on_Click"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-shape-color-on-click-md-74e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-shape-color-on-click-md-74e.json
new file mode 100644
index 000000000..31ba22b88
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-modify-shape-color-on-click-md-74e.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Modify_Shape_Color_on_Click",
+  "title": "Modify_Shape_Color_on_Click",
+  "description": "title: Modify Shape Color on Click",
+  "source": "@site/content/sandbox/Modify_Shape_Color_on_Click.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Modify_Shape_Color_on_Click",
+  "permalink": "/sandbox/Modify_Shape_Color_on_Click",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Modify_Shape_Color_on_Click.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Modify_Curves_with_Anchor_Points",
+    "permalink": "/sandbox/Modify_Curves_with_Anchor_Points"
+  },
+  "next": {
+    "title": "Multi-touch_Scale_Shape",
+    "permalink": "/sandbox/Multi-touch_Scale_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-shape-md-f9c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-shape-md-f9c.json
new file mode 100644
index 000000000..2d6c28777
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-shape-md-f9c.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Multi-touch_Scale_Shape",
+  "title": "Multi-touch_Scale_Shape",
+  "description": "title: Multi-touch Scale Shape",
+  "source": "@site/content/sandbox/Multi-touch_Scale_Shape.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Multi-touch_Scale_Shape",
+  "permalink": "/sandbox/Multi-touch_Scale_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Multi-touch_Scale_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Modify_Shape_Color_on_Click",
+    "permalink": "/sandbox/Modify_Shape_Color_on_Click"
+  },
+  "next": {
+    "title": "Multi-touch_Scale_Stage",
+    "permalink": "/sandbox/Multi-touch_Scale_Stage"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-stage-md-4b1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-stage-md-4b1.json
new file mode 100644
index 000000000..5c8f4c07c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-multi-touch-scale-stage-md-4b1.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Multi-touch_Scale_Stage",
+  "title": "Multi-touch_Scale_Stage",
+  "description": "title: Multi-touch Canvas scale with pinch zoom",
+  "source": "@site/content/sandbox/Multi-touch_Scale_Stage.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Multi-touch_Scale_Stage",
+  "permalink": "/sandbox/Multi-touch_Scale_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Multi-touch_Scale_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Multi-touch_Scale_Shape",
+    "permalink": "/sandbox/Multi-touch_Scale_Shape"
+  },
+  "next": {
+    "title": "Native_Context_Access",
+    "permalink": "/sandbox/Native_Context_Access"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-native-context-access-md-b41.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-native-context-access-md-b41.json
new file mode 100644
index 000000000..4874af8ca
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-native-context-access-md-b41.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Native_Context_Access",
+  "title": "Native_Context_Access",
+  "description": "title: How to access native 2d context",
+  "source": "@site/content/sandbox/Native_Context_Access.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Native_Context_Access",
+  "permalink": "/sandbox/Native_Context_Access",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Native_Context_Access.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Multi-touch_Scale_Stage",
+    "permalink": "/sandbox/Multi-touch_Scale_Stage"
+  },
+  "next": {
+    "title": "Objects_Snapping",
+    "permalink": "/sandbox/Objects_Snapping"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-objects-snapping-md-6b9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-objects-snapping-md-6b9.json
new file mode 100644
index 000000000..860c6b5df
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-objects-snapping-md-6b9.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Objects_Snapping",
+  "title": "Objects_Snapping",
+  "description": "title: How to snap shapes positions on dragging with Konva?",
+  "source": "@site/content/sandbox/Objects_Snapping.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Objects_Snapping",
+  "permalink": "/sandbox/Objects_Snapping",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Objects_Snapping.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Native_Context_Access",
+    "permalink": "/sandbox/Native_Context_Access"
+  },
+  "next": {
+    "title": "Physics_Simulator",
+    "permalink": "/sandbox/Physics_Simulator"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-physics-simulator-md-ee4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-physics-simulator-md-ee4.json
new file mode 100644
index 000000000..30103043f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-physics-simulator-md-ee4.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Physics_Simulator",
+  "title": "Physics_Simulator",
+  "description": "title: Physics Simulator with Curve Detection",
+  "source": "@site/content/sandbox/Physics_Simulator.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Physics_Simulator",
+  "permalink": "/sandbox/Physics_Simulator",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Physics_Simulator.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Objects_Snapping",
+    "permalink": "/sandbox/Objects_Snapping"
+  },
+  "next": {
+    "title": "Planets_Image_Map",
+    "permalink": "/sandbox/Planets_Image_Map"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-planets-image-map-md-f2c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-planets-image-map-md-f2c.json
new file mode 100644
index 000000000..4de93af6f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-planets-image-map-md-f2c.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Planets_Image_Map",
+  "title": "Planets_Image_Map",
+  "description": "title: Planets Image Map",
+  "source": "@site/content/sandbox/Planets_Image_Map.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Planets_Image_Map",
+  "permalink": "/sandbox/Planets_Image_Map",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Planets_Image_Map.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Physics_Simulator",
+    "permalink": "/sandbox/Physics_Simulator"
+  },
+  "next": {
+    "title": "Quantum_Squiggle",
+    "permalink": "/sandbox/Quantum_Squiggle"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-quantum-squiggle-md-925.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-quantum-squiggle-md-925.json
new file mode 100644
index 000000000..94794b2a8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-quantum-squiggle-md-925.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Quantum_Squiggle",
+  "title": "Quantum_Squiggle",
+  "description": "title:  Oscillating Blobs",
+  "source": "@site/content/sandbox/Quantum_Squiggle.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Quantum_Squiggle",
+  "permalink": "/sandbox/Quantum_Squiggle",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Quantum_Squiggle.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Planets_Image_Map",
+    "permalink": "/sandbox/Planets_Image_Map"
+  },
+  "next": {
+    "title": "Relative_Pointer_Position",
+    "permalink": "/sandbox/Relative_Pointer_Position"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-relative-pointer-position-md-a20.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-relative-pointer-position-md-a20.json
new file mode 100644
index 000000000..020aa3b2e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-relative-pointer-position-md-a20.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Relative_Pointer_Position",
+  "title": "Relative_Pointer_Position",
+  "description": "title: How to find relative mouse position?",
+  "source": "@site/content/sandbox/Relative_Pointer_Position.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Relative_Pointer_Position",
+  "permalink": "/sandbox/Relative_Pointer_Position",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Relative_Pointer_Position.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Quantum_Squiggle",
+    "permalink": "/sandbox/Quantum_Squiggle"
+  },
+  "next": {
+    "title": "Resizing_Stress_Test",
+    "permalink": "/sandbox/Resizing_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-resizing-stress-test-md-0b8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-resizing-stress-test-md-0b8.json
new file mode 100644
index 000000000..0a64d8f8b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-resizing-stress-test-md-0b8.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Resizing_Stress_Test",
+  "title": "Resizing_Stress_Test",
+  "description": "title: Resizing Stress Test with Konva",
+  "source": "@site/content/sandbox/Resizing_Stress_Test.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Resizing_Stress_Test",
+  "permalink": "/sandbox/Resizing_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Resizing_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Relative_Pointer_Position",
+    "permalink": "/sandbox/Relative_Pointer_Position"
+  },
+  "next": {
+    "title": "Responsive_Canvas",
+    "permalink": "/sandbox/Responsive_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-responsive-canvas-md-636.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-responsive-canvas-md-636.json
new file mode 100644
index 000000000..1777d0ba7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-responsive-canvas-md-636.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Responsive_Canvas",
+  "title": "Responsive_Canvas",
+  "description": "title: Responsive Canvas Stage Demo",
+  "source": "@site/content/sandbox/Responsive_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Responsive_Canvas",
+  "permalink": "/sandbox/Responsive_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Responsive_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Resizing_Stress_Test",
+    "permalink": "/sandbox/Resizing_Stress_Test"
+  },
+  "next": {
+    "title": "Rich_Text",
+    "permalink": "/sandbox/Rich_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-rich-text-md-c24.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-rich-text-md-c24.json
new file mode 100644
index 000000000..16c5499d7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-rich-text-md-c24.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Rich_Text",
+  "title": "Rich_Text",
+  "description": "title: How to show rich html on canvas with Konva",
+  "source": "@site/content/sandbox/Rich_Text.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Rich_Text",
+  "permalink": "/sandbox/Rich_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Rich_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Responsive_Canvas",
+    "permalink": "/sandbox/Responsive_Canvas"
+  },
+  "next": {
+    "title": "SVG_On_Canvas",
+    "permalink": "/sandbox/SVG_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scale-image-to-fit-md-9f7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scale-image-to-fit-md-9f7.json
new file mode 100644
index 000000000..928e98f7c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scale-image-to-fit-md-9f7.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Scale_Image_To_Fit",
+  "title": "Scale_Image_To_Fit",
+  "description": "title: Scaling image to fit a fixed area on canvas",
+  "source": "@site/content/sandbox/Scale_Image_To_Fit.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Scale_Image_To_Fit",
+  "permalink": "/sandbox/Scale_Image_To_Fit",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Scale_Image_To_Fit.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "SVG_On_Canvas",
+    "permalink": "/sandbox/SVG_On_Canvas"
+  },
+  "next": {
+    "title": "Scroll_By_Edge_Drag",
+    "permalink": "/sandbox/Scroll_By_Edge_Drag"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scroll-by-edge-drag-md-56d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scroll-by-edge-drag-md-56d.json
new file mode 100644
index 000000000..5da5eaea5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-scroll-by-edge-drag-md-56d.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Scroll_By_Edge_Drag",
+  "title": "Scroll_By_Edge_Drag",
+  "description": "title: How to automatically scroll stage by edge drag?",
+  "source": "@site/content/sandbox/Scroll_By_Edge_Drag.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Scroll_By_Edge_Drag",
+  "permalink": "/sandbox/Scroll_By_Edge_Drag",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Scroll_By_Edge_Drag.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Scale_Image_To_Fit",
+    "permalink": "/sandbox/Scale_Image_To_Fit"
+  },
+  "next": {
+    "title": "Seats_Reservation",
+    "permalink": "/sandbox/Seats_Reservation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-seats-reservation-md-579.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-seats-reservation-md-579.json
new file mode 100644
index 000000000..50bbba552
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-seats-reservation-md-579.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Seats_Reservation",
+  "title": "Seats_Reservation",
+  "description": "title: Seats bookings widget for the website with canvas",
+  "source": "@site/content/sandbox/Seats_Reservation.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Seats_Reservation",
+  "permalink": "/sandbox/Seats_Reservation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Seats_Reservation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Scroll_By_Edge_Drag",
+    "permalink": "/sandbox/Scroll_By_Edge_Drag"
+  },
+  "next": {
+    "title": "Shape_Tango",
+    "permalink": "/sandbox/Shape_Tango"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tango-md-07f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tango-md-07f.json
new file mode 100644
index 000000000..ccc26d573
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tango-md-07f.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Shape_Tango",
+  "title": "Shape_Tango",
+  "description": "title: HTML5 Canvas Shape Tango with Konva",
+  "source": "@site/content/sandbox/Shape_Tango.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Shape_Tango",
+  "permalink": "/sandbox/Shape_Tango",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Shape_Tango.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Seats_Reservation",
+    "permalink": "/sandbox/Seats_Reservation"
+  },
+  "next": {
+    "title": "Shape_Tooltips",
+    "permalink": "/sandbox/Shape_Tooltips"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tooltips-md-9aa.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tooltips-md-9aa.json
new file mode 100644
index 000000000..bd36c5013
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-shape-tooltips-md-9aa.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Shape_Tooltips",
+  "title": "Shape_Tooltips",
+  "description": "title: Shape Tooltips",
+  "source": "@site/content/sandbox/Shape_Tooltips.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Shape_Tooltips",
+  "permalink": "/sandbox/Shape_Tooltips",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Shape_Tooltips.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Shape_Tango",
+    "permalink": "/sandbox/Shape_Tango"
+  },
+  "next": {
+    "title": "Simple_Window_Frame",
+    "permalink": "/sandbox/Simple_Window_Frame"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-simple-window-frame-md-8ed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-simple-window-frame-md-8ed.json
new file mode 100644
index 000000000..48e5b9410
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-simple-window-frame-md-8ed.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Simple_Window_Frame",
+  "title": "Simple_Window_Frame",
+  "description": "title: HTML5 Canvas Simple Window Designer",
+  "source": "@site/content/sandbox/Simple_Window_Frame.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Simple_Window_Frame",
+  "permalink": "/sandbox/Simple_Window_Frame",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Simple_Window_Frame.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Shape_Tooltips",
+    "permalink": "/sandbox/Shape_Tooltips"
+  },
+  "next": {
+    "title": "Stage_Preview",
+    "permalink": "/sandbox/Stage_Preview"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-stage-preview-md-26d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-stage-preview-md-26d.json
new file mode 100644
index 000000000..7ce7b63c9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-stage-preview-md-26d.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Stage_Preview",
+  "title": "Stage_Preview",
+  "description": "title: How to preview large stage on canvas with Konva?",
+  "source": "@site/content/sandbox/Stage_Preview.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Stage_Preview",
+  "permalink": "/sandbox/Stage_Preview",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Stage_Preview.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Simple_Window_Frame",
+    "permalink": "/sandbox/Simple_Window_Frame"
+  },
+  "next": {
+    "title": "Star_Spinner",
+    "permalink": "/sandbox/Star_Spinner"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-star-spinner-md-33f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-star-spinner-md-33f.json
new file mode 100644
index 000000000..2f9e6c171
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-star-spinner-md-33f.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Star_Spinner",
+  "title": "Star_Spinner",
+  "description": "title: Star Spinner",
+  "source": "@site/content/sandbox/Star_Spinner.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Star_Spinner",
+  "permalink": "/sandbox/Star_Spinner",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Star_Spinner.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Stage_Preview",
+    "permalink": "/sandbox/Stage_Preview"
+  },
+  "next": {
+    "title": "Transparent_Group",
+    "permalink": "/sandbox/Transparent_Group"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-svg-on-canvas-md-a65.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-svg-on-canvas-md-a65.json
new file mode 100644
index 000000000..136497a6a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-svg-on-canvas-md-a65.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/SVG_On_Canvas",
+  "title": "SVG_On_Canvas",
+  "description": "title: How to draw SVG image on canvas with Konva",
+  "source": "@site/content/sandbox/SVG_On_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/SVG_On_Canvas",
+  "permalink": "/sandbox/SVG_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/SVG_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Rich_Text",
+    "permalink": "/sandbox/Rich_Text"
+  },
+  "next": {
+    "title": "Scale_Image_To_Fit",
+    "permalink": "/sandbox/Scale_Image_To_Fit"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-transparent-group-md-1bf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-transparent-group-md-1bf.json
new file mode 100644
index 000000000..318684cdd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-transparent-group-md-1bf.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Transparent_Group",
+  "title": "Transparent_Group",
+  "description": "title: How to apply transparency for several shapes at once?",
+  "source": "@site/content/sandbox/Transparent_Group.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Transparent_Group",
+  "permalink": "/sandbox/Transparent_Group",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Transparent_Group.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Star_Spinner",
+    "permalink": "/sandbox/Star_Spinner"
+  },
+  "next": {
+    "title": "Video_On_Canvas",
+    "permalink": "/sandbox/Video_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-video-on-canvas-md-e19.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-video-on-canvas-md-e19.json
new file mode 100644
index 000000000..8a072eec9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-video-on-canvas-md-e19.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Video_On_Canvas",
+  "title": "Video_On_Canvas",
+  "description": "title: How to display video on Canvas",
+  "source": "@site/content/sandbox/Video_On_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Video_On_Canvas",
+  "permalink": "/sandbox/Video_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Video_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Transparent_Group",
+    "permalink": "/sandbox/Transparent_Group"
+  },
+  "next": {
+    "title": "Web_Worker",
+    "permalink": "/sandbox/Web_Worker"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-web-worker-md-67d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-web-worker-md-67d.json
new file mode 100644
index 000000000..28354d63d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-web-worker-md-67d.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Web_Worker",
+  "title": "Web_Worker",
+  "description": "title: Offscreen canvas inside Web Worker",
+  "source": "@site/content/sandbox/Web_Worker.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Web_Worker",
+  "permalink": "/sandbox/Web_Worker",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Web_Worker.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Video_On_Canvas",
+    "permalink": "/sandbox/Video_On_Canvas"
+  },
+  "next": {
+    "title": "Wheel_of_Fortune",
+    "permalink": "/sandbox/Wheel_of_Fortune"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-wheel-of-fortune-md-ba9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-wheel-of-fortune-md-ba9.json
new file mode 100644
index 000000000..cc53df4d2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-wheel-of-fortune-md-ba9.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Wheel_of_Fortune",
+  "title": "Wheel_of_Fortune",
+  "description": "title: Wheel of Fortune HTML5 Canvas Game",
+  "source": "@site/content/sandbox/Wheel_of_Fortune.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Wheel_of_Fortune",
+  "permalink": "/sandbox/Wheel_of_Fortune",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Wheel_of_Fortune.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Web_Worker",
+    "permalink": "/sandbox/Web_Worker"
+  },
+  "next": {
+    "title": "Window_Frame_Designer",
+    "permalink": "/sandbox/Window_Frame_Designer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-window-frame-designer-md-fd8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-window-frame-designer-md-fd8.json
new file mode 100644
index 000000000..12ab916e9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-window-frame-designer-md-fd8.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Window_Frame_Designer",
+  "title": "Window_Frame_Designer",
+  "description": "title: HTML5 Canvas Window Frame Designer",
+  "source": "@site/content/sandbox/Window_Frame_Designer.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Window_Frame_Designer",
+  "permalink": "/sandbox/Window_Frame_Designer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Window_Frame_Designer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Wheel_of_Fortune",
+    "permalink": "/sandbox/Wheel_of_Fortune"
+  },
+  "next": {
+    "title": "Zoom_Layer_On_hover",
+    "permalink": "/sandbox/Zoom_Layer_On_hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zoom-layer-on-hover-md-a38.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zoom-layer-on-hover-md-a38.json
new file mode 100644
index 000000000..24f933445
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zoom-layer-on-hover-md-a38.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Zoom_Layer_On_hover",
+  "title": "Zoom_Layer_On_hover",
+  "description": "title: Zoom Image on Hover",
+  "source": "@site/content/sandbox/Zoom_Layer_On_hover.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Zoom_Layer_On_hover",
+  "permalink": "/sandbox/Zoom_Layer_On_hover",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Zoom_Layer_On_hover.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Window_Frame_Designer",
+    "permalink": "/sandbox/Window_Frame_Designer"
+  },
+  "next": {
+    "title": "Zooming_Relative_To_Pointer",
+    "permalink": "/sandbox/Zooming_Relative_To_Pointer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zooming-relative-to-pointer-md-96a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zooming-relative-to-pointer-md-96a.json
new file mode 100644
index 000000000..21c155db5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-sandbox-zooming-relative-to-pointer-md-96a.json
@@ -0,0 +1,20 @@
+{
+  "id": "sandbox/Zooming_Relative_To_Pointer",
+  "title": "Zooming_Relative_To_Pointer",
+  "description": "title: Zooming stage relative to pointer position",
+  "source": "@site/content/sandbox/Zooming_Relative_To_Pointer.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Zooming_Relative_To_Pointer",
+  "permalink": "/sandbox/Zooming_Relative_To_Pointer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/sandbox/Zooming_Relative_To_Pointer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Zoom_Layer_On_hover",
+    "permalink": "/sandbox/Zoom_Layer_On_hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-basic-demo-md-a9a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-basic-demo-md-a9a.json
new file mode 100644
index 000000000..da5ba1b2b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-basic-demo-md-a9a.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Basic_demo",
+  "title": "Basic_demo",
+  "description": "title: HTML5 Canvas Shape select, resize and rotate",
+  "source": "@site/content/select_and_transform/Basic_demo.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Basic_demo",
+  "permalink": "/select_and_transform/Basic_demo",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Basic_demo.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-centered-scaling-md-5e6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-centered-scaling-md-5e6.json
new file mode 100644
index 000000000..62cc12507
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-centered-scaling-md-5e6.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Centered_Scaling",
+  "title": "Centered_Scaling",
+  "description": "title: HTML5 Canvas Shape Resize Relative to Center",
+  "source": "@site/content/select_and_transform/Centered_Scaling.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Centered_Scaling",
+  "permalink": "/select_and_transform/Centered_Scaling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Centered_Scaling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-force-update-md-8ec.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-force-update-md-8ec.json
new file mode 100644
index 000000000..05d8fde33
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-force-update-md-8ec.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Force_Update",
+  "title": "Force_Update",
+  "description": "title: HTML5 Canvas Force Update Tutorial",
+  "source": "@site/content/select_and_transform/Force_Update.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Force_Update",
+  "permalink": "/select_and_transform/Force_Update",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Force_Update.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-ignore-stroke-on-transform-md-d36.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-ignore-stroke-on-transform-md-d36.json
new file mode 100644
index 000000000..3729b66d6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-ignore-stroke-on-transform-md-d36.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Ignore_Stroke_On_Transform",
+  "title": "Ignore_Stroke_On_Transform",
+  "description": "title: How to resize shape on canvas without changing its stroke size?",
+  "source": "@site/content/select_and_transform/Ignore_Stroke_On_Transform.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Ignore_Stroke_On_Transform",
+  "permalink": "/select_and_transform/Ignore_Stroke_On_Transform",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Ignore_Stroke_On_Transform.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-keep-ratio-md-4a7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-keep-ratio-md-4a7.json
new file mode 100644
index 000000000..a8a7e5d0d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-keep-ratio-md-4a7.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Keep_Ratio",
+  "title": "Keep_Ratio",
+  "description": "title: HTML5 Canvas Shape Resize With Ratio Preserved",
+  "source": "@site/content/select_and_transform/Keep_Ratio.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Keep_Ratio",
+  "permalink": "/select_and_transform/Keep_Ratio",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Keep_Ratio.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-limits-md-2bb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-limits-md-2bb.json
new file mode 100644
index 000000000..5c13f2a81
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-limits-md-2bb.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Resize_Limits",
+  "title": "Resize_Limits",
+  "description": "title: HTML5 Canvas Shape Resize and Transform Limits",
+  "source": "@site/content/select_and_transform/Resize_Limits.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Resize_Limits",
+  "permalink": "/select_and_transform/Resize_Limits",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Resize_Limits.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-snaps-md-726.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-snaps-md-726.json
new file mode 100644
index 000000000..7e3f3c208
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-snaps-md-726.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Resize_Snaps",
+  "title": "Resize_Snaps",
+  "description": "title: HTML5 Canvas Shape Resize Snapping",
+  "source": "@site/content/select_and_transform/Resize_Snaps.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Resize_Snaps",
+  "permalink": "/select_and_transform/Resize_Snaps",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Resize_Snaps.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-text-md-3bf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-text-md-3bf.json
new file mode 100644
index 000000000..383e75647
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-resize-text-md-3bf.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Resize_Text",
+  "title": "Resize_Text",
+  "description": "title: How to resize text on canvas?",
+  "source": "@site/content/select_and_transform/Resize_Text.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Resize_Text",
+  "permalink": "/select_and_transform/Resize_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Resize_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-rotation-snaps-md-fa9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-rotation-snaps-md-fa9.json
new file mode 100644
index 000000000..2d68aa540
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-rotation-snaps-md-fa9.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Rotation_Snaps",
+  "title": "Rotation_Snaps",
+  "description": "title: HTML5 Canvas Shape Snap Rotation",
+  "source": "@site/content/select_and_transform/Rotation_Snaps.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Rotation_Snaps",
+  "permalink": "/select_and_transform/Rotation_Snaps",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Rotation_Snaps.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-stop-transform-md-c86.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-stop-transform-md-c86.json
new file mode 100644
index 000000000..27d04a789
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-stop-transform-md-c86.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Stop_Transform",
+  "title": "Stop_Transform",
+  "description": "title: HTML5 Canvas Stop Shape Transform",
+  "source": "@site/content/select_and_transform/Stop_Transform.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Stop_Transform",
+  "permalink": "/select_and_transform/Stop_Transform",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Stop_Transform.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transform-events-md-0dc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transform-events-md-0dc.json
new file mode 100644
index 000000000..091f14f70
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transform-events-md-0dc.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Transform_Events",
+  "title": "Transform_Events",
+  "description": "title: HTML5 Canvas Transform and Resize events",
+  "source": "@site/content/select_and_transform/Transform_Events.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Transform_Events",
+  "permalink": "/select_and_transform/Transform_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Transform_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-complex-styling-md-5ea.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-complex-styling-md-5ea.json
new file mode 100644
index 000000000..22beef35c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-complex-styling-md-5ea.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Transformer_Complex_Styling",
+  "title": "Transformer_Complex_Styling",
+  "description": "title: Deep Style Konva Transformer",
+  "source": "@site/content/select_and_transform/Transformer_Complex_Styling.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Transformer_Complex_Styling",
+  "permalink": "/select_and_transform/Transformer_Complex_Styling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Transformer_Complex_Styling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-styling-md-25b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-styling-md-25b.json
new file mode 100644
index 000000000..b1d88a518
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-select-and-transform-transformer-styling-md-25b.json
@@ -0,0 +1,15 @@
+{
+  "id": "select_and_transform/Transformer_Styling",
+  "title": "Transformer_Styling",
+  "description": "title: Style Konva Transformer",
+  "source": "@site/content/select_and_transform/Transformer_Styling.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Transformer_Styling",
+  "permalink": "/select_and_transform/Transformer_Styling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/select_and_transform/Transformer_Styling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-id-md-bec.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-id-md-bec.json
new file mode 100644
index 000000000..0bd346a5e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-id-md-bec.json
@@ -0,0 +1,15 @@
+{
+  "id": "selectors/Select_by_id",
+  "title": "Select_by_id",
+  "description": "title: HTML5 Canvas Select Shape by id Tutorial",
+  "source": "@site/content/selectors/Select_by_id.md",
+  "sourceDirName": "selectors",
+  "slug": "/selectors/Select_by_id",
+  "permalink": "/selectors/Select_by_id",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/selectors/Select_by_id.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-name-md-10d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-name-md-10d.json
new file mode 100644
index 000000000..c9dbff075
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-name-md-10d.json
@@ -0,0 +1,15 @@
+{
+  "id": "selectors/Select_by_Name",
+  "title": "Select_by_Name",
+  "description": "title: HTML5 Canvas Select Shape by Name Tutorial",
+  "source": "@site/content/selectors/Select_by_Name.md",
+  "sourceDirName": "selectors",
+  "slug": "/selectors/Select_by_Name",
+  "permalink": "/selectors/Select_by_Name",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/selectors/Select_by_Name.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-type-md-6e5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-type-md-6e5.json
new file mode 100644
index 000000000..273e4fb10
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-selectors-select-by-type-md-6e5.json
@@ -0,0 +1,15 @@
+{
+  "id": "selectors/Select_by_Type",
+  "title": "Select_by_Type",
+  "description": "title: HTML5 Canvas Select Shape by Type Tutorial",
+  "source": "@site/content/selectors/Select_by_Type.md",
+  "sourceDirName": "selectors",
+  "slug": "/selectors/Select_by_Type",
+  "permalink": "/selectors/Select_by_Type",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/selectors/Select_by_Type.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arc-mdx-da5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arc-mdx-da5.json
new file mode 100644
index 000000000..e86332db4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arc-mdx-da5.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Arc",
+  "title": "HTML5 canvas Arc Tutorial",
+  "description": "To create an arc shape with Konva, we can instantiate a Konva.Arc() object.",
+  "source": "@site/content/shapes/Arc.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/shapes/Arc.html",
+  "permalink": "/shapes/Arc.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Arc.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Arc Tutorial",
+    "sidebar_label": "Arc",
+    "hide_table_of_contents": true,
+    "slug": "Arc.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arrow-mdx-40f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arrow-mdx-40f.json
new file mode 100644
index 000000000..8e06568ee
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-arrow-mdx-40f.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Arrow",
+  "title": "HTML5 canvas Arrow Tutorial",
+  "description": "To create an arrow shape with Konva, we can instantiate a Konva.Arrow() object.",
+  "source": "@site/content/shapes/Arrow.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Arrow.html",
+  "permalink": "/docs/shapes/Arrow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Arrow.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Arrow Tutorial",
+    "sidebar_label": "Arrow",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Arrow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-circle-mdx-f82.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-circle-mdx-f82.json
new file mode 100644
index 000000000..f62f16eab
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-circle-mdx-f82.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Circle",
+  "title": "HTML5 canvas Circle Tutorial",
+  "description": "To create a circle shape with Konva, we can instantiate a Konva.Circle() object.",
+  "source": "@site/content/shapes/Circle.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Circle.html",
+  "permalink": "/docs/shapes/Circle.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Circle.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Circle Tutorial",
+    "sidebar_label": "Circle",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Circle.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-ellipse-mdx-785.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-ellipse-mdx-785.json
new file mode 100644
index 000000000..3422a0ccb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-ellipse-mdx-785.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Ellipse",
+  "title": "HTML5 canvas Ellipse Tutorial",
+  "description": "To create an ellipse shape with Konva, we can instantiate a Konva.Ellipse() object.",
+  "source": "@site/content/shapes/Ellipse.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Ellipse.html",
+  "permalink": "/docs/shapes/Ellipse.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Ellipse.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Ellipse Tutorial",
+    "sidebar_label": "Ellipse",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Ellipse.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-group-mdx-3a0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-group-mdx-3a0.json
new file mode 100644
index 000000000..551b4aea1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-group-mdx-3a0.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Group",
+  "title": "HTML5 canvas Group Tutorial",
+  "description": "To create a group of shapes with Konva, we can instantiate a Konva.Group() object.",
+  "source": "@site/content/shapes/Group.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Group.html",
+  "permalink": "/docs/shapes/Group.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Group.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Group Tutorial",
+    "sidebar_label": "Group",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Group.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-blob-mdx-664.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-blob-mdx-664.json
new file mode 100644
index 000000000..b630de686
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-blob-mdx-664.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Line_-_Blob",
+  "title": "HTML5 canvas Blob Tutorial",
+  "description": "To create a blob with Konva, we can instantiate a Konva.Line() object with both closed and tension properties.",
+  "source": "@site/content/shapes/Line_-_Blob.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Blob.html",
+  "permalink": "/docs/shapes/Line_-_Blob.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Line_-_Blob.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Blob Tutorial",
+    "sidebar_label": "Line - Blob",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Blob.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-mdx-d7c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-mdx-d7c.json
new file mode 100644
index 000000000..47a45489e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-mdx-d7c.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Line",
+  "title": "HTML5 canvas Line Tutorial",
+  "description": "To create line shapes with Konva, we can instantiate a Konva.Line() object. Lines can be configured in different ways to create various shapes like simple lines, splines, blobs, and polygons.",
+  "source": "@site/content/shapes/Line.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line.html",
+  "permalink": "/docs/shapes/Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Line Tutorial",
+    "sidebar_label": "Line",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-polygon-mdx-ffc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-polygon-mdx-ffc.json
new file mode 100644
index 000000000..645cce1c5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-polygon-mdx-ffc.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Line_-_Polygon",
+  "title": "HTML5 canvas Polygon Tutorial",
+  "description": "To create a polygon with Konva, we can instantiate a Konva.Line() object with the closed property set to true.",
+  "source": "@site/content/shapes/Line_-_Polygon.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Polygon.html",
+  "permalink": "/docs/shapes/Line_-_Polygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Line_-_Polygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Polygon Tutorial",
+    "sidebar_label": "Line - Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Polygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-simple-line-mdx-cea.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-simple-line-mdx-cea.json
new file mode 100644
index 000000000..5e9f09f91
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-simple-line-mdx-cea.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Line_-_Simple_Line",
+  "title": "HTML5 canvas Line Tutorial",
+  "description": "To create a simple line with Konva, we can instantiate a Konva.Line() object.",
+  "source": "@site/content/shapes/Line_-_Simple_Line.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Simple_Line.html",
+  "permalink": "/docs/shapes/Line_-_Simple_Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Line_-_Simple_Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Line Tutorial",
+    "sidebar_label": "Line - Simple Line",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Simple_Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-spline-mdx-f6c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-spline-mdx-f6c.json
new file mode 100644
index 000000000..4e0e7ecd7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-line-spline-mdx-f6c.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Line_-_Spline",
+  "title": "HTML5 canvas Spline Tutorial",
+  "description": "To create a spline (curved line) with Konva, we can instantiate a Konva.Line() object with the tension property.",
+  "source": "@site/content/shapes/Line_-_Spline.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Spline.html",
+  "permalink": "/docs/shapes/Line_-_Spline.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Line_-_Spline.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Spline Tutorial",
+    "sidebar_label": "Line - Spline",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Spline.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-path-mdx-a8c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-path-mdx-a8c.json
new file mode 100644
index 000000000..42c3ccb51
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-path-mdx-a8c.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Path",
+  "title": "HTML5 canvas Path Tutorial",
+  "description": "To create a custom path shape with Konva, we can instantiate a Konva.Path() object.",
+  "source": "@site/content/shapes/Path.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Path.html",
+  "permalink": "/docs/shapes/Path.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Path.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Path Tutorial",
+    "sidebar_label": "Path",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Path.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-polygon-mdx-a16.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-polygon-mdx-a16.json
new file mode 100644
index 000000000..023f884d1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-polygon-mdx-a16.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Polygon",
+  "title": "HTML5 canvas Polygon Tutorial",
+  "description": "To create a polygon shape with Konva, we can instantiate a Konva.Line() object with closed property set to true.",
+  "source": "@site/content/shapes/Polygon.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Polygon.html",
+  "permalink": "/docs/shapes/Polygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Polygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Polygon Tutorial",
+    "sidebar_label": "Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Polygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-rect-mdx-d61.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-rect-mdx-d61.json
new file mode 100644
index 000000000..4b4126fd7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-rect-mdx-d61.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Rect",
+  "title": "HTML5 canvas Rectangle Tutorial",
+  "description": "To create a rectangle with Konva, we can instantiate a Konva.Rect() object.",
+  "source": "@site/content/shapes/Rect.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/shapes/Rect.html",
+  "permalink": "/shapes/Rect.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Rect.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Rectangle Tutorial",
+    "sidebar_label": "Rectangle",
+    "hide_table_of_contents": true,
+    "slug": "Rect.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-regular-polygon-mdx-bef.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-regular-polygon-mdx-bef.json
new file mode 100644
index 000000000..52ab15fcc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-regular-polygon-mdx-bef.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/RegularPolygon",
+  "title": "HTML5 canvas Regular Polygon Tutorial",
+  "description": "To create a regular polygon shape with Konva, we can instantiate a Konva.RegularPolygon() object.",
+  "source": "@site/content/shapes/RegularPolygon.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/RegularPolygon.html",
+  "permalink": "/docs/shapes/RegularPolygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/RegularPolygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Regular Polygon Tutorial",
+    "sidebar_label": "Regular Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/RegularPolygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-sprite-mdx-64e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-sprite-mdx-64e.json
new file mode 100644
index 000000000..3613a460d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-sprite-mdx-64e.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Sprite",
+  "title": "HTML5 canvas Sprite Tutorial",
+  "description": "To create an animated sprite with Konva, we can instantiate a Konva.Sprite() object.",
+  "source": "@site/content/shapes/Sprite.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Sprite.html",
+  "permalink": "/docs/shapes/Sprite.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Sprite.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Sprite Tutorial",
+    "sidebar_label": "Sprite",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Sprite.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-mdx-1bc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-mdx-1bc.json
new file mode 100644
index 000000000..e7df6d2f3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-mdx-1bc.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Text",
+  "title": "HTML5 canvas Text Tutorial",
+  "description": "To create text with Konva, we can instantiate a Konva.Text() object.",
+  "source": "@site/content/shapes/Text.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Text.html",
+  "permalink": "/docs/shapes/Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Text.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Text Tutorial",
+    "sidebar_label": "Text",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Text.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-path-mdx-859.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-path-mdx-859.json
new file mode 100644
index 000000000..78800e3d9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-text-path-mdx-859.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/TextPath",
+  "title": "HTML5 canvas TextPath Tutorial",
+  "description": "To create text that follows a path with Konva, we can instantiate a Konva.TextPath() object.",
+  "source": "@site/content/shapes/TextPath.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/TextPath.html",
+  "permalink": "/docs/shapes/TextPath.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/TextPath.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas TextPath Tutorial",
+    "sidebar_label": "TextPath",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/TextPath.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-wedge-mdx-17b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-wedge-mdx-17b.json
new file mode 100644
index 000000000..712c2e30d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-shapes-wedge-mdx-17b.json
@@ -0,0 +1,20 @@
+{
+  "id": "shapes/Wedge",
+  "title": "HTML5 canvas Wedge Tutorial",
+  "description": "To create a wedge (pie piece) shape with Konva, we can instantiate a Konva.Wedge() object.",
+  "source": "@site/content/shapes/Wedge.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Wedge.html",
+  "permalink": "/docs/shapes/Wedge.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/shapes/Wedge.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Wedge Tutorial",
+    "sidebar_label": "Wedge",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Wedge.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-01-fill-md-2e4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-01-fill-md-2e4.json
new file mode 100644
index 000000000..49a3c3860
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-01-fill-md-2e4.json
@@ -0,0 +1,21 @@
+{
+  "id": "styling/Fill",
+  "title": "HTML5 Canvas Set Fill Tutorial",
+  "description": "To fill a shape with Konva, we can set the fill property when we instantiate a shape, or we can use the fill() method.",
+  "source": "@site/content/styling/01-Fill.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Fill.html",
+  "permalink": "/styling/Fill.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/01-Fill.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Fill Tutorial",
+    "sidebar_label": "Fill",
+    "hide_table_of_contents": true,
+    "slug": "Fill.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-02-stroke-md-3a8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-02-stroke-md-3a8.json
new file mode 100644
index 000000000..5999f721e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-02-stroke-md-3a8.json
@@ -0,0 +1,21 @@
+{
+  "id": "styling/Stroke",
+  "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+  "description": "To set a shape stroke and stroke width with Konva, we can set the stroke and strokeWidth properties when we instantiate a shape, or we can use the stroke() and strokeWidth() methods.",
+  "source": "@site/content/styling/02-Stroke.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Stroke.html",
+  "permalink": "/styling/Stroke.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/02-Stroke.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+    "sidebar_label": "Stroke",
+    "hide_table_of_contents": true,
+    "slug": "Stroke.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-03-opacity-md-d79.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-03-opacity-md-d79.json
new file mode 100644
index 000000000..225da54b8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-03-opacity-md-d79.json
@@ -0,0 +1,21 @@
+{
+  "id": "styling/Opacity",
+  "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+  "description": "To set a shape opacity with Konva, we can set the opacity property when we instantiate the node, or we can use the opacity() method.",
+  "source": "@site/content/styling/03-Opacity.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Opacity.html",
+  "permalink": "/styling/Opacity.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/03-Opacity.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+    "sidebar_label": "Opacity",
+    "hide_table_of_contents": true,
+    "slug": "Opacity.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-04-shadow-md-802.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-04-shadow-md-802.json
new file mode 100644
index 000000000..c66c77156
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-04-shadow-md-802.json
@@ -0,0 +1,21 @@
+{
+  "id": "styling/Shadow",
+  "title": "HTML5 Canvas Shadows Tutorial",
+  "description": "To apply shadows with Konva, we can set the shadowColor, shadowOffset, shadowBlur, and shadowOpacity properties when we instantiate a shape.",
+  "source": "@site/content/styling/04-Shadow.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Shadow.html",
+  "permalink": "/styling/Shadow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/04-Shadow.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shadows Tutorial",
+    "sidebar_label": "Shadow",
+    "hide_table_of_contents": true,
+    "slug": "Shadow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-05-line-join-md-381.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-05-line-join-md-381.json
new file mode 100644
index 000000000..3ed8ab7ca
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-05-line-join-md-381.json
@@ -0,0 +1,16 @@
+{
+  "id": "styling/Line_Join",
+  "title": "Line_Join",
+  "description": "title: HTML5 Canvas Line Join Tutorial",
+  "source": "@site/content/styling/05-Line_Join.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Line_Join",
+  "permalink": "/styling/Line_Join",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/05-Line_Join.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-06-hide-and-show-md-28a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-06-hide-and-show-md-28a.json
new file mode 100644
index 000000000..7cb0de278
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-06-hide-and-show-md-28a.json
@@ -0,0 +1,16 @@
+{
+  "id": "styling/Hide_and_Show",
+  "title": "Hide_and_Show",
+  "description": "title: HTML5 Canvas Hide and Show Shape Tutorial",
+  "source": "@site/content/styling/06-Hide_and_Show.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Hide_and_Show",
+  "permalink": "/styling/Hide_and_Show",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/06-Hide_and_Show.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 6,
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-07-mouse-cursor-md-ea1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-07-mouse-cursor-md-ea1.json
new file mode 100644
index 000000000..8d7f2bd86
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-07-mouse-cursor-md-ea1.json
@@ -0,0 +1,16 @@
+{
+  "id": "styling/Mouse_Cursor",
+  "title": "Mouse_Cursor",
+  "description": "title: HTML5 Canvas Change Mouse Cursor Style",
+  "source": "@site/content/styling/07-Mouse_Cursor.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Mouse_Cursor",
+  "permalink": "/styling/Mouse_Cursor",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/07-Mouse_Cursor.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 7,
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-08-blend-mode-md-79b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-08-blend-mode-md-79b.json
new file mode 100644
index 000000000..f72400610
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-08-blend-mode-md-79b.json
@@ -0,0 +1,16 @@
+{
+  "id": "styling/Blend_Mode",
+  "title": "Blend_Mode",
+  "description": "title: HTML5 Canvas Blend mode with globalCompositeOperation Tutorial",
+  "source": "@site/content/styling/08-Blend_Mode.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Blend_Mode",
+  "permalink": "/styling/Blend_Mode",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/08-Blend_Mode.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 8,
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-09-fill-stroke-order-md-cd4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-09-fill-stroke-order-md-cd4.json
new file mode 100644
index 000000000..77659a568
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-styling-09-fill-stroke-order-md-cd4.json
@@ -0,0 +1,16 @@
+{
+  "id": "styling/Fill_Stroke_Order",
+  "title": "Fill_Stroke_Order",
+  "description": "title: Fill and stroke order demo",
+  "source": "@site/content/styling/09-Fill_Stroke_Order.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Fill_Stroke_Order",
+  "permalink": "/styling/Fill_Stroke_Order",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/styling/09-Fill_Stroke_Order.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 9,
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-support-md-c3f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-support-md-c3f.json
new file mode 100644
index 000000000..f705811cb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-support-md-c3f.json
@@ -0,0 +1,21 @@
+{
+  "id": "support",
+  "title": "Need help with Konva library?",
+  "description": "Looking for a help with Konva framework?",
+  "source": "@site/content/support.md",
+  "sourceDirName": ".",
+  "slug": "/support.html",
+  "permalink": "/support.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/support.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "sidebar_position": 3,
+    "title": "Need help with Konva library?",
+    "sidebar_label": "Support",
+    "slug": "support.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-bindings-md-ddb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-bindings-md-ddb.json
new file mode 100644
index 000000000..81e7f8a50
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-bindings-md-ddb.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Bindings",
+  "title": "Bindings",
+  "description": "title: Binding the config prop",
+  "source": "@site/content/svelte/Bindings.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Bindings",
+  "permalink": "/svelte/Bindings",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Bindings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-cache-md-4f7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-cache-md-4f7.json
new file mode 100644
index 000000000..d08dacf1c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-cache-md-4f7.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Cache",
+  "title": "Cache",
+  "description": "title: How to cache canvas shapes with Svelte",
+  "source": "@site/content/svelte/Cache.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Cache",
+  "permalink": "/svelte/Cache",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Cache.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-custom-shape-md-e03.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-custom-shape-md-e03.json
new file mode 100644
index 000000000..b9fc093a4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-custom-shape-md-e03.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom canvas shape with Svelte?",
+  "source": "@site/content/svelte/Custom_Shape.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Custom_Shape",
+  "permalink": "/svelte/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-drag-and-drop-md-c0b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-drag-and-drop-md-c0b.json
new file mode 100644
index 000000000..7dcfdfe1f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-drag-and-drop-md-c0b.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes with Svelte",
+  "source": "@site/content/svelte/Drag_And_Drop.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Drag_And_Drop",
+  "permalink": "/svelte/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-events-md-278.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-events-md-278.json
new file mode 100644
index 000000000..1d867964b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-events-md-278.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with Svelte and Konva?",
+  "source": "@site/content/svelte/Events.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Events",
+  "permalink": "/svelte/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-filters-md-9b1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-filters-md-9b1.json
new file mode 100644
index 000000000..478248138
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-filters-md-9b1.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with Svelte and Konva?",
+  "source": "@site/content/svelte/Filters.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Filters",
+  "permalink": "/svelte/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-images-md-397.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-images-md-397.json
new file mode 100644
index 000000000..9f6d4e93c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-images-md-397.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Images",
+  "title": "Images",
+  "description": "title: How to draw image on canvas with Svelte?",
+  "source": "@site/content/svelte/Images.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Images",
+  "permalink": "/svelte/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-index-md-fbf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-index-md-fbf.json
new file mode 100644
index 000000000..604796b28
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-index-md-fbf.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/index",
+  "title": "index",
+  "description": "title: Getting started with Svelte and canvas via Konva",
+  "source": "@site/content/svelte/index.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/",
+  "permalink": "/svelte/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-konva-node-md-b6b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-konva-node-md-b6b.json
new file mode 100644
index 000000000..1caf75111
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-konva-node-md-b6b.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Konva_Node",
+  "title": "Konva_Node",
+  "description": "title: Accessing the Konva node",
+  "source": "@site/content/svelte/Konva_Node.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Konva_Node",
+  "permalink": "/svelte/Konva_Node",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Konva_Node.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-labels-md-3f4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-labels-md-3f4.json
new file mode 100644
index 000000000..98e572369
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-labels-md-3f4.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Labels",
+  "title": "Labels",
+  "description": "title: Using labels with Svelte",
+  "source": "@site/content/svelte/Labels.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Labels",
+  "permalink": "/svelte/Labels",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Labels.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-save-load-md-5f5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-save-load-md-5f5.json
new file mode 100644
index 000000000..adc802883
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-save-load-md-5f5.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Save_Load",
+  "title": "Save_Load",
+  "description": "title: Saving and loading canvas with Svelte and Konva",
+  "source": "@site/content/svelte/Save_Load.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Save_Load",
+  "permalink": "/svelte/Save_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Save_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-shapes-md-9ba.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-shapes-md-9ba.json
new file mode 100644
index 000000000..6f86494f8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-shapes-md-9ba.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with Svelte",
+  "source": "@site/content/svelte/Shapes.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Shapes",
+  "permalink": "/svelte/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-simple-animations-md-7a7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-simple-animations-md-7a7.json
new file mode 100644
index 000000000..43c47f476
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-simple-animations-md-7a7.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with Svelte and Konva?",
+  "source": "@site/content/svelte/Simple_Animations.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Simple_Animations",
+  "permalink": "/svelte/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-svelte-kit-md-d50.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-svelte-kit-md-d50.json
new file mode 100644
index 000000000..4d9aca637
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-svelte-kit-md-d50.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/SvelteKit",
+  "title": "SvelteKit",
+  "description": "title: How to use svelte-konva with SvelteKit?",
+  "source": "@site/content/svelte/SvelteKit.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/SvelteKit",
+  "permalink": "/svelte/SvelteKit",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/SvelteKit.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-transformer-md-6ba.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-transformer-md-6ba.json
new file mode 100644
index 000000000..8ab4e08cf
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-transformer-md-6ba.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with Svelte and Konva?",
+  "source": "@site/content/svelte/Transformer.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Transformer",
+  "permalink": "/svelte/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-z-index-md-ba7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-z-index-md-ba7.json
new file mode 100644
index 000000000..c780f1df9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-svelte-z-index-md-ba7.json
@@ -0,0 +1,15 @@
+{
+  "id": "svelte/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with svelte-konva?",
+  "source": "@site/content/svelte/zIndex.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/zIndex",
+  "permalink": "/svelte/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/svelte/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tools-md-6f8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tools-md-6f8.json
new file mode 100644
index 000000000..48afc4bc8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tools-md-6f8.json
@@ -0,0 +1,21 @@
+{
+  "id": "tools",
+  "title": "Konva.js Tools and Plugins",
+  "description": "- Konva + React",
+  "source": "@site/content/tools.md",
+  "sourceDirName": ".",
+  "slug": "/tools.html",
+  "permalink": "/tools.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tools.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {
+    "sidebar_position": 5,
+    "title": "Konva.js Tools and Plugins",
+    "sidebar_label": "Tools",
+    "slug": "tools.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-controls-md-6e5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-controls-md-6e5.json
new file mode 100644
index 000000000..f428c89fe
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-controls-md-6e5.json
@@ -0,0 +1,15 @@
+{
+  "id": "tweens/All_Controls",
+  "title": "All_Controls",
+  "description": "title: HTML5 Canvas All Tween Controls Tutorial",
+  "source": "@site/content/tweens/All_Controls.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/All_Controls",
+  "permalink": "/tweens/All_Controls",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tweens/All_Controls.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-easings-md-590.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-easings-md-590.json
new file mode 100644
index 000000000..263cfe2e2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-all-easings-md-590.json
@@ -0,0 +1,15 @@
+{
+  "id": "tweens/All_Easings",
+  "title": "All_Easings",
+  "description": "title: More Easing Functions Tutorial",
+  "source": "@site/content/tweens/All_Easings.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/All_Easings",
+  "permalink": "/tweens/All_Easings",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tweens/All_Easings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-common-easings-md-365.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-common-easings-md-365.json
new file mode 100644
index 000000000..ad0286776
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-common-easings-md-365.json
@@ -0,0 +1,15 @@
+{
+  "id": "tweens/Common_Easings",
+  "title": "Common_Easings",
+  "description": "title: HTML5 Canvas Simple Easings Tutorial",
+  "source": "@site/content/tweens/Common_Easings.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Common_Easings",
+  "permalink": "/tweens/Common_Easings",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tweens/Common_Easings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-complex-tweening-md-8a8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-complex-tweening-md-8a8.json
new file mode 100644
index 000000000..d86b81344
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-complex-tweening-md-8a8.json
@@ -0,0 +1,15 @@
+{
+  "id": "tweens/Complex_Tweening",
+  "title": "Complex_Tweening",
+  "description": "title: HTML5 Canvas Complex Tweening Tutorial",
+  "source": "@site/content/tweens/Complex_Tweening.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Complex_Tweening",
+  "permalink": "/tweens/Complex_Tweening",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tweens/Complex_Tweening.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-finish-event-md-bbe.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-finish-event-md-bbe.json
new file mode 100644
index 000000000..d0d44eaf0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-finish-event-md-bbe.json
@@ -0,0 +1,15 @@
+{
+  "id": "tweens/Finish_Event",
+  "title": "Finish_Event",
+  "description": "title: HTML5 Canvas Tween Finish Event Tutorial",
+  "source": "@site/content/tweens/Finish_Event.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Finish_Event",
+  "permalink": "/tweens/Finish_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tweens/Finish_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-linear-easing-md-a43.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-linear-easing-md-a43.json
new file mode 100644
index 000000000..449f5daac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-linear-easing-md-a43.json
@@ -0,0 +1,15 @@
+{
+  "id": "tweens/Linear_Easing",
+  "title": "Linear_Easing",
+  "description": "title: HTML5 Canvas Tweening Tutorial",
+  "source": "@site/content/tweens/Linear_Easing.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Linear_Easing",
+  "permalink": "/tweens/Linear_Easing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tweens/Linear_Easing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-tween-filter-md-673.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-tween-filter-md-673.json
new file mode 100644
index 000000000..b169fc774
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-tweens-tween-filter-md-673.json
@@ -0,0 +1,15 @@
+{
+  "id": "tweens/Tween_Filter",
+  "title": "Tween_Filter",
+  "description": "title: HTML5 Canvas Tween Blur Filter Tutorial",
+  "source": "@site/content/tweens/Tween_Filter.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Tween_Filter",
+  "permalink": "/tweens/Tween_Filter",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/tweens/Tween_Filter.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-cache-md-683.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-cache-md-683.json
new file mode 100644
index 000000000..d9679f467
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-cache-md-683.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Cache",
+  "title": "Cache",
+  "description": "title: How to cache canvas shapes with Vue",
+  "source": "@site/content/vue/Cache.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Cache",
+  "permalink": "/vue/Cache",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Cache.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-custom-shape-md-839.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-custom-shape-md-839.json
new file mode 100644
index 000000000..3801b47c4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-custom-shape-md-839.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom canvas shape with Vue?",
+  "source": "@site/content/vue/Custom_Shape.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Custom_Shape",
+  "permalink": "/vue/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-drag-and-drop-md-ba6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-drag-and-drop-md-ba6.json
new file mode 100644
index 000000000..8602a7cda
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-drag-and-drop-md-ba6.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes with vue",
+  "source": "@site/content/vue/Drag_And_Drop.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Drag_And_Drop",
+  "permalink": "/vue/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-events-md-d4d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-events-md-d4d.json
new file mode 100644
index 000000000..6e71e7a0c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-events-md-d4d.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with Vue and Konva?",
+  "source": "@site/content/vue/Events.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Events",
+  "permalink": "/vue/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-filters-md-727.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-filters-md-727.json
new file mode 100644
index 000000000..3a7a20fa0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-filters-md-727.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with vue and konva?",
+  "source": "@site/content/vue/Filters.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Filters",
+  "permalink": "/vue/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-images-md-ca4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-images-md-ca4.json
new file mode 100644
index 000000000..e78446f69
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-images-md-ca4.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Images",
+  "title": "Images",
+  "description": "title: How to draw image on canvas with Vue?",
+  "source": "@site/content/vue/Images.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Images",
+  "permalink": "/vue/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-index-md-e9d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-index-md-e9d.json
new file mode 100644
index 000000000..85d2b0efa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-index-md-e9d.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/index",
+  "title": "index",
+  "description": "title: Getting started with vue and canvas via Konva",
+  "source": "@site/content/vue/index.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/",
+  "permalink": "/vue/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-save-load-md-3cc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-save-load-md-3cc.json
new file mode 100644
index 000000000..3aea66dc4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-save-load-md-3cc.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Save-Load",
+  "title": "Save-Load",
+  "description": "title: Saving and loading canvas with Vue and Konva",
+  "source": "@site/content/vue/Save-Load.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Save-Load",
+  "permalink": "/vue/Save-Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Save-Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-shapes-md-fd2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-shapes-md-fd2.json
new file mode 100644
index 000000000..d071bc5ca
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-shapes-md-fd2.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with Vue",
+  "source": "@site/content/vue/Shapes.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Shapes",
+  "permalink": "/vue/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-simple-animations-md-214.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-simple-animations-md-214.json
new file mode 100644
index 000000000..c55436c40
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-simple-animations-md-214.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with vue and konva?",
+  "source": "@site/content/vue/Simple_Animations.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Simple_Animations",
+  "permalink": "/vue/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-transformer-md-482.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-transformer-md-482.json
new file mode 100644
index 000000000..38b053e3a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-transformer-md-482.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with vue and konva?",
+  "source": "@site/content/vue/Transformer.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Transformer",
+  "permalink": "/vue/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-z-index-md-3b9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-z-index-md-3b9.json
new file mode 100644
index 000000000..6dedb2597
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-content-vue-z-index-md-3b9.json
@@ -0,0 +1,15 @@
+{
+  "id": "vue/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with Vue?",
+  "source": "@site/content/vue/zIndex.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/zIndex",
+  "permalink": "/vue/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/content/vue/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {}
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-create-an-animation-md-fe7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-create-an-animation-md-fe7.json
new file mode 100644
index 000000000..74968d896
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-create-an-animation-md-fe7.json
@@ -0,0 +1,24 @@
+{
+  "id": "animations/Create_an_Animation",
+  "title": "Create_an_Animation",
+  "description": "title: HTML5 Canvas Konva Animation Tutorial",
+  "source": "@site/docs/animations/Create_an_Animation.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Create_an_Animation",
+  "permalink": "/animations/Create_an_Animation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/animations/Create_an_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Zooming_Relative_To_Pointer",
+    "permalink": "/sandbox/Zooming_Relative_To_Pointer"
+  },
+  "next": {
+    "title": "Moving",
+    "permalink": "/animations/Moving"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-moving-md-bd7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-moving-md-bd7.json
new file mode 100644
index 000000000..ea6d146f3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-moving-md-bd7.json
@@ -0,0 +1,24 @@
+{
+  "id": "animations/Moving",
+  "title": "Moving",
+  "description": "title: Animate Position Tutorial",
+  "source": "@site/docs/animations/Moving.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Moving",
+  "permalink": "/animations/Moving",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/animations/Moving.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Create_an_Animation",
+    "permalink": "/animations/Create_an_Animation"
+  },
+  "next": {
+    "title": "Rotation",
+    "permalink": "/animations/Rotation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-rotation-md-7ad.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-rotation-md-7ad.json
new file mode 100644
index 000000000..4d001c34b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-rotation-md-7ad.json
@@ -0,0 +1,24 @@
+{
+  "id": "animations/Rotation",
+  "title": "Rotation",
+  "description": "title: Rotation Animation tutorial",
+  "source": "@site/docs/animations/Rotation.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Rotation",
+  "permalink": "/animations/Rotation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/animations/Rotation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Moving",
+    "permalink": "/animations/Moving"
+  },
+  "next": {
+    "title": "Scaling",
+    "permalink": "/animations/Scaling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-scaling-md-482.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-scaling-md-482.json
new file mode 100644
index 000000000..6dc7255de
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-scaling-md-482.json
@@ -0,0 +1,24 @@
+{
+  "id": "animations/Scaling",
+  "title": "Scaling",
+  "description": "title: HTML5 Canvas Konva Scale Animation Tutorial",
+  "source": "@site/docs/animations/Scaling.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Scaling",
+  "permalink": "/animations/Scaling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/animations/Scaling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rotation",
+    "permalink": "/animations/Rotation"
+  },
+  "next": {
+    "title": "Stop_Animation",
+    "permalink": "/animations/Stop_Animation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-stop-animation-md-3d2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-stop-animation-md-3d2.json
new file mode 100644
index 000000000..31f8396cb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-animations-stop-animation-md-3d2.json
@@ -0,0 +1,24 @@
+{
+  "id": "animations/Stop_Animation",
+  "title": "Stop_Animation",
+  "description": "title: HTML5 Canvas Konva Stop Animation Tutorial",
+  "source": "@site/docs/animations/Stop_Animation.md",
+  "sourceDirName": "animations",
+  "slug": "/animations/Stop_Animation",
+  "permalink": "/animations/Stop_Animation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/animations/Stop_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Scaling",
+    "permalink": "/animations/Scaling"
+  },
+  "next": {
+    "title": "Konva",
+    "permalink": "/api/Konva.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-animation-mdx-c71.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-animation-mdx-c71.json
new file mode 100644
index 000000000..e72e63a59
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-animation-mdx-c71.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Animation",
+  "title": "Konva.Animation",
+  "description": "Animation constructor.",
+  "source": "@site/docs/api/Konva.Animation.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Animation.html",
+  "permalink": "/api/Konva.Animation.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Animation.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Animation",
+    "sidebar_label": "Animation",
+    "slug": "/api/Konva.Animation.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Konva",
+    "permalink": "/api/Konva.html"
+  },
+  "next": {
+    "title": "Arc",
+    "permalink": "/api/Konva.Arc.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arc-mdx-050.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arc-mdx-050.json
new file mode 100644
index 000000000..65db47c69
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arc-mdx-050.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Arc",
+  "title": "Konva.Arc",
+  "description": "Arc constructor",
+  "source": "@site/docs/api/Konva.Arc.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Arc.html",
+  "permalink": "/api/Konva.Arc.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Arc.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Arc",
+    "sidebar_label": "Arc",
+    "slug": "/api/Konva.Arc.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Animation",
+    "permalink": "/api/Konva.Animation.html"
+  },
+  "next": {
+    "title": "Arrow",
+    "permalink": "/api/Konva.Arrow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arrow-mdx-cc7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arrow-mdx-cc7.json
new file mode 100644
index 000000000..f6cbe177e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-arrow-mdx-cc7.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Arrow",
+  "title": "Konva.Arrow",
+  "description": "Arrow constructor",
+  "source": "@site/docs/api/Konva.Arrow.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Arrow.html",
+  "permalink": "/api/Konva.Arrow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Arrow.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Arrow",
+    "sidebar_label": "Arrow",
+    "slug": "/api/Konva.Arrow.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Arc",
+    "permalink": "/api/Konva.Arc.html"
+  },
+  "next": {
+    "title": "Canvas",
+    "permalink": "/api/Konva.Canvas.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-canvas-mdx-217.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-canvas-mdx-217.json
new file mode 100644
index 000000000..92834c7c6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-canvas-mdx-217.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Canvas",
+  "title": "Konva.Canvas",
+  "description": "Canvas Renderer constructor. It is a wrapper around native canvas element. Usually you don't need to use it manually.",
+  "source": "@site/docs/api/Konva.Canvas.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Canvas.html",
+  "permalink": "/api/Konva.Canvas.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Canvas.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Canvas",
+    "sidebar_label": "Canvas",
+    "slug": "/api/Konva.Canvas.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Arrow",
+    "permalink": "/api/Konva.Arrow.html"
+  },
+  "next": {
+    "title": "Circle",
+    "permalink": "/api/Konva.Circle.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-circle-mdx-c1b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-circle-mdx-c1b.json
new file mode 100644
index 000000000..aad2ced42
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-circle-mdx-c1b.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Circle",
+  "title": "Konva.Circle",
+  "description": "Circle constructor",
+  "source": "@site/docs/api/Konva.Circle.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Circle.html",
+  "permalink": "/api/Konva.Circle.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Circle.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Circle",
+    "sidebar_label": "Circle",
+    "slug": "/api/Konva.Circle.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Canvas",
+    "permalink": "/api/Konva.Canvas.html"
+  },
+  "next": {
+    "title": "Container",
+    "permalink": "/api/Konva.Container.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-container-mdx-66d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-container-mdx-66d.json
new file mode 100644
index 000000000..b87371879
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-container-mdx-66d.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Container",
+  "title": "Konva.Container",
+  "description": "Container constructor.&nbsp; Containers are used to contain nodes or other containers",
+  "source": "@site/docs/api/Konva.Container.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Container.html",
+  "permalink": "/api/Konva.Container.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Container.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Container",
+    "sidebar_label": "Container",
+    "slug": "/api/Konva.Container.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Circle",
+    "permalink": "/api/Konva.Circle.html"
+  },
+  "next": {
+    "title": "Context",
+    "permalink": "/api/Konva.Context.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-context-mdx-e62.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-context-mdx-e62.json
new file mode 100644
index 000000000..6c902ed31
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-context-mdx-e62.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Context",
+  "title": "Konva.Context",
+  "description": "Konva wrapper around native 2d canvas context. It has almost the same API of 2d context with some additional functions. With core Konva shapes you don't need to use this object. But you will use it if you want to create a custom shape or a custom hit regions. For full information about each 2d context API use MDN documentation",
+  "source": "@site/docs/api/Konva.Context.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Context.html",
+  "permalink": "/api/Konva.Context.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Context.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Context",
+    "sidebar_label": "Context",
+    "slug": "/api/Konva.Context.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Container",
+    "permalink": "/api/Konva.Container.html"
+  },
+  "next": {
+    "title": "Easings",
+    "permalink": "/api/Konva.Easings.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-easings-mdx-076.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-easings-mdx-076.json
new file mode 100644
index 000000000..7746b502c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-easings-mdx-076.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Easings",
+  "title": "Konva.Easings",
+  "description": "Own Methods",
+  "source": "@site/docs/api/Konva.Easings.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Easings.html",
+  "permalink": "/api/Konva.Easings.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Easings.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Easings",
+    "sidebar_label": "Easings",
+    "slug": "/api/Konva.Easings.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Context",
+    "permalink": "/api/Konva.Context.html"
+  },
+  "next": {
+    "title": "Ellipse",
+    "permalink": "/api/Konva.Ellipse.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ellipse-mdx-79f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ellipse-mdx-79f.json
new file mode 100644
index 000000000..805fcaeb2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ellipse-mdx-79f.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Ellipse",
+  "title": "Konva.Ellipse",
+  "description": "Ellipse constructor",
+  "source": "@site/docs/api/Konva.Ellipse.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Ellipse.html",
+  "permalink": "/api/Konva.Ellipse.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Ellipse.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Ellipse",
+    "sidebar_label": "Ellipse",
+    "slug": "/api/Konva.Ellipse.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Easings",
+    "permalink": "/api/Konva.Easings.html"
+  },
+  "next": {
+    "title": "FastLayer",
+    "permalink": "/api/Konva.FastLayer.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-fast-layer-mdx-b23.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-fast-layer-mdx-b23.json
new file mode 100644
index 000000000..c9e8cb704
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-fast-layer-mdx-b23.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.FastLayer",
+  "title": "Konva.FastLayer",
+  "description": "FastLayer constructor. DEPRECATED! Please use Konva.Layer(\\{ listening: false\\}) instead. Layers are tied to their own canvas element and are used to contain shapes only.  If you don't need node nesting, mouse and touch interactions, or event pub/sub, you should use FastLayer instead of Layer to create your layers. It renders about 2x faster than normal layers.",
+  "source": "@site/docs/api/Konva.FastLayer.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.FastLayer.html",
+  "permalink": "/api/Konva.FastLayer.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.FastLayer.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.FastLayer",
+    "sidebar_label": "FastLayer",
+    "slug": "/api/Konva.FastLayer.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Ellipse",
+    "permalink": "/api/Konva.Ellipse.html"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/api/Konva.Filters.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-filters-mdx-41e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-filters-mdx-41e.json
new file mode 100644
index 000000000..6bdcc4a5b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-filters-mdx-41e.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Filters",
+  "title": "Konva.Filters",
+  "description": "Own Methods",
+  "source": "@site/docs/api/Konva.Filters.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Filters.html",
+  "permalink": "/api/Konva.Filters.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Filters.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Filters",
+    "sidebar_label": "Filters",
+    "slug": "/api/Konva.Filters.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "FastLayer",
+    "permalink": "/api/Konva.FastLayer.html"
+  },
+  "next": {
+    "title": "Group",
+    "permalink": "/api/Konva.Group.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-group-mdx-62f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-group-mdx-62f.json
new file mode 100644
index 000000000..65a2a79fd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-group-mdx-62f.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Group",
+  "title": "Konva.Group",
+  "description": "Group constructor.  Groups are used to contain shapes or other groups.",
+  "source": "@site/docs/api/Konva.Group.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Group.html",
+  "permalink": "/api/Konva.Group.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Group.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Group",
+    "sidebar_label": "Group",
+    "slug": "/api/Konva.Group.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/api/Konva.Filters.html"
+  },
+  "next": {
+    "title": "Image",
+    "permalink": "/api/Konva.Image.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-image-mdx-380.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-image-mdx-380.json
new file mode 100644
index 000000000..526679d30
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-image-mdx-380.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Image",
+  "title": "Konva.Image",
+  "description": "Image constructor",
+  "source": "@site/docs/api/Konva.Image.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Image.html",
+  "permalink": "/api/Konva.Image.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Image.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Image",
+    "sidebar_label": "Image",
+    "slug": "/api/Konva.Image.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Group",
+    "permalink": "/api/Konva.Group.html"
+  },
+  "next": {
+    "title": "Label",
+    "permalink": "/api/Konva.Label.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-label-mdx-add.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-label-mdx-add.json
new file mode 100644
index 000000000..2c8c316be
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-label-mdx-add.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Label",
+  "title": "Konva.Label",
+  "description": "Label constructor.&nbsp; Labels are groups that contain a Text and Tag shape",
+  "source": "@site/docs/api/Konva.Label.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Label.html",
+  "permalink": "/api/Konva.Label.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Label.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Label",
+    "sidebar_label": "Label",
+    "slug": "/api/Konva.Label.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Image",
+    "permalink": "/api/Konva.Image.html"
+  },
+  "next": {
+    "title": "Layer",
+    "permalink": "/api/Konva.Layer.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-layer-mdx-540.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-layer-mdx-540.json
new file mode 100644
index 000000000..b2fda7a78
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-layer-mdx-540.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Layer",
+  "title": "Konva.Layer",
+  "description": "Layer constructor.  Layers are tied to their own canvas element and are used to contain groups or shapes.",
+  "source": "@site/docs/api/Konva.Layer.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Layer.html",
+  "permalink": "/api/Konva.Layer.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Layer.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Layer",
+    "sidebar_label": "Layer",
+    "slug": "/api/Konva.Layer.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Label",
+    "permalink": "/api/Konva.Label.html"
+  },
+  "next": {
+    "title": "Line",
+    "permalink": "/api/Konva.Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-line-mdx-739.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-line-mdx-739.json
new file mode 100644
index 000000000..5e3a26469
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-line-mdx-739.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Line",
+  "title": "Konva.Line",
+  "description": "Line constructor.&nbsp; Lines are defined by an array of points and  a tension",
+  "source": "@site/docs/api/Konva.Line.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Line.html",
+  "permalink": "/api/Konva.Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Line",
+    "sidebar_label": "Line",
+    "slug": "/api/Konva.Line.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Layer",
+    "permalink": "/api/Konva.Layer.html"
+  },
+  "next": {
+    "title": "Node",
+    "permalink": "/api/Konva.Node.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-mdx-883.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-mdx-883.json
new file mode 100644
index 000000000..69d675c75
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-mdx-883.json
@@ -0,0 +1,26 @@
+{
+  "id": "api/Konva",
+  "title": "Konva",
+  "description": "Classes",
+  "source": "@site/docs/api/Konva.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.html",
+  "permalink": "/api/Konva.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.mdx",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "Konva",
+    "sidebar_label": "Konva",
+    "slug": "/api/Konva.html",
+    "sidebar_position": 1
+  },
+  "sidebar": "apiSidebar",
+  "next": {
+    "title": "Animation",
+    "permalink": "/api/Konva.Animation.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-node-mdx-881.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-node-mdx-881.json
new file mode 100644
index 000000000..eb46ac38f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-node-mdx-881.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Node",
+  "title": "Konva.Node",
+  "description": "Node constructor. Nodes are entities that can be transformed, layered, and have bound events. The stage, layers, groups, and shapes all extend Node.",
+  "source": "@site/docs/api/Konva.Node.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Node.html",
+  "permalink": "/api/Konva.Node.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Node.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Node",
+    "sidebar_label": "Node",
+    "slug": "/api/Konva.Node.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Line",
+    "permalink": "/api/Konva.Line.html"
+  },
+  "next": {
+    "title": "Path",
+    "permalink": "/api/Konva.Path.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-path-mdx-7a1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-path-mdx-7a1.json
new file mode 100644
index 000000000..93074f581
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-path-mdx-7a1.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Path",
+  "title": "Konva.Path",
+  "description": "Path constructor.",
+  "source": "@site/docs/api/Konva.Path.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Path.html",
+  "permalink": "/api/Konva.Path.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Path.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Path",
+    "sidebar_label": "Path",
+    "slug": "/api/Konva.Path.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Node",
+    "permalink": "/api/Konva.Node.html"
+  },
+  "next": {
+    "title": "Rect",
+    "permalink": "/api/Konva.Rect.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-rect-mdx-7bb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-rect-mdx-7bb.json
new file mode 100644
index 000000000..6336b4d7d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-rect-mdx-7bb.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Rect",
+  "title": "Konva.Rect",
+  "description": "Rect constructor",
+  "source": "@site/docs/api/Konva.Rect.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Rect.html",
+  "permalink": "/api/Konva.Rect.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Rect.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Rect",
+    "sidebar_label": "Rect",
+    "slug": "/api/Konva.Rect.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Path",
+    "permalink": "/api/Konva.Path.html"
+  },
+  "next": {
+    "title": "RegularPolygon",
+    "permalink": "/api/Konva.RegularPolygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-regular-polygon-mdx-3de.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-regular-polygon-mdx-3de.json
new file mode 100644
index 000000000..25c953c20
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-regular-polygon-mdx-3de.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.RegularPolygon",
+  "title": "Konva.RegularPolygon",
+  "description": "RegularPolygon constructor. Examples include triangles, squares, pentagons, hexagons, etc.",
+  "source": "@site/docs/api/Konva.RegularPolygon.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.RegularPolygon.html",
+  "permalink": "/api/Konva.RegularPolygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.RegularPolygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.RegularPolygon",
+    "sidebar_label": "RegularPolygon",
+    "slug": "/api/Konva.RegularPolygon.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Rect",
+    "permalink": "/api/Konva.Rect.html"
+  },
+  "next": {
+    "title": "Ring",
+    "permalink": "/api/Konva.Ring.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ring-mdx-010.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ring-mdx-010.json
new file mode 100644
index 000000000..2588ea300
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-ring-mdx-010.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Ring",
+  "title": "Konva.Ring",
+  "description": "Ring constructor",
+  "source": "@site/docs/api/Konva.Ring.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Ring.html",
+  "permalink": "/api/Konva.Ring.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Ring.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Ring",
+    "sidebar_label": "Ring",
+    "slug": "/api/Konva.Ring.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "RegularPolygon",
+    "permalink": "/api/Konva.RegularPolygon.html"
+  },
+  "next": {
+    "title": "Shape",
+    "permalink": "/api/Konva.Shape.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-shape-mdx-e62.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-shape-mdx-e62.json
new file mode 100644
index 000000000..21b594311
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-shape-mdx-e62.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Shape",
+  "title": "Konva.Shape",
+  "description": "Shape constructor.  Shapes are primitive objects such as rectangles,  circles, text, lines, etc.",
+  "source": "@site/docs/api/Konva.Shape.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Shape.html",
+  "permalink": "/api/Konva.Shape.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Shape.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Shape",
+    "sidebar_label": "Shape",
+    "slug": "/api/Konva.Shape.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Ring",
+    "permalink": "/api/Konva.Ring.html"
+  },
+  "next": {
+    "title": "Sprite",
+    "permalink": "/api/Konva.Sprite.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-sprite-mdx-e7b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-sprite-mdx-e7b.json
new file mode 100644
index 000000000..72a7b9908
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-sprite-mdx-e7b.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Sprite",
+  "title": "Konva.Sprite",
+  "description": "Sprite constructor",
+  "source": "@site/docs/api/Konva.Sprite.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Sprite.html",
+  "permalink": "/api/Konva.Sprite.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Sprite.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Sprite",
+    "sidebar_label": "Sprite",
+    "slug": "/api/Konva.Sprite.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Shape",
+    "permalink": "/api/Konva.Shape.html"
+  },
+  "next": {
+    "title": "Stage",
+    "permalink": "/api/Konva.Stage.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-stage-mdx-7b8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-stage-mdx-7b8.json
new file mode 100644
index 000000000..041cec2fd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-stage-mdx-7b8.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Stage",
+  "title": "Konva.Stage",
+  "description": "Stage constructor.  A stage is used to contain multiple layers",
+  "source": "@site/docs/api/Konva.Stage.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Stage.html",
+  "permalink": "/api/Konva.Stage.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Stage.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Stage",
+    "sidebar_label": "Stage",
+    "slug": "/api/Konva.Stage.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Sprite",
+    "permalink": "/api/Konva.Sprite.html"
+  },
+  "next": {
+    "title": "Star",
+    "permalink": "/api/Konva.Star.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-star-mdx-5b9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-star-mdx-5b9.json
new file mode 100644
index 000000000..582dbfbe6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-star-mdx-5b9.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Star",
+  "title": "Konva.Star",
+  "description": "Star constructor",
+  "source": "@site/docs/api/Konva.Star.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Star.html",
+  "permalink": "/api/Konva.Star.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Star.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Star",
+    "sidebar_label": "Star",
+    "slug": "/api/Konva.Star.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Stage",
+    "permalink": "/api/Konva.Stage.html"
+  },
+  "next": {
+    "title": "Tag",
+    "permalink": "/api/Konva.Tag.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tag-mdx-95a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tag-mdx-95a.json
new file mode 100644
index 000000000..1a10cd5fa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tag-mdx-95a.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Tag",
+  "title": "Konva.Tag",
+  "description": "Tag constructor.&nbsp; A Tag can be configured  to have a pointer element that points up, right, down, or left",
+  "source": "@site/docs/api/Konva.Tag.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Tag.html",
+  "permalink": "/api/Konva.Tag.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Tag.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Tag",
+    "sidebar_label": "Tag",
+    "slug": "/api/Konva.Tag.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Star",
+    "permalink": "/api/Konva.Star.html"
+  },
+  "next": {
+    "title": "Text",
+    "permalink": "/api/Konva.Text.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-mdx-8f8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-mdx-8f8.json
new file mode 100644
index 000000000..73be09de5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-mdx-8f8.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Text",
+  "title": "Konva.Text",
+  "description": "Text constructor",
+  "source": "@site/docs/api/Konva.Text.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Text.html",
+  "permalink": "/api/Konva.Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Text.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Text",
+    "sidebar_label": "Text",
+    "slug": "/api/Konva.Text.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Tag",
+    "permalink": "/api/Konva.Tag.html"
+  },
+  "next": {
+    "title": "TextPath",
+    "permalink": "/api/Konva.TextPath.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-path-mdx-46b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-path-mdx-46b.json
new file mode 100644
index 000000000..b01958806
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-text-path-mdx-46b.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.TextPath",
+  "title": "Konva.TextPath",
+  "description": "Path constructor.",
+  "source": "@site/docs/api/Konva.TextPath.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.TextPath.html",
+  "permalink": "/api/Konva.TextPath.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.TextPath.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.TextPath",
+    "sidebar_label": "TextPath",
+    "slug": "/api/Konva.TextPath.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Text",
+    "permalink": "/api/Konva.Text.html"
+  },
+  "next": {
+    "title": "Transform",
+    "permalink": "/api/Konva.Transform.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transform-mdx-df4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transform-mdx-df4.json
new file mode 100644
index 000000000..b9296dbc5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transform-mdx-df4.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Transform",
+  "title": "Konva.Transform",
+  "description": "Transform constructor. In most of the cases you don't need to use it in your app. Because it is for internal usage in Konva core. But there is a documentation for that class in case you still want to make some manual calculations.",
+  "source": "@site/docs/api/Konva.Transform.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Transform.html",
+  "permalink": "/api/Konva.Transform.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Transform.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Transform",
+    "sidebar_label": "Transform",
+    "slug": "/api/Konva.Transform.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "TextPath",
+    "permalink": "/api/Konva.TextPath.html"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/api/Konva.Transformer.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transformer-mdx-e1f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transformer-mdx-e1f.json
new file mode 100644
index 000000000..4570743e3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-transformer-mdx-e1f.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Transformer",
+  "title": "Konva.Transformer",
+  "description": "Transformer constructor.  Transformer is a special type of group that allow you transform Konva primitives and shapes. Transforming tool is not changing width and height properties of nodes when you resize them. Instead it changes scaleX and scaleY properties.",
+  "source": "@site/docs/api/Konva.Transformer.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Transformer.html",
+  "permalink": "/api/Konva.Transformer.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Transformer.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Transformer",
+    "sidebar_label": "Transformer",
+    "slug": "/api/Konva.Transformer.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Transform",
+    "permalink": "/api/Konva.Transform.html"
+  },
+  "next": {
+    "title": "Tween",
+    "permalink": "/api/Konva.Tween.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tween-mdx-6a1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tween-mdx-6a1.json
new file mode 100644
index 000000000..061b248c1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-tween-mdx-6a1.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Tween",
+  "title": "Konva.Tween",
+  "description": "Tween constructor.  Tweens enable you to animate a node between the current state and a new state.  You can play, pause, reverse, seek, reset, and finish tweens.  By default, tweens are animated using  a linear easing.  For more tweening options, check out Konva.Easings",
+  "source": "@site/docs/api/Konva.Tween.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Tween.html",
+  "permalink": "/api/Konva.Tween.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Tween.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Tween",
+    "sidebar_label": "Tween",
+    "slug": "/api/Konva.Tween.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/api/Konva.Transformer.html"
+  },
+  "next": {
+    "title": "Util",
+    "permalink": "/api/Konva.Util.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-util-mdx-8a3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-util-mdx-8a3.json
new file mode 100644
index 000000000..5c1078726
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-util-mdx-8a3.json
@@ -0,0 +1,28 @@
+{
+  "id": "api/Konva.Util",
+  "title": "Konva.Util",
+  "description": "Own Methods",
+  "source": "@site/docs/api/Konva.Util.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Util.html",
+  "permalink": "/api/Konva.Util.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Util.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Util",
+    "sidebar_label": "Util",
+    "slug": "/api/Konva.Util.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Tween",
+    "permalink": "/api/Konva.Tween.html"
+  },
+  "next": {
+    "title": "Wedge",
+    "permalink": "/api/Konva.Wedge.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-wedge-mdx-5c8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-wedge-mdx-5c8.json
new file mode 100644
index 000000000..4d7f0d236
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-api-konva-wedge-mdx-5c8.json
@@ -0,0 +1,24 @@
+{
+  "id": "api/Konva.Wedge",
+  "title": "Konva.Wedge",
+  "description": "Wedge constructor",
+  "source": "@site/docs/api/Konva.Wedge.mdx",
+  "sourceDirName": "api",
+  "slug": "/api/Konva.Wedge.html",
+  "permalink": "/api/Konva.Wedge.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/api/Konva.Wedge.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "Konva.Wedge",
+    "sidebar_label": "Wedge",
+    "slug": "/api/Konva.Wedge.html"
+  },
+  "sidebar": "apiSidebar",
+  "previous": {
+    "title": "Util",
+    "permalink": "/api/Konva.Util.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-function-md-f60.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-function-md-f60.json
new file mode 100644
index 000000000..94b7e19d1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-function-md-f60.json
@@ -0,0 +1,24 @@
+{
+  "id": "clipping/Clipping_Function",
+  "title": "Clipping_Function",
+  "description": "title: Clipping Functions Tutorial",
+  "source": "@site/docs/clipping/Clipping_Function.md",
+  "sourceDirName": "clipping",
+  "slug": "/clipping/Clipping_Function",
+  "permalink": "/clipping/Clipping_Function",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/clipping/Clipping_Function.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Wedge",
+    "permalink": "/api/Konva.Wedge.html"
+  },
+  "next": {
+    "title": "Clipping_Regions",
+    "permalink": "/clipping/Clipping_Regions"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-regions-md-444.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-regions-md-444.json
new file mode 100644
index 000000000..2ba65cc6d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-clipping-clipping-regions-md-444.json
@@ -0,0 +1,24 @@
+{
+  "id": "clipping/Clipping_Regions",
+  "title": "Clipping_Regions",
+  "description": "title: HTML5 Canvas Simple Clipping tutorial",
+  "source": "@site/docs/clipping/Clipping_Regions.md",
+  "sourceDirName": "clipping",
+  "slug": "/clipping/Clipping_Regions",
+  "permalink": "/clipping/Clipping_Regions",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/clipping/Clipping_Regions.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Clipping_Function",
+    "permalink": "/clipping/Clipping_Function"
+  },
+  "next": {
+    "title": "Best_Practices",
+    "permalink": "/data_and_serialization/Best_Practices"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-best-practices-md-89a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-best-practices-md-89a.json
new file mode 100644
index 000000000..ebccb86a0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-best-practices-md-89a.json
@@ -0,0 +1,24 @@
+{
+  "id": "data_and_serialization/Best_Practices",
+  "title": "Best_Practices",
+  "description": "title: Save and Load HTML5 Canvas Stage Best Practices",
+  "source": "@site/docs/data_and_serialization/Best_Practices.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Best_Practices",
+  "permalink": "/data_and_serialization/Best_Practices",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/data_and_serialization/Best_Practices.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Clipping_Regions",
+    "permalink": "/clipping/Clipping_Regions"
+  },
+  "next": {
+    "title": "Complex_Load",
+    "permalink": "/data_and_serialization/Complex_Load"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-complex-load-md-b81.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-complex-load-md-b81.json
new file mode 100644
index 000000000..ca8b9bef0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-complex-load-md-b81.json
@@ -0,0 +1,24 @@
+{
+  "id": "data_and_serialization/Complex_Load",
+  "title": "Complex_Load",
+  "description": "title: Load HTML5 Canvas Stage from JSON Tutorial",
+  "source": "@site/docs/data_and_serialization/Complex_Load.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Complex_Load",
+  "permalink": "/data_and_serialization/Complex_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/data_and_serialization/Complex_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Best_Practices",
+    "permalink": "/data_and_serialization/Best_Practices"
+  },
+  "next": {
+    "title": "High-Quality-Export",
+    "permalink": "/data_and_serialization/High-Quality-Export"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-high-quality-export-md-698.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-high-quality-export-md-698.json
new file mode 100644
index 000000000..c60612ac7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-high-quality-export-md-698.json
@@ -0,0 +1,24 @@
+{
+  "id": "data_and_serialization/High-Quality-Export",
+  "title": "High-Quality-Export",
+  "description": "title: HTML5 Canvas Export to High Quality Image Tutorial",
+  "source": "@site/docs/data_and_serialization/High-Quality-Export.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/High-Quality-Export",
+  "permalink": "/data_and_serialization/High-Quality-Export",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/data_and_serialization/High-Quality-Export.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex_Load",
+    "permalink": "/data_and_serialization/Complex_Load"
+  },
+  "next": {
+    "title": "Serialize_a_Stage",
+    "permalink": "/data_and_serialization/Serialize_a_Stage"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-serialize-a-stage-md-845.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-serialize-a-stage-md-845.json
new file mode 100644
index 000000000..27249cd9b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-serialize-a-stage-md-845.json
@@ -0,0 +1,24 @@
+{
+  "id": "data_and_serialization/Serialize_a_Stage",
+  "title": "Serialize_a_Stage",
+  "description": "title: Save HTML5 Canvas Stage as JSON String",
+  "source": "@site/docs/data_and_serialization/Serialize_a_Stage.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Serialize_a_Stage",
+  "permalink": "/data_and_serialization/Serialize_a_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/data_and_serialization/Serialize_a_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "High-Quality-Export",
+    "permalink": "/data_and_serialization/High-Quality-Export"
+  },
+  "next": {
+    "title": "Simple_Load",
+    "permalink": "/data_and_serialization/Simple_Load"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-simple-load-md-80c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-simple-load-md-80c.json
new file mode 100644
index 000000000..f185428c0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-simple-load-md-80c.json
@@ -0,0 +1,24 @@
+{
+  "id": "data_and_serialization/Simple_Load",
+  "title": "Simple_Load",
+  "description": "title: Load Stage with JSON String",
+  "source": "@site/docs/data_and_serialization/Simple_Load.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Simple_Load",
+  "permalink": "/data_and_serialization/Simple_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/data_and_serialization/Simple_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Serialize_a_Stage",
+    "permalink": "/data_and_serialization/Serialize_a_Stage"
+  },
+  "next": {
+    "title": "Stage_Data_URL",
+    "permalink": "/data_and_serialization/Stage_Data_URL"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-stage-data-url-md-fec.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-stage-data-url-md-fec.json
new file mode 100644
index 000000000..aefe1d8f8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-data-and-serialization-stage-data-url-md-fec.json
@@ -0,0 +1,24 @@
+{
+  "id": "data_and_serialization/Stage_Data_URL",
+  "title": "Stage_Data_URL",
+  "description": "title: HTML5 Canvas to Data URL Tutorial",
+  "source": "@site/docs/data_and_serialization/Stage_Data_URL.md",
+  "sourceDirName": "data_and_serialization",
+  "slug": "/data_and_serialization/Stage_Data_URL",
+  "permalink": "/data_and_serialization/Stage_Data_URL",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/data_and_serialization/Stage_Data_URL.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Load",
+    "permalink": "/data_and_serialization/Simple_Load"
+  },
+  "next": {
+    "title": "Drag_and_Drop",
+    "permalink": "/drag_and_drop/"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-donate-md-1c5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-donate-md-1c5.json
new file mode 100644
index 000000000..c1beb17c4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-donate-md-1c5.json
@@ -0,0 +1,30 @@
+{
+  "id": "donate",
+  "title": "How to support and donate to Konva project?",
+  "description": "Hello, my name is Anton. I am core maintainer of Konva framework.",
+  "source": "@site/docs/donate.md",
+  "sourceDirName": ".",
+  "slug": "/donate.html",
+  "permalink": "/donate.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/donate.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "sidebar_position": 4,
+    "title": "How to support and donate to Konva project?",
+    "sidebar_label": "Donate",
+    "slug": "donate.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Support",
+    "permalink": "/support.html"
+  },
+  "next": {
+    "title": "Tools",
+    "permalink": "/tools.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-complex-drag-and-drop-md-31a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-complex-drag-and-drop-md-31a.json
new file mode 100644
index 000000000..4103a4f58
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-complex-drag-and-drop-md-31a.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Complex_Drag_and_Drop",
+  "title": "Complex_Drag_and_Drop",
+  "description": "title: HTML5 Canvas Complex Drag and Drop Bounds",
+  "source": "@site/docs/drag_and_drop/Complex_Drag_and_Drop.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Complex_Drag_and_Drop",
+  "permalink": "/drag_and_drop/Complex_Drag_and_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Complex_Drag_and_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_and_Drop",
+    "permalink": "/drag_and_drop/"
+  },
+  "next": {
+    "title": "Drag_Events",
+    "permalink": "/drag_and_drop/Drag_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-group-md-6ed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-group-md-6ed.json
new file mode 100644
index 000000000..7467e5c0f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-group-md-6ed.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Drag_a_Group",
+  "title": "Drag_a_Group",
+  "description": "title: HTML5 Canvas Drag and Drop a Group Tutorial",
+  "source": "@site/docs/drag_and_drop/Drag_a_Group.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_a_Group",
+  "permalink": "/drag_and_drop/Drag_a_Group",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Drag_a_Group.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_Events",
+    "permalink": "/drag_and_drop/Drag_Events"
+  },
+  "next": {
+    "title": "Drag_a_Line",
+    "permalink": "/drag_and_drop/Drag_a_Line"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-line-md-3eb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-line-md-3eb.json
new file mode 100644
index 000000000..d73b29fce
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-line-md-3eb.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Drag_a_Line",
+  "title": "Drag_a_Line",
+  "description": "title: Drag and Drop a Line",
+  "source": "@site/docs/drag_and_drop/Drag_a_Line.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_a_Line",
+  "permalink": "/drag_and_drop/Drag_a_Line",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Drag_a_Line.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_a_Group",
+    "permalink": "/drag_and_drop/Drag_a_Group"
+  },
+  "next": {
+    "title": "Drag_a_Stage",
+    "permalink": "/drag_and_drop/Drag_a_Stage"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-stage-md-26e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-stage-md-26e.json
new file mode 100644
index 000000000..2d52a0555
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-a-stage-md-26e.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Drag_a_Stage",
+  "title": "Drag_a_Stage",
+  "description": "title: HTML5 Canvas Drag and Drop the Stage",
+  "source": "@site/docs/drag_and_drop/Drag_a_Stage.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_a_Stage",
+  "permalink": "/drag_and_drop/Drag_a_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Drag_a_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_a_Line",
+    "permalink": "/drag_and_drop/Drag_a_Line"
+  },
+  "next": {
+    "title": "Drag_an_Image",
+    "permalink": "/drag_and_drop/Drag_an_Image"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-an-image-md-c5d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-an-image-md-c5d.json
new file mode 100644
index 000000000..de6861d81
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-an-image-md-c5d.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Drag_an_Image",
+  "title": "Drag_an_Image",
+  "description": "title: HTML5 Canvas Drag and Drop an Image",
+  "source": "@site/docs/drag_and_drop/Drag_an_Image.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_an_Image",
+  "permalink": "/drag_and_drop/Drag_an_Image",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Drag_an_Image.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_a_Stage",
+    "permalink": "/drag_and_drop/Drag_a_Stage"
+  },
+  "next": {
+    "title": "Drop_Events",
+    "permalink": "/drag_and_drop/Drop_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-and-drop-md-028.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-and-drop-md-028.json
new file mode 100644
index 000000000..c0ea61129
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-and-drop-md-028.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Drag_and_Drop",
+  "title": "Drag_and_Drop",
+  "description": "title: HTML5 Canvas Drag and Drop Tutorial",
+  "source": "@site/docs/drag_and_drop/Drag_and_Drop.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/",
+  "permalink": "/drag_and_drop/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Drag_and_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage_Data_URL",
+    "permalink": "/data_and_serialization/Stage_Data_URL"
+  },
+  "next": {
+    "title": "Complex_Drag_and_Drop",
+    "permalink": "/drag_and_drop/Complex_Drag_and_Drop"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-events-md-673.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-events-md-673.json
new file mode 100644
index 000000000..87e1c646b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drag-events-md-673.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Drag_Events",
+  "title": "Drag_Events",
+  "description": "title: HTML5 Canvas Drag and Drop Events",
+  "source": "@site/docs/drag_and_drop/Drag_Events.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drag_Events",
+  "permalink": "/drag_and_drop/Drag_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Drag_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex_Drag_and_Drop",
+    "permalink": "/drag_and_drop/Complex_Drag_and_Drop"
+  },
+  "next": {
+    "title": "Drag_a_Group",
+    "permalink": "/drag_and_drop/Drag_a_Group"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drop-events-md-b25.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drop-events-md-b25.json
new file mode 100644
index 000000000..8ca82b32b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-drop-events-md-b25.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Drop_Events",
+  "title": "Drop_Events",
+  "description": "title: HTML5 Canvas Drop Events",
+  "source": "@site/docs/drag_and_drop/Drop_Events.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Drop_Events",
+  "permalink": "/drag_and_drop/Drop_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Drop_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_an_Image",
+    "permalink": "/drag_and_drop/Drag_an_Image"
+  },
+  "next": {
+    "title": "Simple_Drag_Bounds",
+    "permalink": "/drag_and_drop/Simple_Drag_Bounds"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-simple-drag-bounds-md-e14.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-simple-drag-bounds-md-e14.json
new file mode 100644
index 000000000..04d78be6e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-drag-and-drop-simple-drag-bounds-md-e14.json
@@ -0,0 +1,24 @@
+{
+  "id": "drag_and_drop/Simple_Drag_Bounds",
+  "title": "Simple_Drag_Bounds",
+  "description": "title: HTML5 Canvas Simple Drag Bounds Tutorial",
+  "source": "@site/docs/drag_and_drop/Simple_Drag_Bounds.md",
+  "sourceDirName": "drag_and_drop",
+  "slug": "/drag_and_drop/Simple_Drag_Bounds",
+  "permalink": "/drag_and_drop/Simple_Drag_Bounds",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/drag_and_drop/Simple_Drag_Bounds.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop_Events",
+    "permalink": "/drag_and_drop/Drop_Events"
+  },
+  "next": {
+    "title": "Binding_Events",
+    "permalink": "/events/Binding_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-binding-events-md-f5f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-binding-events-md-f5f.json
new file mode 100644
index 000000000..944590513
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-binding-events-md-f5f.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Binding_Events",
+  "title": "Binding_Events",
+  "description": "title: HTML5 Canvas Shape Events",
+  "source": "@site/docs/events/Binding_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Binding_Events",
+  "permalink": "/events/Binding_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Binding_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Drag_Bounds",
+    "permalink": "/drag_and_drop/Simple_Drag_Bounds"
+  },
+  "next": {
+    "title": "Cancel_Propagation",
+    "permalink": "/events/Cancel_Propagation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-cancel-propagation-md-d28.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-cancel-propagation-md-d28.json
new file mode 100644
index 000000000..e9d7cf607
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-cancel-propagation-md-d28.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Cancel_Propagation",
+  "title": "Cancel_Propagation",
+  "description": "title: HTML5 Canvas Cancel Event Bubble Propagation with Konva",
+  "source": "@site/docs/events/Cancel_Propagation.md",
+  "sourceDirName": "events",
+  "slug": "/events/Cancel_Propagation",
+  "permalink": "/events/Cancel_Propagation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Cancel_Propagation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Binding_Events",
+    "permalink": "/events/Binding_Events"
+  },
+  "next": {
+    "title": "Custom_Hit_Region",
+    "permalink": "/events/Custom_Hit_Region"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-custom-hit-region-md-e6c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-custom-hit-region-md-e6c.json
new file mode 100644
index 000000000..79eafe43c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-custom-hit-region-md-e6c.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Custom_Hit_Region",
+  "title": "Custom_Hit_Region",
+  "description": "title: HTML5 Canvas Custom Hit Detection Function Tutorial",
+  "source": "@site/docs/events/Custom_Hit_Region.md",
+  "sourceDirName": "events",
+  "slug": "/events/Custom_Hit_Region",
+  "permalink": "/events/Custom_Hit_Region",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Custom_Hit_Region.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Cancel_Propagation",
+    "permalink": "/events/Cancel_Propagation"
+  },
+  "next": {
+    "title": "Desktop_and_Mobile",
+    "permalink": "/events/Desktop_and_Mobile"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-desktop-and-mobile-md-b8d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-desktop-and-mobile-md-b8d.json
new file mode 100644
index 000000000..633a58be4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-desktop-and-mobile-md-b8d.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Desktop_and_Mobile",
+  "title": "Desktop_and_Mobile",
+  "description": "title: HTML5 Canvas Desktop and Mobile Events Support Tutorial",
+  "source": "@site/docs/events/Desktop_and_Mobile.md",
+  "sourceDirName": "events",
+  "slug": "/events/Desktop_and_Mobile",
+  "permalink": "/events/Desktop_and_Mobile",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Desktop_and_Mobile.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Hit_Region",
+    "permalink": "/events/Custom_Hit_Region"
+  },
+  "next": {
+    "title": "Event_Delegation",
+    "permalink": "/events/Event_Delegation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-event-delegation-md-244.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-event-delegation-md-244.json
new file mode 100644
index 000000000..4fabe87cf
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-event-delegation-md-244.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Event_Delegation",
+  "title": "Event_Delegation",
+  "description": "title: HTML5 Canvas Event Delegation with Konva",
+  "source": "@site/docs/events/Event_Delegation.md",
+  "sourceDirName": "events",
+  "slug": "/events/Event_Delegation",
+  "permalink": "/events/Event_Delegation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Event_Delegation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Desktop_and_Mobile",
+    "permalink": "/events/Desktop_and_Mobile"
+  },
+  "next": {
+    "title": "Fire_Events",
+    "permalink": "/events/Fire_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-fire-events-md-078.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-fire-events-md-078.json
new file mode 100644
index 000000000..00afcf3a7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-fire-events-md-078.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Fire_Events",
+  "title": "Fire_Events",
+  "description": "title: HTML5 Canvas Fire Event with Konva",
+  "source": "@site/docs/events/Fire_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Fire_Events",
+  "permalink": "/events/Fire_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Fire_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Event_Delegation",
+    "permalink": "/events/Event_Delegation"
+  },
+  "next": {
+    "title": "Image_Events",
+    "permalink": "/events/Image_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-image-events-md-9d4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-image-events-md-9d4.json
new file mode 100644
index 000000000..33f598965
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-image-events-md-9d4.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Image_Events",
+  "title": "Image_Events",
+  "description": "title: HTML5 Canvas Image Events with Konva",
+  "source": "@site/docs/events/Image_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Image_Events",
+  "permalink": "/events/Image_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Image_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fire_Events",
+    "permalink": "/events/Fire_Events"
+  },
+  "next": {
+    "title": "Keyboard_Events",
+    "permalink": "/events/Keyboard_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-keyboard-events-md-bdb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-keyboard-events-md-bdb.json
new file mode 100644
index 000000000..c3abb8025
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-keyboard-events-md-bdb.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Keyboard_Events",
+  "title": "Keyboard_Events",
+  "description": "title: HTML5 Canvas Keyboard events with Konva",
+  "source": "@site/docs/events/Keyboard_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Keyboard_Events",
+  "permalink": "/events/Keyboard_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Keyboard_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Image_Events",
+    "permalink": "/events/Image_Events"
+  },
+  "next": {
+    "title": "Listen_for_Events",
+    "permalink": "/events/Listen_for_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-listen-for-events-md-714.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-listen-for-events-md-714.json
new file mode 100644
index 000000000..c764df05f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-listen-for-events-md-714.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Listen_for_Events",
+  "title": "Listen_for_Events",
+  "description": "title: HTML5 Canvas Listen or Don’t Listen to Events with Konva",
+  "source": "@site/docs/events/Listen_for_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Listen_for_Events",
+  "permalink": "/events/Listen_for_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Listen_for_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Keyboard_Events",
+    "permalink": "/events/Keyboard_Events"
+  },
+  "next": {
+    "title": "Mobile_Events",
+    "permalink": "/events/Mobile_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-events-md-0d1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-events-md-0d1.json
new file mode 100644
index 000000000..dadf193e3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-events-md-0d1.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Mobile_Events",
+  "title": "Mobile_Events",
+  "description": "title: HTML5 Canvas Mobile Touch Events Tutorial",
+  "source": "@site/docs/events/Mobile_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Mobile_Events",
+  "permalink": "/events/Mobile_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Mobile_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Listen_for_Events",
+    "permalink": "/events/Listen_for_Events"
+  },
+  "next": {
+    "title": "Mobile_Scrolling",
+    "permalink": "/events/Mobile_Scrolling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-scrolling-md-ef6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-scrolling-md-ef6.json
new file mode 100644
index 000000000..4f8854f0a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-mobile-scrolling-md-ef6.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Mobile_Scrolling",
+  "title": "Mobile_Scrolling",
+  "description": "title: HTML5 Canvas Mobile Scrolling and Native Events with Konva",
+  "source": "@site/docs/events/Mobile_Scrolling.md",
+  "sourceDirName": "events",
+  "slug": "/events/Mobile_Scrolling",
+  "permalink": "/events/Mobile_Scrolling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Mobile_Scrolling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mobile_Events",
+    "permalink": "/events/Mobile_Events"
+  },
+  "next": {
+    "title": "Multi_Event",
+    "permalink": "/events/Multi_Event"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-multi-event-md-f28.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-multi-event-md-f28.json
new file mode 100644
index 000000000..d3ad86737
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-multi-event-md-f28.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Multi_Event",
+  "title": "Multi_Event",
+  "description": "title: HTML5 Canvas Canvas Multi-Event Binding Tutorial",
+  "source": "@site/docs/events/Multi_Event.md",
+  "sourceDirName": "events",
+  "slug": "/events/Multi_Event",
+  "permalink": "/events/Multi_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Multi_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mobile_Scrolling",
+    "permalink": "/events/Mobile_Scrolling"
+  },
+  "next": {
+    "title": "Pointer_Events",
+    "permalink": "/events/Pointer_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-pointer-events-md-c4b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-pointer-events-md-c4b.json
new file mode 100644
index 000000000..f641088fa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-pointer-events-md-c4b.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Pointer_Events",
+  "title": "Pointer_Events",
+  "description": "title: HTML5 Canvas Pointer Events Tutorial",
+  "source": "@site/docs/events/Pointer_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Pointer_Events",
+  "permalink": "/events/Pointer_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Pointer_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multi_Event",
+    "permalink": "/events/Multi_Event"
+  },
+  "next": {
+    "title": "Remove_Event",
+    "permalink": "/events/Remove_Event"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-by-name-md-e7b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-by-name-md-e7b.json
new file mode 100644
index 000000000..3086f3291
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-by-name-md-e7b.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Remove_by_Name",
+  "title": "Remove_by_Name",
+  "description": "title: HTML5 Canvas Remove Event Listener by Name with Konva",
+  "source": "@site/docs/events/Remove_by_Name.md",
+  "sourceDirName": "events",
+  "slug": "/events/Remove_by_Name",
+  "permalink": "/events/Remove_by_Name",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Remove_by_Name.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Remove_Event",
+    "permalink": "/events/Remove_Event"
+  },
+  "next": {
+    "title": "Stage_Events",
+    "permalink": "/events/Stage_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-event-md-d88.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-event-md-d88.json
new file mode 100644
index 000000000..e07010c5c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-remove-event-md-d88.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Remove_Event",
+  "title": "Remove_Event",
+  "description": "title: HTML5 Canvas Remove Event Listener with Konva",
+  "source": "@site/docs/events/Remove_Event.md",
+  "sourceDirName": "events",
+  "slug": "/events/Remove_Event",
+  "permalink": "/events/Remove_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Remove_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Pointer_Events",
+    "permalink": "/events/Pointer_Events"
+  },
+  "next": {
+    "title": "Remove_by_Name",
+    "permalink": "/events/Remove_by_Name"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-stage-events-md-f74.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-stage-events-md-f74.json
new file mode 100644
index 000000000..8262b583b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-events-stage-events-md-f74.json
@@ -0,0 +1,24 @@
+{
+  "id": "events/Stage_Events",
+  "title": "Stage_Events",
+  "description": "title: HTML5 Canvas Special Stage Events Konva",
+  "source": "@site/docs/events/Stage_Events.md",
+  "sourceDirName": "events",
+  "slug": "/events/Stage_Events",
+  "permalink": "/events/Stage_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/events/Stage_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Remove_by_Name",
+    "permalink": "/events/Remove_by_Name"
+  },
+  "next": {
+    "title": "Blur",
+    "permalink": "/filters/Blur"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-blur-md-c0a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-blur-md-c0a.json
new file mode 100644
index 000000000..3ee8b6162
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-blur-md-c0a.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Blur",
+  "title": "Blur",
+  "description": "title: HTML5 Canvas Blur Image Filter Tutorial",
+  "source": "@site/docs/filters/Blur.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Blur",
+  "permalink": "/filters/Blur",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Blur.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stage_Events",
+    "permalink": "/events/Stage_Events"
+  },
+  "next": {
+    "title": "Brighten",
+    "permalink": "/filters/Brighten"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-brighten-md-75c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-brighten-md-75c.json
new file mode 100644
index 000000000..94f27684e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-brighten-md-75c.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Brighten",
+  "title": "Brighten",
+  "description": "title: HTML5 Canvas Brighten Image Filter Tutorial",
+  "source": "@site/docs/filters/Brighten.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Brighten",
+  "permalink": "/filters/Brighten",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Brighten.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Blur",
+    "permalink": "/filters/Blur"
+  },
+  "next": {
+    "title": "Contrast",
+    "permalink": "/filters/Contrast"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-contrast-md-ac8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-contrast-md-ac8.json
new file mode 100644
index 000000000..02d69ed51
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-contrast-md-ac8.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Contrast",
+  "title": "Contrast",
+  "description": "title: HTML5 Canvas Contrast filter Image Tutorial",
+  "source": "@site/docs/filters/Contrast.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Contrast",
+  "permalink": "/filters/Contrast",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Contrast.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Brighten",
+    "permalink": "/filters/Brighten"
+  },
+  "next": {
+    "title": "Custom_Filter",
+    "permalink": "/filters/Custom_Filter"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-custom-filter-md-b12.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-custom-filter-md-b12.json
new file mode 100644
index 000000000..5c8902d92
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-custom-filter-md-b12.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Custom_Filter",
+  "title": "Custom_Filter",
+  "description": "title: HTML5 Canvas Custom Filter Tutorial",
+  "source": "@site/docs/filters/Custom_Filter.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Custom_Filter",
+  "permalink": "/filters/Custom_Filter",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Custom_Filter.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Contrast",
+    "permalink": "/filters/Contrast"
+  },
+  "next": {
+    "title": "Emboss",
+    "permalink": "/filters/Emboss"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-emboss-md-5ed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-emboss-md-5ed.json
new file mode 100644
index 000000000..940bec340
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-emboss-md-5ed.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Emboss",
+  "title": "Emboss",
+  "description": "title: HTML5 Canvas Emboss filter Image Tutorial",
+  "source": "@site/docs/filters/Emboss.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Emboss",
+  "permalink": "/filters/Emboss",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Emboss.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Filter",
+    "permalink": "/filters/Custom_Filter"
+  },
+  "next": {
+    "title": "Enhance",
+    "permalink": "/filters/Enhance"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-enhance-md-24c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-enhance-md-24c.json
new file mode 100644
index 000000000..903ae0dcd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-enhance-md-24c.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Enhance",
+  "title": "Enhance",
+  "description": "title: HTML5 Canvas Enhance Image Filter Tutorial",
+  "source": "@site/docs/filters/Enhance.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Enhance",
+  "permalink": "/filters/Enhance",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Enhance.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Emboss",
+    "permalink": "/filters/Emboss"
+  },
+  "next": {
+    "title": "Grayscale",
+    "permalink": "/filters/Grayscale"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-grayscale-md-085.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-grayscale-md-085.json
new file mode 100644
index 000000000..a4c621a43
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-grayscale-md-085.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Grayscale",
+  "title": "Grayscale",
+  "description": "title: HTML5 Canvas Grayscale Image Filter Tutorial",
+  "source": "@site/docs/filters/Grayscale.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Grayscale",
+  "permalink": "/filters/Grayscale",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Grayscale.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Enhance",
+    "permalink": "/filters/Enhance"
+  },
+  "next": {
+    "title": "HSL",
+    "permalink": "/filters/HSL"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsl-md-615.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsl-md-615.json
new file mode 100644
index 000000000..2847cd999
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsl-md-615.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/HSL",
+  "title": "HSL",
+  "description": "title: HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial",
+  "source": "@site/docs/filters/HSL.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/HSL",
+  "permalink": "/filters/HSL",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/HSL.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Grayscale",
+    "permalink": "/filters/Grayscale"
+  },
+  "next": {
+    "title": "HSV",
+    "permalink": "/filters/HSV"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsv-md-573.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsv-md-573.json
new file mode 100644
index 000000000..c51dfc33a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-hsv-md-573.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/HSV",
+  "title": "HSV",
+  "description": "title: HTML5 Canvas Hue, Saturation and Value filter Image Tutorial",
+  "source": "@site/docs/filters/HSV.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/HSV",
+  "permalink": "/filters/HSV",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/HSV.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "HSL",
+    "permalink": "/filters/HSL"
+  },
+  "next": {
+    "title": "Invert",
+    "permalink": "/filters/Invert"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-invert-md-3ad.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-invert-md-3ad.json
new file mode 100644
index 000000000..e5958f9dd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-invert-md-3ad.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Invert",
+  "title": "Invert",
+  "description": "title: HTML5 Canvas Invert Image Filter Tutorial",
+  "source": "@site/docs/filters/Invert.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Invert",
+  "permalink": "/filters/Invert",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Invert.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "HSV",
+    "permalink": "/filters/HSV"
+  },
+  "next": {
+    "title": "Kaleidoscope",
+    "permalink": "/filters/Kaleidoscope"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-kaleidoscope-md-1eb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-kaleidoscope-md-1eb.json
new file mode 100644
index 000000000..eae40ec1a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-kaleidoscope-md-1eb.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Kaleidoscope",
+  "title": "Kaleidoscope",
+  "description": "title: HTML5 Canvas Kaleidoscope Image Filter Tutorial",
+  "source": "@site/docs/filters/Kaleidoscope.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Kaleidoscope",
+  "permalink": "/filters/Kaleidoscope",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Kaleidoscope.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Invert",
+    "permalink": "/filters/Invert"
+  },
+  "next": {
+    "title": "Mask",
+    "permalink": "/filters/Mask"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-mask-md-236.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-mask-md-236.json
new file mode 100644
index 000000000..60adc07ca
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-mask-md-236.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Mask",
+  "title": "Mask",
+  "description": "title: HTML5 Canvas Mask Image Filter Tutorial",
+  "source": "@site/docs/filters/Mask.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Mask",
+  "permalink": "/filters/Mask",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Mask.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Kaleidoscope",
+    "permalink": "/filters/Kaleidoscope"
+  },
+  "next": {
+    "title": "Multiple_Filters",
+    "permalink": "/filters/Multiple_Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-multiple-filters-md-f49.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-multiple-filters-md-f49.json
new file mode 100644
index 000000000..0932a2310
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-multiple-filters-md-f49.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Multiple_Filters",
+  "title": "Multiple_Filters",
+  "description": "title: HTML5 Canvas Multiple Filters Tutorial",
+  "source": "@site/docs/filters/Multiple_Filters.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Multiple_Filters",
+  "permalink": "/filters/Multiple_Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Multiple_Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mask",
+    "permalink": "/filters/Mask"
+  },
+  "next": {
+    "title": "Noise",
+    "permalink": "/filters/Noise"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-noise-md-c2e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-noise-md-c2e.json
new file mode 100644
index 000000000..96f6555e1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-noise-md-c2e.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Noise",
+  "title": "Noise",
+  "description": "title: HTML5 Canvas Noise filter Image Tutorial",
+  "source": "@site/docs/filters/Noise.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Noise",
+  "permalink": "/filters/Noise",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Noise.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Multiple_Filters",
+    "permalink": "/filters/Multiple_Filters"
+  },
+  "next": {
+    "title": "Pixelate",
+    "permalink": "/filters/Pixelate"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-pixelate-md-6bb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-pixelate-md-6bb.json
new file mode 100644
index 000000000..c541b95b9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-pixelate-md-6bb.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/Pixelate",
+  "title": "Pixelate",
+  "description": "title: HTML5 Canvas Pixelate filter Image Tutorial",
+  "source": "@site/docs/filters/Pixelate.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/Pixelate",
+  "permalink": "/filters/Pixelate",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/Pixelate.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Noise",
+    "permalink": "/filters/Noise"
+  },
+  "next": {
+    "title": "RGB",
+    "permalink": "/filters/RGB"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgb-md-a72.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgb-md-a72.json
new file mode 100644
index 000000000..98a1ed091
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgb-md-a72.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/RGB",
+  "title": "RGB",
+  "description": "title: HTML5 Canvas RGB filter Image Tutorial",
+  "source": "@site/docs/filters/RGB.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/RGB",
+  "permalink": "/filters/RGB",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/RGB.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Pixelate",
+    "permalink": "/filters/Pixelate"
+  },
+  "next": {
+    "title": "RGBA",
+    "permalink": "/filters/RGBA"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgba-md-537.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgba-md-537.json
new file mode 100644
index 000000000..94a0aea3a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-filters-rgba-md-537.json
@@ -0,0 +1,24 @@
+{
+  "id": "filters/RGBA",
+  "title": "RGBA",
+  "description": "title: HTML5 Canvas RGBA filter Image Tutorial",
+  "source": "@site/docs/filters/RGBA.md",
+  "sourceDirName": "filters",
+  "slug": "/filters/RGBA",
+  "permalink": "/filters/RGBA",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/filters/RGBA.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "RGB",
+    "permalink": "/filters/RGB"
+  },
+  "next": {
+    "title": "Change_Containers",
+    "permalink": "/groups_and_layers/Change_Containers"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-change-containers-md-e4e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-change-containers-md-e4e.json
new file mode 100644
index 000000000..133ebc598
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-change-containers-md-e4e.json
@@ -0,0 +1,24 @@
+{
+  "id": "groups_and_layers/Change_Containers",
+  "title": "Change_Containers",
+  "description": "title: HTML5 Canvas Move Shape to Another Container Tutorial",
+  "source": "@site/docs/groups_and_layers/Change_Containers.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/Change_Containers",
+  "permalink": "/groups_and_layers/Change_Containers",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/groups_and_layers/Change_Containers.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "RGBA",
+    "permalink": "/filters/RGBA"
+  },
+  "next": {
+    "title": "Groups",
+    "permalink": "/groups_and_layers/Groups"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-groups-md-271.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-groups-md-271.json
new file mode 100644
index 000000000..394ecd82c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-groups-md-271.json
@@ -0,0 +1,24 @@
+{
+  "id": "groups_and_layers/Groups",
+  "title": "Groups",
+  "description": "title: HTML5 Canvas Shape Groups",
+  "source": "@site/docs/groups_and_layers/Groups.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/Groups",
+  "permalink": "/groups_and_layers/Groups",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/groups_and_layers/Groups.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Change_Containers",
+    "permalink": "/groups_and_layers/Change_Containers"
+  },
+  "next": {
+    "title": "Layering",
+    "permalink": "/groups_and_layers/Layering"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-layering-md-67a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-layering-md-67a.json
new file mode 100644
index 000000000..b92ba2025
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-layering-md-67a.json
@@ -0,0 +1,24 @@
+{
+  "id": "groups_and_layers/Layering",
+  "title": "Layering",
+  "description": "title: HTML5 Canvas Shape Layering",
+  "source": "@site/docs/groups_and_layers/Layering.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/Layering",
+  "permalink": "/groups_and_layers/Layering",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/groups_and_layers/Layering.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Groups",
+    "permalink": "/groups_and_layers/Groups"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/groups_and_layers/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-z-index-md-22b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-z-index-md-22b.json
new file mode 100644
index 000000000..eb8cb2a87
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-groups-and-layers-z-index-md-22b.json
@@ -0,0 +1,24 @@
+{
+  "id": "groups_and_layers/zIndex",
+  "title": "zIndex",
+  "description": "title: How to set correct order of nodes using zIndex?",
+  "source": "@site/docs/groups_and_layers/zIndex.md",
+  "sourceDirName": "groups_and_layers",
+  "slug": "/groups_and_layers/zIndex",
+  "permalink": "/groups_and_layers/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/groups_and_layers/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Layering",
+    "permalink": "/groups_and_layers/Layering"
+  },
+  "next": {
+    "title": "All_Performance_Tips",
+    "permalink": "/performance/All_Performance_Tips"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-index-md-c37.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-index-md-c37.json
new file mode 100644
index 000000000..6bde4c35f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-index-md-c37.json
@@ -0,0 +1,27 @@
+{
+  "id": "index",
+  "title": "Starting with Konva",
+  "description": "What's Konva?",
+  "source": "@site/docs/index.md",
+  "sourceDirName": ".",
+  "slug": "/index.html",
+  "permalink": "/index.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/index.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "sidebar_position": 1,
+    "title": "Starting with Konva",
+    "sidebar_label": "Intro",
+    "hide_table_of_contents": true,
+    "slug": "index.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "next": {
+    "title": "Overview",
+    "permalink": "/overview.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-overview-md-1db.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-overview-md-1db.json
new file mode 100644
index 000000000..617733fb8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-overview-md-1db.json
@@ -0,0 +1,30 @@
+{
+  "id": "overview",
+  "title": "Konva Framework Overview",
+  "description": "What's Konva?",
+  "source": "@site/docs/overview.md",
+  "sourceDirName": ".",
+  "slug": "/overview.html",
+  "permalink": "/overview.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/overview.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "sidebar_position": 2,
+    "title": "Konva Framework Overview",
+    "sidebar_label": "Overview",
+    "slug": "overview.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Intro",
+    "permalink": "/index.html"
+  },
+  "next": {
+    "title": "Support",
+    "permalink": "/support.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-all-performance-tips-md-59f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-all-performance-tips-md-59f.json
new file mode 100644
index 000000000..9a1ec63a8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-all-performance-tips-md-59f.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/All_Performance_Tips",
+  "title": "All_Performance_Tips",
+  "description": "title: HTML5 Canvas All Konva performance tips list",
+  "source": "@site/docs/performance/All_Performance_Tips.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/All_Performance_Tips",
+  "permalink": "/performance/All_Performance_Tips",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/All_Performance_Tips.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "zIndex",
+    "permalink": "/groups_and_layers/zIndex"
+  },
+  "next": {
+    "title": "Avoid_Memory_Leaks",
+    "permalink": "/performance/Avoid_Memory_Leaks"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-avoid-memory-leaks-md-da4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-avoid-memory-leaks-md-da4.json
new file mode 100644
index 000000000..46f14cef1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-avoid-memory-leaks-md-da4.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Avoid_Memory_Leaks",
+  "title": "Avoid_Memory_Leaks",
+  "description": "title: HTML5 Canvas How to avoid Memory leaks Tip",
+  "source": "@site/docs/performance/Avoid_Memory_Leaks.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Avoid_Memory_Leaks",
+  "permalink": "/performance/Avoid_Memory_Leaks",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Avoid_Memory_Leaks.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All_Performance_Tips",
+    "permalink": "/performance/All_Performance_Tips"
+  },
+  "next": {
+    "title": "Batch_Draw",
+    "permalink": "/performance/Batch_Draw"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-batch-draw-md-c74.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-batch-draw-md-c74.json
new file mode 100644
index 000000000..a0fa08333
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-batch-draw-md-c74.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Batch_Draw",
+  "title": "Batch_Draw",
+  "description": "title: HTML5 Canvas Batch Draw Tip",
+  "source": "@site/docs/performance/Batch_Draw.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Batch_Draw",
+  "permalink": "/performance/Batch_Draw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Batch_Draw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Avoid_Memory_Leaks",
+    "permalink": "/performance/Avoid_Memory_Leaks"
+  },
+  "next": {
+    "title": "Disable_Perfect_Draw",
+    "permalink": "/performance/Disable_Perfect_Draw"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-disable-perfect-draw-md-a5d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-disable-perfect-draw-md-a5d.json
new file mode 100644
index 000000000..3f384062f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-disable-perfect-draw-md-a5d.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Disable_Perfect_Draw",
+  "title": "Disable_Perfect_Draw",
+  "description": "title: HTML5 Canvas Disable Perfect Drawing Tip",
+  "source": "@site/docs/performance/Disable_Perfect_Draw.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Disable_Perfect_Draw",
+  "permalink": "/performance/Disable_Perfect_Draw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Disable_Perfect_Draw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Batch_Draw",
+    "permalink": "/performance/Batch_Draw"
+  },
+  "next": {
+    "title": "Layer_Management",
+    "permalink": "/performance/Layer_Management"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-layer-management-md-027.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-layer-management-md-027.json
new file mode 100644
index 000000000..6ab755754
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-layer-management-md-027.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Layer_Management",
+  "title": "Layer_Management",
+  "description": "title: HTML5 Canvas Layer Management Performance Tip",
+  "source": "@site/docs/performance/Layer_Management.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Layer_Management",
+  "permalink": "/performance/Layer_Management",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Layer_Management.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Disable_Perfect_Draw",
+    "permalink": "/performance/Disable_Perfect_Draw"
+  },
+  "next": {
+    "title": "Listening_False",
+    "permalink": "/performance/Listening_False"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-listening-false-md-06c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-listening-false-md-06c.json
new file mode 100644
index 000000000..4e8763648
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-listening-false-md-06c.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Listening_False",
+  "title": "Listening_False",
+  "description": "title: Disable Listening Shapes Tip",
+  "source": "@site/docs/performance/Listening_False.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Listening_False",
+  "permalink": "/performance/Listening_False",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Listening_False.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Layer_Management",
+    "permalink": "/performance/Layer_Management"
+  },
+  "next": {
+    "title": "Optimize_Animation",
+    "permalink": "/performance/Optimize_Animation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-animation-md-cd4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-animation-md-cd4.json
new file mode 100644
index 000000000..81c153bec
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-animation-md-cd4.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Optimize_Animation",
+  "title": "Optimize_Animation",
+  "description": "title: HTML5 Canvas Optimize Animation Performance Tip",
+  "source": "@site/docs/performance/Optimize_Animation.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Optimize_Animation",
+  "permalink": "/performance/Optimize_Animation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Optimize_Animation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Listening_False",
+    "permalink": "/performance/Listening_False"
+  },
+  "next": {
+    "title": "Optimize_Strokes",
+    "permalink": "/performance/Optimize_Strokes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-strokes-md-098.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-strokes-md-098.json
new file mode 100644
index 000000000..e13ebd0df
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-optimize-strokes-md-098.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Optimize_Strokes",
+  "title": "Optimize_Strokes",
+  "description": "title: HTML5 Canvas Optimizing Strokes Performance Tip",
+  "source": "@site/docs/performance/Optimize_Strokes.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Optimize_Strokes",
+  "permalink": "/performance/Optimize_Strokes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Optimize_Strokes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Optimize_Animation",
+    "permalink": "/performance/Optimize_Animation"
+  },
+  "next": {
+    "title": "Shape_Caching",
+    "permalink": "/performance/Shape_Caching"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-caching-md-85b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-caching-md-85b.json
new file mode 100644
index 000000000..e96952df4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-caching-md-85b.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Shape_Caching",
+  "title": "Shape_Caching",
+  "description": "title: HTML5 Canvas Shape Caching Performance Tip",
+  "source": "@site/docs/performance/Shape_Caching.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Shape_Caching",
+  "permalink": "/performance/Shape_Caching",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Shape_Caching.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Optimize_Strokes",
+    "permalink": "/performance/Optimize_Strokes"
+  },
+  "next": {
+    "title": "Shape_Redraw",
+    "permalink": "/performance/Shape_Redraw"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-redraw-md-b66.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-redraw-md-b66.json
new file mode 100644
index 000000000..f2fd571fc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-performance-shape-redraw-md-b66.json
@@ -0,0 +1,24 @@
+{
+  "id": "performance/Shape_Redraw",
+  "title": "Shape_Redraw",
+  "description": "title: HTML5 Canvas Shape Redraw Performance Tip",
+  "source": "@site/docs/performance/Shape_Redraw.md",
+  "sourceDirName": "performance",
+  "slug": "/performance/Shape_Redraw",
+  "permalink": "/performance/Shape_Redraw",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/performance/Shape_Redraw.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shape_Caching",
+    "permalink": "/performance/Shape_Caching"
+  },
+  "next": {
+    "title": "Position_vs_Offset",
+    "permalink": "/posts/Position_vs_Offset"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-position-vs-offset-md-9e8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-position-vs-offset-md-9e8.json
new file mode 100644
index 000000000..f49f818bd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-position-vs-offset-md-9e8.json
@@ -0,0 +1,24 @@
+{
+  "id": "posts/Position_vs_Offset",
+  "title": "Position_vs_Offset",
+  "description": "title: What is the difference between position and offset in Konva",
+  "source": "@site/docs/posts/Position_vs_Offset.md",
+  "sourceDirName": "posts",
+  "slug": "/posts/Position_vs_Offset",
+  "permalink": "/posts/Position_vs_Offset",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/posts/Position_vs_Offset.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shape_Redraw",
+    "permalink": "/performance/Shape_Redraw"
+  },
+  "next": {
+    "title": "Tainted_Canvas",
+    "permalink": "/posts/Tainted_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-tainted-canvas-md-3d1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-tainted-canvas-md-3d1.json
new file mode 100644
index 000000000..ddb17f602
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-posts-tainted-canvas-md-3d1.json
@@ -0,0 +1,24 @@
+{
+  "id": "posts/Tainted_Canvas",
+  "title": "Tainted_Canvas",
+  "description": "title: Resolving \"Tainted canvases may not be exported\" with Konva",
+  "source": "@site/docs/posts/Tainted_Canvas.md",
+  "sourceDirName": "posts",
+  "slug": "/posts/Tainted_Canvas",
+  "permalink": "/posts/Tainted_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/posts/Tainted_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Position_vs_Offset",
+    "permalink": "/posts/Position_vs_Offset"
+  },
+  "next": {
+    "title": "index",
+    "permalink": "/react/"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-access-konva-nodes-md-5a3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-access-konva-nodes-md-5a3.json
new file mode 100644
index 000000000..7dbaa9dc2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-access-konva-nodes-md-5a3.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Access_Konva_Nodes",
+  "title": "Access_Konva_Nodes",
+  "description": "title: How to access Konva nodes from react-konva?",
+  "source": "@site/docs/react/Access_Konva_Nodes.md",
+  "sourceDirName": "react",
+  "slug": "/react/Access_Konva_Nodes",
+  "permalink": "/react/Access_Konva_Nodes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Access_Konva_Nodes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "index",
+    "permalink": "/react/"
+  },
+  "next": {
+    "title": "Canvas_Export",
+    "permalink": "/react/Canvas_Export"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-export-md-527.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-export-md-527.json
new file mode 100644
index 000000000..0f205caac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-export-md-527.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Canvas_Export",
+  "title": "Canvas_Export",
+  "description": "title: How to export a canvas into an image from react-konva?",
+  "source": "@site/docs/react/Canvas_Export.md",
+  "sourceDirName": "react",
+  "slug": "/react/Canvas_Export",
+  "permalink": "/react/Canvas_Export",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Canvas_Export.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Access_Konva_Nodes",
+    "permalink": "/react/Access_Konva_Nodes"
+  },
+  "next": {
+    "title": "Canvas_Portal",
+    "permalink": "/react/Canvas_Portal"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-portal-md-0f1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-portal-md-0f1.json
new file mode 100644
index 000000000..165dc940a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-canvas-portal-md-0f1.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Canvas_Portal",
+  "title": "Canvas_Portal",
+  "description": "title: How to use portals in react-konva?",
+  "source": "@site/docs/react/Canvas_Portal.md",
+  "sourceDirName": "react",
+  "slug": "/react/Canvas_Portal",
+  "permalink": "/react/Canvas_Portal",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Canvas_Portal.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Export",
+    "permalink": "/react/Canvas_Export"
+  },
+  "next": {
+    "title": "Complex_Animations",
+    "permalink": "/react/Complex_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-complex-animations-md-e9a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-complex-animations-md-e9a.json
new file mode 100644
index 000000000..5aff5e105
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-complex-animations-md-e9a.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Complex_Animations",
+  "title": "Complex_Animations",
+  "description": "title: How to apply canvas animations with react and konva?",
+  "source": "@site/docs/react/Complex_Animations.md",
+  "sourceDirName": "react",
+  "slug": "/react/Complex_Animations",
+  "permalink": "/react/Complex_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Complex_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Canvas_Portal",
+    "permalink": "/react/Canvas_Portal"
+  },
+  "next": {
+    "title": "Custom_Shape",
+    "permalink": "/react/Custom_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-custom-shape-md-dbf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-custom-shape-md-dbf.json
new file mode 100644
index 000000000..f05ee8db0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-custom-shape-md-dbf.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom shapes with React?",
+  "source": "@site/docs/react/Custom_Shape.md",
+  "sourceDirName": "react",
+  "slug": "/react/Custom_Shape",
+  "permalink": "/react/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex_Animations",
+    "permalink": "/react/Complex_Animations"
+  },
+  "next": {
+    "title": "DOM_Portal",
+    "permalink": "/react/DOM_Portal"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-dom-portal-md-c58.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-dom-portal-md-c58.json
new file mode 100644
index 000000000..062f4e87d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-dom-portal-md-c58.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/DOM_Portal",
+  "title": "DOM_Portal",
+  "description": "title: Render DOM elements inside a canvas stage",
+  "source": "@site/docs/react/DOM_Portal.md",
+  "sourceDirName": "react",
+  "slug": "/react/DOM_Portal",
+  "permalink": "/react/DOM_Portal",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/DOM_Portal.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Shape",
+    "permalink": "/react/Custom_Shape"
+  },
+  "next": {
+    "title": "Drag_And_Drop",
+    "permalink": "/react/Drag_And_Drop"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drag-and-drop-md-4d6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drag-and-drop-md-4d6.json
new file mode 100644
index 000000000..94e3ca3ff
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drag-and-drop-md-4d6.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes",
+  "source": "@site/docs/react/Drag_And_Drop.md",
+  "sourceDirName": "react",
+  "slug": "/react/Drag_And_Drop",
+  "permalink": "/react/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "DOM_Portal",
+    "permalink": "/react/DOM_Portal"
+  },
+  "next": {
+    "title": "Drop_Image",
+    "permalink": "/react/Drop_Image"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drop-image-md-ac5.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drop-image-md-ac5.json
new file mode 100644
index 000000000..3014800fd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-drop-image-md-ac5.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Drop_Image",
+  "title": "Drop_Image",
+  "description": "title: How to drop image elements into a canvas with React?",
+  "source": "@site/docs/react/Drop_Image.md",
+  "sourceDirName": "react",
+  "slug": "/react/Drop_Image",
+  "permalink": "/react/Drop_Image",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Drop_Image.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_And_Drop",
+    "permalink": "/react/Drag_And_Drop"
+  },
+  "next": {
+    "title": "Events",
+    "permalink": "/react/Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-events-md-ab9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-events-md-ab9.json
new file mode 100644
index 000000000..03cafa423
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-events-md-ab9.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with React and Konva?",
+  "source": "@site/docs/react/Events.md",
+  "sourceDirName": "react",
+  "slug": "/react/Events",
+  "permalink": "/react/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drop_Image",
+    "permalink": "/react/Drop_Image"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/react/Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-filters-md-b2d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-filters-md-b2d.json
new file mode 100644
index 000000000..6cea22a83
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-filters-md-b2d.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with react and konva?",
+  "source": "@site/docs/react/Filters.md",
+  "sourceDirName": "react",
+  "slug": "/react/Filters",
+  "permalink": "/react/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Events",
+    "permalink": "/react/Events"
+  },
+  "next": {
+    "title": "Free_Drawing",
+    "permalink": "/react/Free_Drawing"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-free-drawing-md-0e0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-free-drawing-md-0e0.json
new file mode 100644
index 000000000..fc4bf9be7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-free-drawing-md-0e0.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Free_Drawing",
+  "title": "Free_Drawing",
+  "description": "title: How to implement free drawing on canvas with react?",
+  "source": "@site/docs/react/Free_Drawing.md",
+  "sourceDirName": "react",
+  "slug": "/react/Free_Drawing",
+  "permalink": "/react/Free_Drawing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Free_Drawing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/react/Filters"
+  },
+  "next": {
+    "title": "Images",
+    "permalink": "/react/Images"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-images-md-295.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-images-md-295.json
new file mode 100644
index 000000000..e6ecf2fac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-images-md-295.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Images",
+  "title": "Images",
+  "description": "title: How to draw images on canvas with React?",
+  "source": "@site/docs/react/Images.md",
+  "sourceDirName": "react",
+  "slug": "/react/Images",
+  "permalink": "/react/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Free_Drawing",
+    "permalink": "/react/Free_Drawing"
+  },
+  "next": {
+    "title": "Intro",
+    "permalink": "/react/Intro"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-index-md-49f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-index-md-49f.json
new file mode 100644
index 000000000..e608e721c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-index-md-49f.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/index",
+  "title": "index",
+  "description": "title: Getting started with react and canvas via Konva",
+  "source": "@site/docs/react/index.md",
+  "sourceDirName": "react",
+  "slug": "/react/",
+  "permalink": "/react/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Tainted_Canvas",
+    "permalink": "/posts/Tainted_Canvas"
+  },
+  "next": {
+    "title": "Access_Konva_Nodes",
+    "permalink": "/react/Access_Konva_Nodes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-intro-md-d81.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-intro-md-d81.json
new file mode 100644
index 000000000..e9df8a6f7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-intro-md-d81.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Intro",
+  "title": "Intro",
+  "description": "title: react-konva - declarative canvas components for React",
+  "source": "@site/docs/react/Intro.md",
+  "sourceDirName": "react",
+  "slug": "/react/Intro",
+  "permalink": "/react/Intro",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Intro.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Images",
+    "permalink": "/react/Images"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/react/Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-shapes-md-124.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-shapes-md-124.json
new file mode 100644
index 000000000..65558c145
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-shapes-md-124.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with React",
+  "source": "@site/docs/react/Shapes.md",
+  "sourceDirName": "react",
+  "slug": "/react/Shapes",
+  "permalink": "/react/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Intro",
+    "permalink": "/react/Intro"
+  },
+  "next": {
+    "title": "Simple_Animations",
+    "permalink": "/react/Simple_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-simple-animations-md-891.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-simple-animations-md-891.json
new file mode 100644
index 000000000..9a173b13d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-simple-animations-md-891.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with react and konva?",
+  "source": "@site/docs/react/Simple_Animations.md",
+  "sourceDirName": "react",
+  "slug": "/react/Simple_Animations",
+  "permalink": "/react/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/react/Shapes"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/react/Transformer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-transformer-md-79d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-transformer-md-79d.json
new file mode 100644
index 000000000..f88936363
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-transformer-md-79d.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with react and konva?",
+  "source": "@site/docs/react/Transformer.md",
+  "sourceDirName": "react",
+  "slug": "/react/Transformer",
+  "permalink": "/react/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Animations",
+    "permalink": "/react/Simple_Animations"
+  },
+  "next": {
+    "title": "Undo-Redo",
+    "permalink": "/react/Undo-Redo"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-undo-redo-md-8ef.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-undo-redo-md-8ef.json
new file mode 100644
index 000000000..b86ddff84
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-undo-redo-md-8ef.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/Undo-Redo",
+  "title": "Undo-Redo",
+  "description": "title: How to implement undo/redo on canvas with React?",
+  "source": "@site/docs/react/Undo-Redo.md",
+  "sourceDirName": "react",
+  "slug": "/react/Undo-Redo",
+  "permalink": "/react/Undo-Redo",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/Undo-Redo.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/react/Transformer"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/react/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-z-index-md-e62.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-z-index-md-e62.json
new file mode 100644
index 000000000..891643ee1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-react-z-index-md-e62.json
@@ -0,0 +1,24 @@
+{
+  "id": "react/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with React?",
+  "source": "@site/docs/react/zIndex.md",
+  "sourceDirName": "react",
+  "slug": "/react/zIndex",
+  "permalink": "/react/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/react/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Undo-Redo",
+    "permalink": "/react/Undo-Redo"
+  },
+  "next": {
+    "title": "Basic_demo",
+    "permalink": "/select_and_transform/Basic_demo"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-10000-shapes-with-tooltip-md-e30.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-10000-shapes-with-tooltip-md-e30.json
new file mode 100644
index 000000000..f9cfe123b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-10000-shapes-with-tooltip-md-e30.json
@@ -0,0 +1,21 @@
+{
+  "id": "sandbox/Shapes_with_Tooltip",
+  "title": "Shapes_with_Tooltip",
+  "description": "title: 10,000 Shapes with Tooltips Stress Test with Konva",
+  "source": "@site/docs/sandbox/10000_Shapes_with_Tooltip.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Shapes_with_Tooltip",
+  "permalink": "/sandbox/Shapes_with_Tooltip",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/10000_Shapes_with_Tooltip.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 10000,
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "next": {
+    "title": "Nodes",
+    "permalink": "/sandbox/Nodes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-20000-nodes-md-f86.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-20000-nodes-md-f86.json
new file mode 100644
index 000000000..bad1712d6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-20000-nodes-md-f86.json
@@ -0,0 +1,25 @@
+{
+  "id": "sandbox/Nodes",
+  "title": "Nodes",
+  "description": "title: Interactive Scatter Plot with 20,000 Nodes",
+  "source": "@site/docs/sandbox/20000_Nodes.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Nodes",
+  "permalink": "/sandbox/Nodes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/20000_Nodes.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 20000,
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/sandbox/Shapes_with_Tooltip"
+  },
+  "next": {
+    "title": "Animals_on_the_Beach_Game",
+    "permalink": "/sandbox/Animals_on_the_Beach_Game"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animals-on-the-beach-game-md-6be.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animals-on-the-beach-game-md-6be.json
new file mode 100644
index 000000000..c6090d6c8
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animals-on-the-beach-game-md-6be.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Animals_on_the_Beach_Game",
+  "title": "Animals_on_the_Beach_Game",
+  "description": "title: Animals on the Beach Game",
+  "source": "@site/docs/sandbox/Animals_on_the_Beach_Game.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Animals_on_the_Beach_Game",
+  "permalink": "/sandbox/Animals_on_the_Beach_Game",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Animals_on_the_Beach_Game.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Nodes",
+    "permalink": "/sandbox/Nodes"
+  },
+  "next": {
+    "title": "Animation_Stress_Test",
+    "permalink": "/sandbox/Animation_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animation-stress-test-md-dd4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animation-stress-test-md-dd4.json
new file mode 100644
index 000000000..d0b0098db
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-animation-stress-test-md-dd4.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Animation_Stress_Test",
+  "title": "Animation_Stress_Test",
+  "description": "title: Animation Stress Test",
+  "source": "@site/docs/sandbox/Animation_Stress_Test.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Animation_Stress_Test",
+  "permalink": "/sandbox/Animation_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Animation_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Animals_on_the_Beach_Game",
+    "permalink": "/sandbox/Animals_on_the_Beach_Game"
+  },
+  "next": {
+    "title": "Canvas_Background",
+    "permalink": "/sandbox/Canvas_Background"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-background-md-547.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-background-md-547.json
new file mode 100644
index 000000000..99c73194d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-background-md-547.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Background",
+  "title": "Canvas_Background",
+  "description": "title: How to add background to canvas?",
+  "source": "@site/docs/sandbox/Canvas_Background.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Background",
+  "permalink": "/sandbox/Canvas_Background",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Canvas_Background.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Animation_Stress_Test",
+    "permalink": "/sandbox/Animation_Stress_Test"
+  },
+  "next": {
+    "title": "Canvas_Context_Menu",
+    "permalink": "/sandbox/Canvas_Context_Menu"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-context-menu-md-3ba.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-context-menu-md-3ba.json
new file mode 100644
index 000000000..aa150fbbc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-context-menu-md-3ba.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Context_Menu",
+  "title": "Canvas_Context_Menu",
+  "description": "title: How to show a context menu for HTML5 canvas shape?",
+  "source": "@site/docs/sandbox/Canvas_Context_Menu.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Context_Menu",
+  "permalink": "/sandbox/Canvas_Context_Menu",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Canvas_Context_Menu.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Background",
+    "permalink": "/sandbox/Canvas_Background"
+  },
+  "next": {
+    "title": "Canvas_Editor",
+    "permalink": "/sandbox/Canvas_Editor"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-editor-md-c0c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-editor-md-c0c.json
new file mode 100644
index 000000000..3a24c7206
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-editor-md-c0c.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Editor",
+  "title": "Canvas_Editor",
+  "description": "title: Canvas Designer Editor for JavaScript",
+  "source": "@site/docs/sandbox/Canvas_Editor.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Editor",
+  "permalink": "/sandbox/Canvas_Editor",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Canvas_Editor.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Context_Menu",
+    "permalink": "/sandbox/Canvas_Context_Menu"
+  },
+  "next": {
+    "title": "Canvas_Scrolling",
+    "permalink": "/sandbox/Canvas_Scrolling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-scrolling-md-bbb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-scrolling-md-bbb.json
new file mode 100644
index 000000000..9c29b00be
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-scrolling-md-bbb.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_Scrolling",
+  "title": "Canvas_Scrolling",
+  "description": "title: HTML5 Large Canvas Scrolling Demo",
+  "source": "@site/docs/sandbox/Canvas_Scrolling.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_Scrolling",
+  "permalink": "/sandbox/Canvas_Scrolling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Canvas_Scrolling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Editor",
+    "permalink": "/sandbox/Canvas_Editor"
+  },
+  "next": {
+    "title": "Canvas_to_PDF",
+    "permalink": "/sandbox/Canvas_to_PDF"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-to-pdf-md-35a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-to-pdf-md-35a.json
new file mode 100644
index 000000000..da1c8eda0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-canvas-to-pdf-md-35a.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Canvas_to_PDF",
+  "title": "Canvas_to_PDF",
+  "description": "title: How to convert canvas to pdf",
+  "source": "@site/docs/sandbox/Canvas_to_PDF.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Canvas_to_PDF",
+  "permalink": "/sandbox/Canvas_to_PDF",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Canvas_to_PDF.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_Scrolling",
+    "permalink": "/sandbox/Canvas_Scrolling"
+  },
+  "next": {
+    "title": "Collision_Detection",
+    "permalink": "/sandbox/Collision_Detection"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-collision-detection-md-00c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-collision-detection-md-00c.json
new file mode 100644
index 000000000..23e891fd5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-collision-detection-md-00c.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Collision_Detection",
+  "title": "Collision_Detection",
+  "description": "title: Drag and Drop Collision Detection Demo",
+  "source": "@site/docs/sandbox/Collision_Detection.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Collision_Detection",
+  "permalink": "/sandbox/Collision_Detection",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Collision_Detection.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Canvas_to_PDF",
+    "permalink": "/sandbox/Canvas_to_PDF"
+  },
+  "next": {
+    "title": "Connected_Objects",
+    "permalink": "/sandbox/Connected_Objects"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-connected-objects-md-dbf.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-connected-objects-md-dbf.json
new file mode 100644
index 000000000..87af4d807
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-connected-objects-md-dbf.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Connected_Objects",
+  "title": "Connected_Objects",
+  "description": "title: Connect objects HTML5 canvas with Konva",
+  "source": "@site/docs/sandbox/Connected_Objects.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Connected_Objects",
+  "permalink": "/sandbox/Connected_Objects",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Connected_Objects.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Collision_Detection",
+    "permalink": "/sandbox/Collision_Detection"
+  },
+  "next": {
+    "title": "Custom_Font",
+    "permalink": "/sandbox/Custom_Font"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-custom-font-md-0c4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-custom-font-md-0c4.json
new file mode 100644
index 000000000..6475f174a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-custom-font-md-0c4.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Custom_Font",
+  "title": "Custom_Font",
+  "description": "title: How to use custom font for HTML5 canvas?",
+  "source": "@site/docs/sandbox/Custom_Font.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Custom_Font",
+  "permalink": "/sandbox/Custom_Font",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Custom_Font.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Connected_Objects",
+    "permalink": "/sandbox/Connected_Objects"
+  },
+  "next": {
+    "title": "Drag_and_Drop_Multiple_Shapes",
+    "permalink": "/sandbox/Drag_and_Drop_Multiple_Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-multiple-shapes-md-5f0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-multiple-shapes-md-5f0.json
new file mode 100644
index 000000000..1e0f1bc14
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-multiple-shapes-md-5f0.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Drag_and_Drop_Multiple_Shapes",
+  "title": "Drag_and_Drop_Multiple_Shapes",
+  "description": "title: Drag and Drop Multiple Shapes",
+  "source": "@site/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Drag_and_Drop_Multiple_Shapes",
+  "permalink": "/sandbox/Drag_and_Drop_Multiple_Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Custom_Font",
+    "permalink": "/sandbox/Custom_Font"
+  },
+  "next": {
+    "title": "Drag_and_Drop_Stress_Test",
+    "permalink": "/sandbox/Drag_and_Drop_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-stress-test-md-431.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-stress-test-md-431.json
new file mode 100644
index 000000000..b2f56a522
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drag-and-drop-stress-test-md-431.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Drag_and_Drop_Stress_Test",
+  "title": "Drag_and_Drop_Stress_Test",
+  "description": "title: Drag and Drop Stress Test with 10,000 Shapes",
+  "source": "@site/docs/sandbox/Drag_and_Drop_Stress_Test.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Drag_and_Drop_Stress_Test",
+  "permalink": "/sandbox/Drag_and_Drop_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Drag_and_Drop_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Drag_and_Drop_Multiple_Shapes",
+    "permalink": "/sandbox/Drag_and_Drop_Multiple_Shapes"
+  },
+  "next": {
+    "title": "Drop_DOM_Element",
+    "permalink": "/sandbox/Drop_DOM_Element"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drop-dom-element-md-b35.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drop-dom-element-md-b35.json
new file mode 100644
index 000000000..2495eea86
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-drop-dom-element-md-b35.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Drop_DOM_Element",
+  "title": "Drop_DOM_Element",
+  "description": "title: How to drag and drop DOM image into the canvas",
+  "source": "@site/docs/sandbox/Drop_DOM_Element.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Drop_DOM_Element",
+  "permalink": "/sandbox/Drop_DOM_Element",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Drop_DOM_Element.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Drag_and_Drop_Stress_Test",
+    "permalink": "/sandbox/Drag_and_Drop_Stress_Test"
+  },
+  "next": {
+    "title": "Editable_Text",
+    "permalink": "/sandbox/Editable_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-editable-text-md-698.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-editable-text-md-698.json
new file mode 100644
index 000000000..04d159c3e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-editable-text-md-698.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Editable_Text",
+  "title": "Editable_Text",
+  "description": "title: Text editing in HTML5 canvas with Konva",
+  "source": "@site/docs/sandbox/Editable_Text.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Editable_Text",
+  "permalink": "/sandbox/Editable_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Editable_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Drop_DOM_Element",
+    "permalink": "/sandbox/Drop_DOM_Element"
+  },
+  "next": {
+    "title": "Elastic_Stars",
+    "permalink": "/sandbox/Elastic_Stars"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-elastic-stars-md-a31.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-elastic-stars-md-a31.json
new file mode 100644
index 000000000..280cde280
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-elastic-stars-md-a31.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Elastic_Stars",
+  "title": "Elastic_Stars",
+  "description": "title: Elastic Stars",
+  "source": "@site/docs/sandbox/Elastic_Stars.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Elastic_Stars",
+  "permalink": "/sandbox/Elastic_Stars",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Elastic_Stars.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Editable_Text",
+    "permalink": "/sandbox/Editable_Text"
+  },
+  "next": {
+    "title": "Expand_Images_on_Hover",
+    "permalink": "/sandbox/Expand_Images_on_Hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-expand-images-on-hover-md-a19.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-expand-images-on-hover-md-a19.json
new file mode 100644
index 000000000..d710eccd1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-expand-images-on-hover-md-a19.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Expand_Images_on_Hover",
+  "title": "Expand_Images_on_Hover",
+  "description": "title: Expand Image on Hover",
+  "source": "@site/docs/sandbox/Expand_Images_on_Hover.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Expand_Images_on_Hover",
+  "permalink": "/sandbox/Expand_Images_on_Hover",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Expand_Images_on_Hover.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Elastic_Stars",
+    "permalink": "/sandbox/Elastic_Stars"
+  },
+  "next": {
+    "title": "Free_Drawing",
+    "permalink": "/sandbox/Free_Drawing"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-free-drawing-md-4ea.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-free-drawing-md-4ea.json
new file mode 100644
index 000000000..a39d5b314
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-free-drawing-md-4ea.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Free_Drawing",
+  "title": "Free_Drawing",
+  "description": "title: Free Drawing Konva Demo",
+  "source": "@site/docs/sandbox/Free_Drawing.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Free_Drawing",
+  "permalink": "/sandbox/Free_Drawing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Free_Drawing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Expand_Images_on_Hover",
+    "permalink": "/sandbox/Expand_Images_on_Hover"
+  },
+  "next": {
+    "title": "GIF_On_Canvas",
+    "permalink": "/sandbox/GIF_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gestures-md-2cc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gestures-md-2cc.json
new file mode 100644
index 000000000..444845b40
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gestures-md-2cc.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Gestures",
+  "title": "Gestures",
+  "description": "title: Gesture Events on Canvas Shapes",
+  "source": "@site/docs/sandbox/Gestures.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Gestures",
+  "permalink": "/sandbox/Gestures",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Gestures.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "GIF_On_Canvas",
+    "permalink": "/sandbox/GIF_On_Canvas"
+  },
+  "next": {
+    "title": "Image_Border",
+    "permalink": "/sandbox/Image_Border"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gif-on-canvas-md-4ff.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gif-on-canvas-md-4ff.json
new file mode 100644
index 000000000..a3f845f8f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-gif-on-canvas-md-4ff.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/GIF_On_Canvas",
+  "title": "GIF_On_Canvas",
+  "description": "title: How to animate GIF on Canvas",
+  "source": "@site/docs/sandbox/GIF_On_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/GIF_On_Canvas",
+  "permalink": "/sandbox/GIF_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/GIF_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Free_Drawing",
+    "permalink": "/sandbox/Free_Drawing"
+  },
+  "next": {
+    "title": "Gestures",
+    "permalink": "/sandbox/Gestures"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-highlighting-md-d59.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-highlighting-md-d59.json
new file mode 100644
index 000000000..e7f781054
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-highlighting-md-d59.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Border_Highlighting",
+  "title": "Image_Border_Highlighting",
+  "description": "title: Drag and Drop Multiple Images with Border Highlighting",
+  "source": "@site/docs/sandbox/Image_Border_Highlighting.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Border_Highlighting",
+  "permalink": "/sandbox/Image_Border_Highlighting",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Image_Border_Highlighting.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Border",
+    "permalink": "/sandbox/Image_Border"
+  },
+  "next": {
+    "title": "Image_Labeling",
+    "permalink": "/sandbox/Image_Labeling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-md-73c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-md-73c.json
new file mode 100644
index 000000000..53954574e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-border-md-73c.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Border",
+  "title": "Image_Border",
+  "description": "title: Border for Image around Non Transparent parts",
+  "source": "@site/docs/sandbox/Image_Border.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Border",
+  "permalink": "/sandbox/Image_Border",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Image_Border.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Gestures",
+    "permalink": "/sandbox/Gestures"
+  },
+  "next": {
+    "title": "Image_Border_Highlighting",
+    "permalink": "/sandbox/Image_Border_Highlighting"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-labeling-md-ccc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-labeling-md-ccc.json
new file mode 100644
index 000000000..d610b7327
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-labeling-md-ccc.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Labeling",
+  "title": "Image_Labeling",
+  "description": "title: Drawing Labels on Image with canvas",
+  "source": "@site/docs/sandbox/Image_Labeling.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Labeling",
+  "permalink": "/sandbox/Image_Labeling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Image_Labeling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Border_Highlighting",
+    "permalink": "/sandbox/Image_Border_Highlighting"
+  },
+  "next": {
+    "title": "Image_Resize",
+    "permalink": "/sandbox/Image_Resize"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-resize-md-d4d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-resize-md-d4d.json
new file mode 100644
index 000000000..9da469c71
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-image-resize-md-d4d.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Image_Resize",
+  "title": "Image_Resize",
+  "description": "title: HTML5 Canvas Drag, Drop, and Resize Images Demo",
+  "source": "@site/docs/sandbox/Image_Resize.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Image_Resize",
+  "permalink": "/sandbox/Image_Resize",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Image_Resize.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Labeling",
+    "permalink": "/sandbox/Image_Labeling"
+  },
+  "next": {
+    "title": "Interactive_Building_Map",
+    "permalink": "/sandbox/Interactive_Building_Map"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-interactive-building-map-md-863.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-interactive-building-map-md-863.json
new file mode 100644
index 000000000..9e5557a68
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-interactive-building-map-md-863.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Interactive_Building_Map",
+  "title": "Interactive_Building_Map",
+  "description": "title: Interactive Building Map",
+  "source": "@site/docs/sandbox/Interactive_Building_Map.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Interactive_Building_Map",
+  "permalink": "/sandbox/Interactive_Building_Map",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Interactive_Building_Map.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Image_Resize",
+    "permalink": "/sandbox/Image_Resize"
+  },
+  "next": {
+    "title": "Jumping_Bunnies",
+    "permalink": "/sandbox/Jumping_Bunnies"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-jumping-bunnies-md-4fa.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-jumping-bunnies-md-4fa.json
new file mode 100644
index 000000000..08254d300
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-jumping-bunnies-md-4fa.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Jumping_Bunnies",
+  "title": "Jumping_Bunnies",
+  "description": "title: Jumping bunnies performance stress test",
+  "source": "@site/docs/sandbox/Jumping_Bunnies.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Jumping_Bunnies",
+  "permalink": "/sandbox/Jumping_Bunnies",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Jumping_Bunnies.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Interactive_Building_Map",
+    "permalink": "/sandbox/Interactive_Building_Map"
+  },
+  "next": {
+    "title": "Limited_Drag_And_Resize",
+    "permalink": "/sandbox/Limited_Drag_And_Resize"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-limited-drag-and-resize-md-6b1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-limited-drag-and-resize-md-6b1.json
new file mode 100644
index 000000000..a9016b1f1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-limited-drag-and-resize-md-6b1.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Limited_Drag_And_Resize",
+  "title": "Limited_Drag_And_Resize",
+  "description": "title: How to limit dragging and resizing of shapes by canvas stage?",
+  "source": "@site/docs/sandbox/Limited_Drag_And_Resize.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Limited_Drag_And_Resize",
+  "permalink": "/sandbox/Limited_Drag_And_Resize",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Limited_Drag_And_Resize.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Jumping_Bunnies",
+    "permalink": "/sandbox/Jumping_Bunnies"
+  },
+  "next": {
+    "title": "Mirror_Canvas_Shape",
+    "permalink": "/sandbox/Mirror_Canvas_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-mirror-canvas-shape-md-ddd.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-mirror-canvas-shape-md-ddd.json
new file mode 100644
index 000000000..15dc2a626
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-mirror-canvas-shape-md-ddd.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Mirror_Canvas_Shape",
+  "title": "Mirror_Canvas_Shape",
+  "description": "title: How to flip shapes or image on canvas?",
+  "source": "@site/docs/sandbox/Mirror_Canvas_Shape.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Mirror_Canvas_Shape",
+  "permalink": "/sandbox/Mirror_Canvas_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Mirror_Canvas_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Limited_Drag_And_Resize",
+    "permalink": "/sandbox/Limited_Drag_And_Resize"
+  },
+  "next": {
+    "title": "Modify_Curves_with_Anchor_Points",
+    "permalink": "/sandbox/Modify_Curves_with_Anchor_Points"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-curves-with-anchor-points-md-f48.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-curves-with-anchor-points-md-f48.json
new file mode 100644
index 000000000..4e015525f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-curves-with-anchor-points-md-f48.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Modify_Curves_with_Anchor_Points",
+  "title": "Modify_Curves_with_Anchor_Points",
+  "description": "title: Modify Curves with Anchor Points",
+  "source": "@site/docs/sandbox/Modify_Curves_with_Anchor_Points.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Modify_Curves_with_Anchor_Points",
+  "permalink": "/sandbox/Modify_Curves_with_Anchor_Points",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Modify_Curves_with_Anchor_Points.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Mirror_Canvas_Shape",
+    "permalink": "/sandbox/Mirror_Canvas_Shape"
+  },
+  "next": {
+    "title": "Modify_Shape_Color_on_Click",
+    "permalink": "/sandbox/Modify_Shape_Color_on_Click"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-shape-color-on-click-md-392.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-shape-color-on-click-md-392.json
new file mode 100644
index 000000000..37f97e38b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-modify-shape-color-on-click-md-392.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Modify_Shape_Color_on_Click",
+  "title": "Modify_Shape_Color_on_Click",
+  "description": "title: Modify Shape Color on Click",
+  "source": "@site/docs/sandbox/Modify_Shape_Color_on_Click.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Modify_Shape_Color_on_Click",
+  "permalink": "/sandbox/Modify_Shape_Color_on_Click",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Modify_Shape_Color_on_Click.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Modify_Curves_with_Anchor_Points",
+    "permalink": "/sandbox/Modify_Curves_with_Anchor_Points"
+  },
+  "next": {
+    "title": "Multi-touch_Scale_Shape",
+    "permalink": "/sandbox/Multi-touch_Scale_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-shape-md-607.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-shape-md-607.json
new file mode 100644
index 000000000..f6fc0e7bc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-shape-md-607.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Multi-touch_Scale_Shape",
+  "title": "Multi-touch_Scale_Shape",
+  "description": "title: Multi-touch Scale Shape",
+  "source": "@site/docs/sandbox/Multi-touch_Scale_Shape.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Multi-touch_Scale_Shape",
+  "permalink": "/sandbox/Multi-touch_Scale_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Multi-touch_Scale_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Modify_Shape_Color_on_Click",
+    "permalink": "/sandbox/Modify_Shape_Color_on_Click"
+  },
+  "next": {
+    "title": "Multi-touch_Scale_Stage",
+    "permalink": "/sandbox/Multi-touch_Scale_Stage"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-stage-md-325.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-stage-md-325.json
new file mode 100644
index 000000000..62bc91438
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-multi-touch-scale-stage-md-325.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Multi-touch_Scale_Stage",
+  "title": "Multi-touch_Scale_Stage",
+  "description": "title: Multi-touch Canvas scale with pinch zoom",
+  "source": "@site/docs/sandbox/Multi-touch_Scale_Stage.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Multi-touch_Scale_Stage",
+  "permalink": "/sandbox/Multi-touch_Scale_Stage",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Multi-touch_Scale_Stage.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Multi-touch_Scale_Shape",
+    "permalink": "/sandbox/Multi-touch_Scale_Shape"
+  },
+  "next": {
+    "title": "Native_Context_Access",
+    "permalink": "/sandbox/Native_Context_Access"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-native-context-access-md-bb0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-native-context-access-md-bb0.json
new file mode 100644
index 000000000..1b79aceb3
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-native-context-access-md-bb0.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Native_Context_Access",
+  "title": "Native_Context_Access",
+  "description": "title: How to access native 2d context",
+  "source": "@site/docs/sandbox/Native_Context_Access.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Native_Context_Access",
+  "permalink": "/sandbox/Native_Context_Access",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Native_Context_Access.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Multi-touch_Scale_Stage",
+    "permalink": "/sandbox/Multi-touch_Scale_Stage"
+  },
+  "next": {
+    "title": "Objects_Snapping",
+    "permalink": "/sandbox/Objects_Snapping"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-objects-snapping-md-bb0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-objects-snapping-md-bb0.json
new file mode 100644
index 000000000..e5bbbed29
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-objects-snapping-md-bb0.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Objects_Snapping",
+  "title": "Objects_Snapping",
+  "description": "title: How to snap shapes positions on dragging with Konva?",
+  "source": "@site/docs/sandbox/Objects_Snapping.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Objects_Snapping",
+  "permalink": "/sandbox/Objects_Snapping",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Objects_Snapping.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Native_Context_Access",
+    "permalink": "/sandbox/Native_Context_Access"
+  },
+  "next": {
+    "title": "Physics_Simulator",
+    "permalink": "/sandbox/Physics_Simulator"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-physics-simulator-md-9ec.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-physics-simulator-md-9ec.json
new file mode 100644
index 000000000..1a1d23a66
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-physics-simulator-md-9ec.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Physics_Simulator",
+  "title": "Physics_Simulator",
+  "description": "title: Physics Simulator with Curve Detection",
+  "source": "@site/docs/sandbox/Physics_Simulator.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Physics_Simulator",
+  "permalink": "/sandbox/Physics_Simulator",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Physics_Simulator.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Objects_Snapping",
+    "permalink": "/sandbox/Objects_Snapping"
+  },
+  "next": {
+    "title": "Planets_Image_Map",
+    "permalink": "/sandbox/Planets_Image_Map"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-planets-image-map-md-9ed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-planets-image-map-md-9ed.json
new file mode 100644
index 000000000..e39d99fed
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-planets-image-map-md-9ed.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Planets_Image_Map",
+  "title": "Planets_Image_Map",
+  "description": "title: Planets Image Map",
+  "source": "@site/docs/sandbox/Planets_Image_Map.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Planets_Image_Map",
+  "permalink": "/sandbox/Planets_Image_Map",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Planets_Image_Map.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Physics_Simulator",
+    "permalink": "/sandbox/Physics_Simulator"
+  },
+  "next": {
+    "title": "Quantum_Squiggle",
+    "permalink": "/sandbox/Quantum_Squiggle"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-quantum-squiggle-md-6ab.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-quantum-squiggle-md-6ab.json
new file mode 100644
index 000000000..f09d3b058
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-quantum-squiggle-md-6ab.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Quantum_Squiggle",
+  "title": "Quantum_Squiggle",
+  "description": "title:  Oscillating Blobs",
+  "source": "@site/docs/sandbox/Quantum_Squiggle.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Quantum_Squiggle",
+  "permalink": "/sandbox/Quantum_Squiggle",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Quantum_Squiggle.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Planets_Image_Map",
+    "permalink": "/sandbox/Planets_Image_Map"
+  },
+  "next": {
+    "title": "Relative_Pointer_Position",
+    "permalink": "/sandbox/Relative_Pointer_Position"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-relative-pointer-position-md-c62.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-relative-pointer-position-md-c62.json
new file mode 100644
index 000000000..573a0ed4e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-relative-pointer-position-md-c62.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Relative_Pointer_Position",
+  "title": "Relative_Pointer_Position",
+  "description": "title: How to find relative mouse position?",
+  "source": "@site/docs/sandbox/Relative_Pointer_Position.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Relative_Pointer_Position",
+  "permalink": "/sandbox/Relative_Pointer_Position",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Relative_Pointer_Position.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Quantum_Squiggle",
+    "permalink": "/sandbox/Quantum_Squiggle"
+  },
+  "next": {
+    "title": "Resizing_Stress_Test",
+    "permalink": "/sandbox/Resizing_Stress_Test"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-resizing-stress-test-md-643.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-resizing-stress-test-md-643.json
new file mode 100644
index 000000000..09ab90ab1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-resizing-stress-test-md-643.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Resizing_Stress_Test",
+  "title": "Resizing_Stress_Test",
+  "description": "title: Resizing Stress Test with Konva",
+  "source": "@site/docs/sandbox/Resizing_Stress_Test.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Resizing_Stress_Test",
+  "permalink": "/sandbox/Resizing_Stress_Test",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Resizing_Stress_Test.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Relative_Pointer_Position",
+    "permalink": "/sandbox/Relative_Pointer_Position"
+  },
+  "next": {
+    "title": "Responsive_Canvas",
+    "permalink": "/sandbox/Responsive_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-responsive-canvas-md-d7b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-responsive-canvas-md-d7b.json
new file mode 100644
index 000000000..e88888006
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-responsive-canvas-md-d7b.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Responsive_Canvas",
+  "title": "Responsive_Canvas",
+  "description": "title: Responsive Canvas Stage Demo",
+  "source": "@site/docs/sandbox/Responsive_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Responsive_Canvas",
+  "permalink": "/sandbox/Responsive_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Responsive_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Resizing_Stress_Test",
+    "permalink": "/sandbox/Resizing_Stress_Test"
+  },
+  "next": {
+    "title": "Rich_Text",
+    "permalink": "/sandbox/Rich_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-rich-text-md-3b1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-rich-text-md-3b1.json
new file mode 100644
index 000000000..132067be2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-rich-text-md-3b1.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Rich_Text",
+  "title": "Rich_Text",
+  "description": "title: How to show rich html on canvas with Konva",
+  "source": "@site/docs/sandbox/Rich_Text.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Rich_Text",
+  "permalink": "/sandbox/Rich_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Rich_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Responsive_Canvas",
+    "permalink": "/sandbox/Responsive_Canvas"
+  },
+  "next": {
+    "title": "SVG_On_Canvas",
+    "permalink": "/sandbox/SVG_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scale-image-to-fit-md-ad0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scale-image-to-fit-md-ad0.json
new file mode 100644
index 000000000..3f6638d4f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scale-image-to-fit-md-ad0.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Scale_Image_To_Fit",
+  "title": "Scale_Image_To_Fit",
+  "description": "title: Scaling image to fit a fixed area on canvas",
+  "source": "@site/docs/sandbox/Scale_Image_To_Fit.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Scale_Image_To_Fit",
+  "permalink": "/sandbox/Scale_Image_To_Fit",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Scale_Image_To_Fit.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "SVG_On_Canvas",
+    "permalink": "/sandbox/SVG_On_Canvas"
+  },
+  "next": {
+    "title": "Scroll_By_Edge_Drag",
+    "permalink": "/sandbox/Scroll_By_Edge_Drag"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scroll-by-edge-drag-md-cba.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scroll-by-edge-drag-md-cba.json
new file mode 100644
index 000000000..4d7365d0d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-scroll-by-edge-drag-md-cba.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Scroll_By_Edge_Drag",
+  "title": "Scroll_By_Edge_Drag",
+  "description": "title: How to automatically scroll stage by edge drag?",
+  "source": "@site/docs/sandbox/Scroll_By_Edge_Drag.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Scroll_By_Edge_Drag",
+  "permalink": "/sandbox/Scroll_By_Edge_Drag",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Scroll_By_Edge_Drag.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Scale_Image_To_Fit",
+    "permalink": "/sandbox/Scale_Image_To_Fit"
+  },
+  "next": {
+    "title": "Seats_Reservation",
+    "permalink": "/sandbox/Seats_Reservation"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-seats-reservation-md-619.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-seats-reservation-md-619.json
new file mode 100644
index 000000000..324a0d051
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-seats-reservation-md-619.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Seats_Reservation",
+  "title": "Seats_Reservation",
+  "description": "title: Seats bookings widget for the website with canvas",
+  "source": "@site/docs/sandbox/Seats_Reservation.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Seats_Reservation",
+  "permalink": "/sandbox/Seats_Reservation",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Seats_Reservation.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Scroll_By_Edge_Drag",
+    "permalink": "/sandbox/Scroll_By_Edge_Drag"
+  },
+  "next": {
+    "title": "Shape_Tango",
+    "permalink": "/sandbox/Shape_Tango"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tango-md-9e9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tango-md-9e9.json
new file mode 100644
index 000000000..277560c08
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tango-md-9e9.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Shape_Tango",
+  "title": "Shape_Tango",
+  "description": "title: HTML5 Canvas Shape Tango with Konva",
+  "source": "@site/docs/sandbox/Shape_Tango.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Shape_Tango",
+  "permalink": "/sandbox/Shape_Tango",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Shape_Tango.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Seats_Reservation",
+    "permalink": "/sandbox/Seats_Reservation"
+  },
+  "next": {
+    "title": "Shape_Tooltips",
+    "permalink": "/sandbox/Shape_Tooltips"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tooltips-md-376.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tooltips-md-376.json
new file mode 100644
index 000000000..f0f74b606
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-shape-tooltips-md-376.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Shape_Tooltips",
+  "title": "Shape_Tooltips",
+  "description": "title: Shape Tooltips",
+  "source": "@site/docs/sandbox/Shape_Tooltips.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Shape_Tooltips",
+  "permalink": "/sandbox/Shape_Tooltips",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Shape_Tooltips.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Shape_Tango",
+    "permalink": "/sandbox/Shape_Tango"
+  },
+  "next": {
+    "title": "Simple_Window_Frame",
+    "permalink": "/sandbox/Simple_Window_Frame"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-simple-window-frame-md-707.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-simple-window-frame-md-707.json
new file mode 100644
index 000000000..48867fefd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-simple-window-frame-md-707.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Simple_Window_Frame",
+  "title": "Simple_Window_Frame",
+  "description": "title: HTML5 Canvas Simple Window Designer",
+  "source": "@site/docs/sandbox/Simple_Window_Frame.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Simple_Window_Frame",
+  "permalink": "/sandbox/Simple_Window_Frame",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Simple_Window_Frame.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Shape_Tooltips",
+    "permalink": "/sandbox/Shape_Tooltips"
+  },
+  "next": {
+    "title": "Stage_Preview",
+    "permalink": "/sandbox/Stage_Preview"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-stage-preview-md-aba.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-stage-preview-md-aba.json
new file mode 100644
index 000000000..4554dd160
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-stage-preview-md-aba.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Stage_Preview",
+  "title": "Stage_Preview",
+  "description": "title: How to preview large stage on canvas with Konva?",
+  "source": "@site/docs/sandbox/Stage_Preview.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Stage_Preview",
+  "permalink": "/sandbox/Stage_Preview",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Stage_Preview.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Simple_Window_Frame",
+    "permalink": "/sandbox/Simple_Window_Frame"
+  },
+  "next": {
+    "title": "Star_Spinner",
+    "permalink": "/sandbox/Star_Spinner"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-star-spinner-md-021.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-star-spinner-md-021.json
new file mode 100644
index 000000000..2d3f11714
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-star-spinner-md-021.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Star_Spinner",
+  "title": "Star_Spinner",
+  "description": "title: Star Spinner",
+  "source": "@site/docs/sandbox/Star_Spinner.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Star_Spinner",
+  "permalink": "/sandbox/Star_Spinner",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Star_Spinner.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Stage_Preview",
+    "permalink": "/sandbox/Stage_Preview"
+  },
+  "next": {
+    "title": "Transparent_Group",
+    "permalink": "/sandbox/Transparent_Group"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-svg-on-canvas-md-1c3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-svg-on-canvas-md-1c3.json
new file mode 100644
index 000000000..97d82ed52
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-svg-on-canvas-md-1c3.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/SVG_On_Canvas",
+  "title": "SVG_On_Canvas",
+  "description": "title: How to draw SVG image on canvas with Konva",
+  "source": "@site/docs/sandbox/SVG_On_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/SVG_On_Canvas",
+  "permalink": "/sandbox/SVG_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/SVG_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Rich_Text",
+    "permalink": "/sandbox/Rich_Text"
+  },
+  "next": {
+    "title": "Scale_Image_To_Fit",
+    "permalink": "/sandbox/Scale_Image_To_Fit"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-transparent-group-md-69d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-transparent-group-md-69d.json
new file mode 100644
index 000000000..897f947a9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-transparent-group-md-69d.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Transparent_Group",
+  "title": "Transparent_Group",
+  "description": "title: How to apply transparency for several shapes at once?",
+  "source": "@site/docs/sandbox/Transparent_Group.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Transparent_Group",
+  "permalink": "/sandbox/Transparent_Group",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Transparent_Group.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Star_Spinner",
+    "permalink": "/sandbox/Star_Spinner"
+  },
+  "next": {
+    "title": "Video_On_Canvas",
+    "permalink": "/sandbox/Video_On_Canvas"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-video-on-canvas-md-893.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-video-on-canvas-md-893.json
new file mode 100644
index 000000000..93e400592
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-video-on-canvas-md-893.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Video_On_Canvas",
+  "title": "Video_On_Canvas",
+  "description": "title: How to display video on Canvas",
+  "source": "@site/docs/sandbox/Video_On_Canvas.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Video_On_Canvas",
+  "permalink": "/sandbox/Video_On_Canvas",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Video_On_Canvas.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Transparent_Group",
+    "permalink": "/sandbox/Transparent_Group"
+  },
+  "next": {
+    "title": "Web_Worker",
+    "permalink": "/sandbox/Web_Worker"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-web-worker-md-0e2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-web-worker-md-0e2.json
new file mode 100644
index 000000000..85c474a04
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-web-worker-md-0e2.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Web_Worker",
+  "title": "Web_Worker",
+  "description": "title: Offscreen canvas inside Web Worker",
+  "source": "@site/docs/sandbox/Web_Worker.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Web_Worker",
+  "permalink": "/sandbox/Web_Worker",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Web_Worker.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Video_On_Canvas",
+    "permalink": "/sandbox/Video_On_Canvas"
+  },
+  "next": {
+    "title": "Wheel_of_Fortune",
+    "permalink": "/sandbox/Wheel_of_Fortune"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-wheel-of-fortune-md-fd2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-wheel-of-fortune-md-fd2.json
new file mode 100644
index 000000000..b1ed00927
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-wheel-of-fortune-md-fd2.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Wheel_of_Fortune",
+  "title": "Wheel_of_Fortune",
+  "description": "title: Wheel of Fortune HTML5 Canvas Game",
+  "source": "@site/docs/sandbox/Wheel_of_Fortune.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Wheel_of_Fortune",
+  "permalink": "/sandbox/Wheel_of_Fortune",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Wheel_of_Fortune.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Web_Worker",
+    "permalink": "/sandbox/Web_Worker"
+  },
+  "next": {
+    "title": "Window_Frame_Designer",
+    "permalink": "/sandbox/Window_Frame_Designer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-window-frame-designer-md-751.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-window-frame-designer-md-751.json
new file mode 100644
index 000000000..74037ca5e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-window-frame-designer-md-751.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Window_Frame_Designer",
+  "title": "Window_Frame_Designer",
+  "description": "title: HTML5 Canvas Window Frame Designer",
+  "source": "@site/docs/sandbox/Window_Frame_Designer.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Window_Frame_Designer",
+  "permalink": "/sandbox/Window_Frame_Designer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Window_Frame_Designer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Wheel_of_Fortune",
+    "permalink": "/sandbox/Wheel_of_Fortune"
+  },
+  "next": {
+    "title": "Zoom_Layer_On_hover",
+    "permalink": "/sandbox/Zoom_Layer_On_hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zoom-layer-on-hover-md-e39.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zoom-layer-on-hover-md-e39.json
new file mode 100644
index 000000000..f776ff177
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zoom-layer-on-hover-md-e39.json
@@ -0,0 +1,24 @@
+{
+  "id": "sandbox/Zoom_Layer_On_hover",
+  "title": "Zoom_Layer_On_hover",
+  "description": "title: Zoom Image on Hover",
+  "source": "@site/docs/sandbox/Zoom_Layer_On_hover.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Zoom_Layer_On_hover",
+  "permalink": "/sandbox/Zoom_Layer_On_hover",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Zoom_Layer_On_hover.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Window_Frame_Designer",
+    "permalink": "/sandbox/Window_Frame_Designer"
+  },
+  "next": {
+    "title": "Zooming_Relative_To_Pointer",
+    "permalink": "/sandbox/Zooming_Relative_To_Pointer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zooming-relative-to-pointer-md-b9c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zooming-relative-to-pointer-md-b9c.json
new file mode 100644
index 000000000..a7e7b02f2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-sandbox-zooming-relative-to-pointer-md-b9c.json
@@ -0,0 +1,20 @@
+{
+  "id": "sandbox/Zooming_Relative_To_Pointer",
+  "title": "Zooming_Relative_To_Pointer",
+  "description": "title: Zooming stage relative to pointer position",
+  "source": "@site/docs/sandbox/Zooming_Relative_To_Pointer.md",
+  "sourceDirName": "sandbox",
+  "slug": "/sandbox/Zooming_Relative_To_Pointer",
+  "permalink": "/sandbox/Zooming_Relative_To_Pointer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/sandbox/Zooming_Relative_To_Pointer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "demosSidebar",
+  "previous": {
+    "title": "Zoom_Layer_On_hover",
+    "permalink": "/sandbox/Zoom_Layer_On_hover"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-basic-demo-md-aac.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-basic-demo-md-aac.json
new file mode 100644
index 000000000..30c57bc2f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-basic-demo-md-aac.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Basic_demo",
+  "title": "Basic_demo",
+  "description": "title: HTML5 Canvas Shape select, resize and rotate",
+  "source": "@site/docs/select_and_transform/Basic_demo.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Basic_demo",
+  "permalink": "/select_and_transform/Basic_demo",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Basic_demo.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "zIndex",
+    "permalink": "/react/zIndex"
+  },
+  "next": {
+    "title": "Centered_Scaling",
+    "permalink": "/select_and_transform/Centered_Scaling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-centered-scaling-md-0f6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-centered-scaling-md-0f6.json
new file mode 100644
index 000000000..900a7652e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-centered-scaling-md-0f6.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Centered_Scaling",
+  "title": "Centered_Scaling",
+  "description": "title: HTML5 Canvas Shape Resize Relative to Center",
+  "source": "@site/docs/select_and_transform/Centered_Scaling.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Centered_Scaling",
+  "permalink": "/select_and_transform/Centered_Scaling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Centered_Scaling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Basic_demo",
+    "permalink": "/select_and_transform/Basic_demo"
+  },
+  "next": {
+    "title": "Force_Update",
+    "permalink": "/select_and_transform/Force_Update"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-force-update-md-4c8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-force-update-md-4c8.json
new file mode 100644
index 000000000..7620e1376
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-force-update-md-4c8.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Force_Update",
+  "title": "Force_Update",
+  "description": "title: HTML5 Canvas Force Update Tutorial",
+  "source": "@site/docs/select_and_transform/Force_Update.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Force_Update",
+  "permalink": "/select_and_transform/Force_Update",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Force_Update.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Centered_Scaling",
+    "permalink": "/select_and_transform/Centered_Scaling"
+  },
+  "next": {
+    "title": "Ignore_Stroke_On_Transform",
+    "permalink": "/select_and_transform/Ignore_Stroke_On_Transform"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-ignore-stroke-on-transform-md-9b4.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-ignore-stroke-on-transform-md-9b4.json
new file mode 100644
index 000000000..d03b195d5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-ignore-stroke-on-transform-md-9b4.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Ignore_Stroke_On_Transform",
+  "title": "Ignore_Stroke_On_Transform",
+  "description": "title: How to resize shape on canvas without changing its stroke size?",
+  "source": "@site/docs/select_and_transform/Ignore_Stroke_On_Transform.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Ignore_Stroke_On_Transform",
+  "permalink": "/select_and_transform/Ignore_Stroke_On_Transform",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Ignore_Stroke_On_Transform.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Force_Update",
+    "permalink": "/select_and_transform/Force_Update"
+  },
+  "next": {
+    "title": "Keep_Ratio",
+    "permalink": "/select_and_transform/Keep_Ratio"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-keep-ratio-md-e75.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-keep-ratio-md-e75.json
new file mode 100644
index 000000000..4ab081886
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-keep-ratio-md-e75.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Keep_Ratio",
+  "title": "Keep_Ratio",
+  "description": "title: HTML5 Canvas Shape Resize With Ratio Preserved",
+  "source": "@site/docs/select_and_transform/Keep_Ratio.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Keep_Ratio",
+  "permalink": "/select_and_transform/Keep_Ratio",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Keep_Ratio.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ignore_Stroke_On_Transform",
+    "permalink": "/select_and_transform/Ignore_Stroke_On_Transform"
+  },
+  "next": {
+    "title": "Resize_Limits",
+    "permalink": "/select_and_transform/Resize_Limits"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-limits-md-a79.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-limits-md-a79.json
new file mode 100644
index 000000000..808fd6471
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-limits-md-a79.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Resize_Limits",
+  "title": "Resize_Limits",
+  "description": "title: HTML5 Canvas Shape Resize and Transform Limits",
+  "source": "@site/docs/select_and_transform/Resize_Limits.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Resize_Limits",
+  "permalink": "/select_and_transform/Resize_Limits",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Resize_Limits.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Keep_Ratio",
+    "permalink": "/select_and_transform/Keep_Ratio"
+  },
+  "next": {
+    "title": "Resize_Snaps",
+    "permalink": "/select_and_transform/Resize_Snaps"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-snaps-md-958.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-snaps-md-958.json
new file mode 100644
index 000000000..d7521816b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-snaps-md-958.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Resize_Snaps",
+  "title": "Resize_Snaps",
+  "description": "title: HTML5 Canvas Shape Resize Snapping",
+  "source": "@site/docs/select_and_transform/Resize_Snaps.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Resize_Snaps",
+  "permalink": "/select_and_transform/Resize_Snaps",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Resize_Snaps.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize_Limits",
+    "permalink": "/select_and_transform/Resize_Limits"
+  },
+  "next": {
+    "title": "Resize_Text",
+    "permalink": "/select_and_transform/Resize_Text"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-text-md-58c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-text-md-58c.json
new file mode 100644
index 000000000..9f2c6a422
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-resize-text-md-58c.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Resize_Text",
+  "title": "Resize_Text",
+  "description": "title: How to resize text on canvas?",
+  "source": "@site/docs/select_and_transform/Resize_Text.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Resize_Text",
+  "permalink": "/select_and_transform/Resize_Text",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Resize_Text.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize_Snaps",
+    "permalink": "/select_and_transform/Resize_Snaps"
+  },
+  "next": {
+    "title": "Rotation_Snaps",
+    "permalink": "/select_and_transform/Rotation_Snaps"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-rotation-snaps-md-7e9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-rotation-snaps-md-7e9.json
new file mode 100644
index 000000000..77462c396
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-rotation-snaps-md-7e9.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Rotation_Snaps",
+  "title": "Rotation_Snaps",
+  "description": "title: HTML5 Canvas Shape Snap Rotation",
+  "source": "@site/docs/select_and_transform/Rotation_Snaps.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Rotation_Snaps",
+  "permalink": "/select_and_transform/Rotation_Snaps",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Rotation_Snaps.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Resize_Text",
+    "permalink": "/select_and_transform/Resize_Text"
+  },
+  "next": {
+    "title": "Stop_Transform",
+    "permalink": "/select_and_transform/Stop_Transform"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-stop-transform-md-1b3.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-stop-transform-md-1b3.json
new file mode 100644
index 000000000..fc191610a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-stop-transform-md-1b3.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Stop_Transform",
+  "title": "Stop_Transform",
+  "description": "title: HTML5 Canvas Stop Shape Transform",
+  "source": "@site/docs/select_and_transform/Stop_Transform.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Stop_Transform",
+  "permalink": "/select_and_transform/Stop_Transform",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Stop_Transform.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rotation_Snaps",
+    "permalink": "/select_and_transform/Rotation_Snaps"
+  },
+  "next": {
+    "title": "Transform_Events",
+    "permalink": "/select_and_transform/Transform_Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transform-events-md-5f6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transform-events-md-5f6.json
new file mode 100644
index 000000000..b3ecfd022
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transform-events-md-5f6.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Transform_Events",
+  "title": "Transform_Events",
+  "description": "title: HTML5 Canvas Transform and Resize events",
+  "source": "@site/docs/select_and_transform/Transform_Events.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Transform_Events",
+  "permalink": "/select_and_transform/Transform_Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Transform_Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stop_Transform",
+    "permalink": "/select_and_transform/Stop_Transform"
+  },
+  "next": {
+    "title": "Transformer_Complex_Styling",
+    "permalink": "/select_and_transform/Transformer_Complex_Styling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-complex-styling-md-197.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-complex-styling-md-197.json
new file mode 100644
index 000000000..2c3d39032
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-complex-styling-md-197.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Transformer_Complex_Styling",
+  "title": "Transformer_Complex_Styling",
+  "description": "title: Deep Style Konva Transformer",
+  "source": "@site/docs/select_and_transform/Transformer_Complex_Styling.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Transformer_Complex_Styling",
+  "permalink": "/select_and_transform/Transformer_Complex_Styling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Transformer_Complex_Styling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transform_Events",
+    "permalink": "/select_and_transform/Transform_Events"
+  },
+  "next": {
+    "title": "Transformer_Styling",
+    "permalink": "/select_and_transform/Transformer_Styling"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-styling-md-0db.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-styling-md-0db.json
new file mode 100644
index 000000000..ec77d44d0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-select-and-transform-transformer-styling-md-0db.json
@@ -0,0 +1,24 @@
+{
+  "id": "select_and_transform/Transformer_Styling",
+  "title": "Transformer_Styling",
+  "description": "title: Style Konva Transformer",
+  "source": "@site/docs/select_and_transform/Transformer_Styling.md",
+  "sourceDirName": "select_and_transform",
+  "slug": "/select_and_transform/Transformer_Styling",
+  "permalink": "/select_and_transform/Transformer_Styling",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/select_and_transform/Transformer_Styling.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer_Complex_Styling",
+    "permalink": "/select_and_transform/Transformer_Complex_Styling"
+  },
+  "next": {
+    "title": "Select_by_Name",
+    "permalink": "/selectors/Select_by_Name"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-id-md-745.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-id-md-745.json
new file mode 100644
index 000000000..10e6e7557
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-id-md-745.json
@@ -0,0 +1,24 @@
+{
+  "id": "selectors/Select_by_id",
+  "title": "Select_by_id",
+  "description": "title: HTML5 Canvas Select Shape by id Tutorial",
+  "source": "@site/docs/selectors/Select_by_id.md",
+  "sourceDirName": "selectors",
+  "slug": "/selectors/Select_by_id",
+  "permalink": "/selectors/Select_by_id",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/selectors/Select_by_id.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select_by_Type",
+    "permalink": "/selectors/Select_by_Type"
+  },
+  "next": {
+    "title": "index",
+    "permalink": "/svelte/"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-name-md-629.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-name-md-629.json
new file mode 100644
index 000000000..99b481ccd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-name-md-629.json
@@ -0,0 +1,24 @@
+{
+  "id": "selectors/Select_by_Name",
+  "title": "Select_by_Name",
+  "description": "title: HTML5 Canvas Select Shape by Name Tutorial",
+  "source": "@site/docs/selectors/Select_by_Name.md",
+  "sourceDirName": "selectors",
+  "slug": "/selectors/Select_by_Name",
+  "permalink": "/selectors/Select_by_Name",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/selectors/Select_by_Name.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer_Styling",
+    "permalink": "/select_and_transform/Transformer_Styling"
+  },
+  "next": {
+    "title": "Select_by_Type",
+    "permalink": "/selectors/Select_by_Type"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-type-md-f57.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-type-md-f57.json
new file mode 100644
index 000000000..dc59ccbbf
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-selectors-select-by-type-md-f57.json
@@ -0,0 +1,24 @@
+{
+  "id": "selectors/Select_by_Type",
+  "title": "Select_by_Type",
+  "description": "title: HTML5 Canvas Select Shape by Type Tutorial",
+  "source": "@site/docs/selectors/Select_by_Type.md",
+  "sourceDirName": "selectors",
+  "slug": "/selectors/Select_by_Type",
+  "permalink": "/selectors/Select_by_Type",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/selectors/Select_by_Type.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select_by_Name",
+    "permalink": "/selectors/Select_by_Name"
+  },
+  "next": {
+    "title": "Select_by_id",
+    "permalink": "/selectors/Select_by_id"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arc-mdx-76a.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arc-mdx-76a.json
new file mode 100644
index 000000000..20bf894b7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arc-mdx-76a.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Arc",
+  "title": "HTML5 canvas Arc Tutorial",
+  "description": "To create an arc shape with Konva, we can instantiate a Konva.Arc() object.",
+  "source": "@site/docs/shapes/Arc.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Arc.html",
+  "permalink": "/docs/shapes/Arc.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Arc.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Arc Tutorial",
+    "sidebar_label": "Arc",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Arc.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/category/shapes"
+  },
+  "next": {
+    "title": "Arrow",
+    "permalink": "/docs/shapes/Arrow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arrow-mdx-bcb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arrow-mdx-bcb.json
new file mode 100644
index 000000000..798852a4c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-arrow-mdx-bcb.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Arrow",
+  "title": "HTML5 canvas Arrow Tutorial",
+  "description": "To create an arrow shape with Konva, we can instantiate a Konva.Arrow() object.",
+  "source": "@site/docs/shapes/Arrow.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Arrow.html",
+  "permalink": "/docs/shapes/Arrow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Arrow.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Arrow Tutorial",
+    "sidebar_label": "Arrow",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Arrow.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Arc",
+    "permalink": "/docs/shapes/Arc.html"
+  },
+  "next": {
+    "title": "Circle",
+    "permalink": "/docs/shapes/Circle.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-circle-mdx-75c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-circle-mdx-75c.json
new file mode 100644
index 000000000..1ea13dc33
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-circle-mdx-75c.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Circle",
+  "title": "HTML5 canvas Circle Tutorial",
+  "description": "To create a circle shape with Konva, we can instantiate a Konva.Circle() object.",
+  "source": "@site/docs/shapes/Circle.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Circle.html",
+  "permalink": "/docs/shapes/Circle.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Circle.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Circle Tutorial",
+    "sidebar_label": "Circle",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Circle.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Arrow",
+    "permalink": "/docs/shapes/Arrow.html"
+  },
+  "next": {
+    "title": "Ellipse",
+    "permalink": "/docs/shapes/Ellipse.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-ellipse-mdx-771.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-ellipse-mdx-771.json
new file mode 100644
index 000000000..6a7d52a0a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-ellipse-mdx-771.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Ellipse",
+  "title": "HTML5 canvas Ellipse Tutorial",
+  "description": "To create an ellipse shape with Konva, we can instantiate a Konva.Ellipse() object.",
+  "source": "@site/docs/shapes/Ellipse.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Ellipse.html",
+  "permalink": "/docs/shapes/Ellipse.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Ellipse.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Ellipse Tutorial",
+    "sidebar_label": "Ellipse",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Ellipse.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Circle",
+    "permalink": "/docs/shapes/Circle.html"
+  },
+  "next": {
+    "title": "Group",
+    "permalink": "/docs/shapes/Group.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-group-mdx-89d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-group-mdx-89d.json
new file mode 100644
index 000000000..062d833d7
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-group-mdx-89d.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Group",
+  "title": "HTML5 canvas Group Tutorial",
+  "description": "To create a group of shapes with Konva, we can instantiate a Konva.Group() object.",
+  "source": "@site/docs/shapes/Group.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Group.html",
+  "permalink": "/docs/shapes/Group.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Group.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Group Tutorial",
+    "sidebar_label": "Group",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Group.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Ellipse",
+    "permalink": "/docs/shapes/Ellipse.html"
+  },
+  "next": {
+    "title": "Line",
+    "permalink": "/docs/shapes/Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-blob-mdx-609.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-blob-mdx-609.json
new file mode 100644
index 000000000..08931546d
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-blob-mdx-609.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Line_-_Blob",
+  "title": "HTML5 canvas Blob Tutorial",
+  "description": "To create a blob with Konva, we can instantiate a Konva.Line() object with both closed and tension properties.",
+  "source": "@site/docs/shapes/Line_-_Blob.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Blob.html",
+  "permalink": "/docs/shapes/Line_-_Blob.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Line_-_Blob.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Blob Tutorial",
+    "sidebar_label": "Line - Blob",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Blob.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line",
+    "permalink": "/docs/shapes/Line.html"
+  },
+  "next": {
+    "title": "Line - Polygon",
+    "permalink": "/docs/shapes/Line_-_Polygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-mdx-2ac.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-mdx-2ac.json
new file mode 100644
index 000000000..7c7c8c936
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-mdx-2ac.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Line",
+  "title": "HTML5 canvas Line Tutorial",
+  "description": "To create line shapes with Konva, we can instantiate a Konva.Line() object. Lines can be configured in different ways to create various shapes like simple lines, splines, blobs, and polygons.",
+  "source": "@site/docs/shapes/Line.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line.html",
+  "permalink": "/docs/shapes/Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Line Tutorial",
+    "sidebar_label": "Line",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Group",
+    "permalink": "/docs/shapes/Group.html"
+  },
+  "next": {
+    "title": "Line - Blob",
+    "permalink": "/docs/shapes/Line_-_Blob.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-polygon-mdx-bc1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-polygon-mdx-bc1.json
new file mode 100644
index 000000000..ab897695b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-polygon-mdx-bc1.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Line_-_Polygon",
+  "title": "HTML5 canvas Polygon Tutorial",
+  "description": "To create a polygon with Konva, we can instantiate a Konva.Line() object with the closed property set to true.",
+  "source": "@site/docs/shapes/Line_-_Polygon.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Polygon.html",
+  "permalink": "/docs/shapes/Line_-_Polygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Line_-_Polygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Polygon Tutorial",
+    "sidebar_label": "Line - Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Polygon.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Blob",
+    "permalink": "/docs/shapes/Line_-_Blob.html"
+  },
+  "next": {
+    "title": "Line - Simple Line",
+    "permalink": "/docs/shapes/Line_-_Simple_Line.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-simple-line-mdx-619.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-simple-line-mdx-619.json
new file mode 100644
index 000000000..2820e75a5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-simple-line-mdx-619.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Line_-_Simple_Line",
+  "title": "HTML5 canvas Line Tutorial",
+  "description": "To create a simple line with Konva, we can instantiate a Konva.Line() object.",
+  "source": "@site/docs/shapes/Line_-_Simple_Line.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Simple_Line.html",
+  "permalink": "/docs/shapes/Line_-_Simple_Line.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Line_-_Simple_Line.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Line Tutorial",
+    "sidebar_label": "Line - Simple Line",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Simple_Line.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Polygon",
+    "permalink": "/docs/shapes/Line_-_Polygon.html"
+  },
+  "next": {
+    "title": "Line - Spline",
+    "permalink": "/docs/shapes/Line_-_Spline.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-spline-mdx-aeb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-spline-mdx-aeb.json
new file mode 100644
index 000000000..6a2957ebf
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-line-spline-mdx-aeb.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Line_-_Spline",
+  "title": "HTML5 canvas Spline Tutorial",
+  "description": "To create a spline (curved line) with Konva, we can instantiate a Konva.Line() object with the tension property.",
+  "source": "@site/docs/shapes/Line_-_Spline.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Line_-_Spline.html",
+  "permalink": "/docs/shapes/Line_-_Spline.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Line_-_Spline.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Spline Tutorial",
+    "sidebar_label": "Line - Spline",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Line_-_Spline.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Simple Line",
+    "permalink": "/docs/shapes/Line_-_Simple_Line.html"
+  },
+  "next": {
+    "title": "Path",
+    "permalink": "/docs/shapes/Path.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-path-mdx-c47.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-path-mdx-c47.json
new file mode 100644
index 000000000..c7ed215b9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-path-mdx-c47.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Path",
+  "title": "HTML5 canvas Path Tutorial",
+  "description": "To create a custom path shape with Konva, we can instantiate a Konva.Path() object.",
+  "source": "@site/docs/shapes/Path.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Path.html",
+  "permalink": "/docs/shapes/Path.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Path.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Path Tutorial",
+    "sidebar_label": "Path",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Path.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line - Spline",
+    "permalink": "/docs/shapes/Line_-_Spline.html"
+  },
+  "next": {
+    "title": "Polygon",
+    "permalink": "/docs/shapes/Polygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-polygon-mdx-ef1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-polygon-mdx-ef1.json
new file mode 100644
index 000000000..4f064fced
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-polygon-mdx-ef1.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Polygon",
+  "title": "HTML5 canvas Polygon Tutorial",
+  "description": "To create a polygon shape with Konva, we can instantiate a Konva.Line() object with closed property set to true.",
+  "source": "@site/docs/shapes/Polygon.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Polygon.html",
+  "permalink": "/docs/shapes/Polygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Polygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Polygon Tutorial",
+    "sidebar_label": "Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Polygon.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Path",
+    "permalink": "/docs/shapes/Path.html"
+  },
+  "next": {
+    "title": "Rectangle",
+    "permalink": "/shapes/Rect.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-rect-mdx-3fc.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-rect-mdx-3fc.json
new file mode 100644
index 000000000..e3a26d8ad
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-rect-mdx-3fc.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Rect",
+  "title": "HTML5 canvas Rectangle Tutorial",
+  "description": "To create a rectangle with Konva, we can instantiate a Konva.Rect() object.",
+  "source": "@site/docs/shapes/Rect.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/shapes/Rect.html",
+  "permalink": "/shapes/Rect.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Rect.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Rectangle Tutorial",
+    "sidebar_label": "Rectangle",
+    "hide_table_of_contents": true,
+    "slug": "Rect.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Polygon",
+    "permalink": "/docs/shapes/Polygon.html"
+  },
+  "next": {
+    "title": "Regular Polygon",
+    "permalink": "/docs/shapes/RegularPolygon.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-regular-polygon-mdx-2b7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-regular-polygon-mdx-2b7.json
new file mode 100644
index 000000000..ba7f0fbf4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-regular-polygon-mdx-2b7.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/RegularPolygon",
+  "title": "HTML5 canvas Regular Polygon Tutorial",
+  "description": "To create a regular polygon shape with Konva, we can instantiate a Konva.RegularPolygon() object.",
+  "source": "@site/docs/shapes/RegularPolygon.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/RegularPolygon.html",
+  "permalink": "/docs/shapes/RegularPolygon.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/RegularPolygon.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Regular Polygon Tutorial",
+    "sidebar_label": "Regular Polygon",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/RegularPolygon.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Rectangle",
+    "permalink": "/shapes/Rect.html"
+  },
+  "next": {
+    "title": "Sprite",
+    "permalink": "/docs/shapes/Sprite.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-sprite-mdx-38e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-sprite-mdx-38e.json
new file mode 100644
index 000000000..5cffc9c13
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-sprite-mdx-38e.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Sprite",
+  "title": "HTML5 canvas Sprite Tutorial",
+  "description": "To create an animated sprite with Konva, we can instantiate a Konva.Sprite() object.",
+  "source": "@site/docs/shapes/Sprite.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Sprite.html",
+  "permalink": "/docs/shapes/Sprite.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Sprite.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Sprite Tutorial",
+    "sidebar_label": "Sprite",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Sprite.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Regular Polygon",
+    "permalink": "/docs/shapes/RegularPolygon.html"
+  },
+  "next": {
+    "title": "Text",
+    "permalink": "/docs/shapes/Text.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-mdx-5e2.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-mdx-5e2.json
new file mode 100644
index 000000000..b3d6286fa
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-mdx-5e2.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Text",
+  "title": "HTML5 canvas Text Tutorial",
+  "description": "To create text with Konva, we can instantiate a Konva.Text() object.",
+  "source": "@site/docs/shapes/Text.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Text.html",
+  "permalink": "/docs/shapes/Text.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Text.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Text Tutorial",
+    "sidebar_label": "Text",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Text.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Sprite",
+    "permalink": "/docs/shapes/Sprite.html"
+  },
+  "next": {
+    "title": "TextPath",
+    "permalink": "/docs/shapes/TextPath.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-path-mdx-4cb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-path-mdx-4cb.json
new file mode 100644
index 000000000..ee60969c5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-text-path-mdx-4cb.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/TextPath",
+  "title": "HTML5 canvas TextPath Tutorial",
+  "description": "To create text that follows a path with Konva, we can instantiate a Konva.TextPath() object.",
+  "source": "@site/docs/shapes/TextPath.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/TextPath.html",
+  "permalink": "/docs/shapes/TextPath.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/TextPath.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas TextPath Tutorial",
+    "sidebar_label": "TextPath",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/TextPath.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Text",
+    "permalink": "/docs/shapes/Text.html"
+  },
+  "next": {
+    "title": "Wedge",
+    "permalink": "/docs/shapes/Wedge.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-wedge-mdx-04e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-wedge-mdx-04e.json
new file mode 100644
index 000000000..fbdb87a9a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-shapes-wedge-mdx-04e.json
@@ -0,0 +1,29 @@
+{
+  "id": "shapes/Wedge",
+  "title": "HTML5 canvas Wedge Tutorial",
+  "description": "To create a wedge (pie piece) shape with Konva, we can instantiate a Konva.Wedge() object.",
+  "source": "@site/docs/shapes/Wedge.mdx",
+  "sourceDirName": "shapes",
+  "slug": "/docs/shapes/Wedge.html",
+  "permalink": "/docs/shapes/Wedge.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/shapes/Wedge.mdx",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {
+    "title": "HTML5 canvas Wedge Tutorial",
+    "sidebar_label": "Wedge",
+    "hide_table_of_contents": true,
+    "slug": "/docs/shapes/Wedge.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "TextPath",
+    "permalink": "/docs/shapes/TextPath.html"
+  },
+  "next": {
+    "title": "Fill",
+    "permalink": "/styling/Fill.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-01-fill-md-0a7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-01-fill-md-0a7.json
new file mode 100644
index 000000000..986b7e3ca
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-01-fill-md-0a7.json
@@ -0,0 +1,30 @@
+{
+  "id": "styling/Fill",
+  "title": "HTML5 Canvas Set Fill Tutorial",
+  "description": "To fill a shape with Konva, we can set the fill property when we instantiate a shape, or we can use the fill() method.",
+  "source": "@site/docs/styling/01-Fill.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Fill.html",
+  "permalink": "/styling/Fill.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/01-Fill.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 1,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Fill Tutorial",
+    "sidebar_label": "Fill",
+    "hide_table_of_contents": true,
+    "slug": "Fill.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Wedge",
+    "permalink": "/docs/shapes/Wedge.html"
+  },
+  "next": {
+    "title": "Stroke",
+    "permalink": "/styling/Stroke.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-02-stroke-md-00d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-02-stroke-md-00d.json
new file mode 100644
index 000000000..beafb9fc6
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-02-stroke-md-00d.json
@@ -0,0 +1,30 @@
+{
+  "id": "styling/Stroke",
+  "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+  "description": "To set a shape stroke and stroke width with Konva, we can set the stroke and strokeWidth properties when we instantiate a shape, or we can use the stroke() and strokeWidth() methods.",
+  "source": "@site/docs/styling/02-Stroke.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Stroke.html",
+  "permalink": "/styling/Stroke.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/02-Stroke.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 2,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Stroke Color and Width Tutorial",
+    "sidebar_label": "Stroke",
+    "hide_table_of_contents": true,
+    "slug": "Stroke.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Fill",
+    "permalink": "/styling/Fill.html"
+  },
+  "next": {
+    "title": "Opacity",
+    "permalink": "/styling/Opacity.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-03-opacity-md-e29.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-03-opacity-md-e29.json
new file mode 100644
index 000000000..89eb31b5e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-03-opacity-md-e29.json
@@ -0,0 +1,30 @@
+{
+  "id": "styling/Opacity",
+  "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+  "description": "To set a shape opacity with Konva, we can set the opacity property when we instantiate the node, or we can use the opacity() method.",
+  "source": "@site/docs/styling/03-Opacity.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Opacity.html",
+  "permalink": "/styling/Opacity.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/03-Opacity.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "title": "HTML5 Canvas Set Shape Opacity Tutorial",
+    "sidebar_label": "Opacity",
+    "hide_table_of_contents": true,
+    "slug": "Opacity.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Stroke",
+    "permalink": "/styling/Stroke.html"
+  },
+  "next": {
+    "title": "Shadow",
+    "permalink": "/styling/Shadow.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-04-shadow-md-431.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-04-shadow-md-431.json
new file mode 100644
index 000000000..5728d0680
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-04-shadow-md-431.json
@@ -0,0 +1,30 @@
+{
+  "id": "styling/Shadow",
+  "title": "HTML5 Canvas Shadows Tutorial",
+  "description": "To apply shadows with Konva, we can set the shadowColor, shadowOffset, shadowBlur, and shadowOpacity properties when we instantiate a shape.",
+  "source": "@site/docs/styling/04-Shadow.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Shadow.html",
+  "permalink": "/styling/Shadow.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/04-Shadow.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 4,
+  "frontMatter": {
+    "title": "HTML5 Canvas Shadows Tutorial",
+    "sidebar_label": "Shadow",
+    "hide_table_of_contents": true,
+    "slug": "Shadow.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Opacity",
+    "permalink": "/styling/Opacity.html"
+  },
+  "next": {
+    "title": "Line_Join",
+    "permalink": "/styling/Line_Join"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-05-line-join-md-cf0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-05-line-join-md-cf0.json
new file mode 100644
index 000000000..f3a36eefc
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-05-line-join-md-cf0.json
@@ -0,0 +1,25 @@
+{
+  "id": "styling/Line_Join",
+  "title": "Line_Join",
+  "description": "title: HTML5 Canvas Line Join Tutorial",
+  "source": "@site/docs/styling/05-Line_Join.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Line_Join",
+  "permalink": "/styling/Line_Join",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/05-Line_Join.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shadow",
+    "permalink": "/styling/Shadow.html"
+  },
+  "next": {
+    "title": "Hide_and_Show",
+    "permalink": "/styling/Hide_and_Show"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-06-hide-and-show-md-b85.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-06-hide-and-show-md-b85.json
new file mode 100644
index 000000000..400e7412a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-06-hide-and-show-md-b85.json
@@ -0,0 +1,25 @@
+{
+  "id": "styling/Hide_and_Show",
+  "title": "Hide_and_Show",
+  "description": "title: HTML5 Canvas Hide and Show Shape Tutorial",
+  "source": "@site/docs/styling/06-Hide_and_Show.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Hide_and_Show",
+  "permalink": "/styling/Hide_and_Show",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/06-Hide_and_Show.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 6,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Line_Join",
+    "permalink": "/styling/Line_Join"
+  },
+  "next": {
+    "title": "Mouse_Cursor",
+    "permalink": "/styling/Mouse_Cursor"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-07-mouse-cursor-md-5f8.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-07-mouse-cursor-md-5f8.json
new file mode 100644
index 000000000..4e6417c02
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-07-mouse-cursor-md-5f8.json
@@ -0,0 +1,25 @@
+{
+  "id": "styling/Mouse_Cursor",
+  "title": "Mouse_Cursor",
+  "description": "title: HTML5 Canvas Change Mouse Cursor Style",
+  "source": "@site/docs/styling/07-Mouse_Cursor.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Mouse_Cursor",
+  "permalink": "/styling/Mouse_Cursor",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/07-Mouse_Cursor.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 7,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Hide_and_Show",
+    "permalink": "/styling/Hide_and_Show"
+  },
+  "next": {
+    "title": "Blend_Mode",
+    "permalink": "/styling/Blend_Mode"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-08-blend-mode-md-40e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-08-blend-mode-md-40e.json
new file mode 100644
index 000000000..da86d5d8f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-08-blend-mode-md-40e.json
@@ -0,0 +1,25 @@
+{
+  "id": "styling/Blend_Mode",
+  "title": "Blend_Mode",
+  "description": "title: HTML5 Canvas Blend mode with globalCompositeOperation Tutorial",
+  "source": "@site/docs/styling/08-Blend_Mode.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Blend_Mode",
+  "permalink": "/styling/Blend_Mode",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/08-Blend_Mode.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 8,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Mouse_Cursor",
+    "permalink": "/styling/Mouse_Cursor"
+  },
+  "next": {
+    "title": "Fill_Stroke_Order",
+    "permalink": "/styling/Fill_Stroke_Order"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-09-fill-stroke-order-md-b3d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-09-fill-stroke-order-md-b3d.json
new file mode 100644
index 000000000..6eb9cd82e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-styling-09-fill-stroke-order-md-b3d.json
@@ -0,0 +1,25 @@
+{
+  "id": "styling/Fill_Stroke_Order",
+  "title": "Fill_Stroke_Order",
+  "description": "title: Fill and stroke order demo",
+  "source": "@site/docs/styling/09-Fill_Stroke_Order.md",
+  "sourceDirName": "styling",
+  "slug": "/styling/Fill_Stroke_Order",
+  "permalink": "/styling/Fill_Stroke_Order",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/styling/09-Fill_Stroke_Order.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 9,
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Blend_Mode",
+    "permalink": "/styling/Blend_Mode"
+  },
+  "next": {
+    "title": "Shapes_with_Tooltip",
+    "permalink": "/sandbox/Shapes_with_Tooltip"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-support-md-d9e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-support-md-d9e.json
new file mode 100644
index 000000000..a069be3dd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-support-md-d9e.json
@@ -0,0 +1,30 @@
+{
+  "id": "support",
+  "title": "Need help with Konva library?",
+  "description": "Looking for a help with Konva framework?",
+  "source": "@site/docs/support.md",
+  "sourceDirName": ".",
+  "slug": "/support.html",
+  "permalink": "/support.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/support.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 3,
+  "frontMatter": {
+    "sidebar_position": 3,
+    "title": "Need help with Konva library?",
+    "sidebar_label": "Support",
+    "slug": "support.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Overview",
+    "permalink": "/overview.html"
+  },
+  "next": {
+    "title": "Donate",
+    "permalink": "/donate.html"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-bindings-md-ee6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-bindings-md-ee6.json
new file mode 100644
index 000000000..9095b5490
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-bindings-md-ee6.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Bindings",
+  "title": "Bindings",
+  "description": "title: Binding the config prop",
+  "source": "@site/docs/svelte/Bindings.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Bindings",
+  "permalink": "/svelte/Bindings",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Bindings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "index",
+    "permalink": "/svelte/"
+  },
+  "next": {
+    "title": "Cache",
+    "permalink": "/svelte/Cache"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-cache-md-37e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-cache-md-37e.json
new file mode 100644
index 000000000..c812dc6de
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-cache-md-37e.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Cache",
+  "title": "Cache",
+  "description": "title: How to cache canvas shapes with Svelte",
+  "source": "@site/docs/svelte/Cache.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Cache",
+  "permalink": "/svelte/Cache",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Cache.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Bindings",
+    "permalink": "/svelte/Bindings"
+  },
+  "next": {
+    "title": "Custom_Shape",
+    "permalink": "/svelte/Custom_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-custom-shape-md-2b1.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-custom-shape-md-2b1.json
new file mode 100644
index 000000000..c4fb4f87c
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-custom-shape-md-2b1.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom canvas shape with Svelte?",
+  "source": "@site/docs/svelte/Custom_Shape.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Custom_Shape",
+  "permalink": "/svelte/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Cache",
+    "permalink": "/svelte/Cache"
+  },
+  "next": {
+    "title": "Drag_And_Drop",
+    "permalink": "/svelte/Drag_And_Drop"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-drag-and-drop-md-0a7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-drag-and-drop-md-0a7.json
new file mode 100644
index 000000000..82690453b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-drag-and-drop-md-0a7.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes with Svelte",
+  "source": "@site/docs/svelte/Drag_And_Drop.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Drag_And_Drop",
+  "permalink": "/svelte/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Shape",
+    "permalink": "/svelte/Custom_Shape"
+  },
+  "next": {
+    "title": "Events",
+    "permalink": "/svelte/Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-events-md-02b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-events-md-02b.json
new file mode 100644
index 000000000..198317a5e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-events-md-02b.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with Svelte and Konva?",
+  "source": "@site/docs/svelte/Events.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Events",
+  "permalink": "/svelte/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_And_Drop",
+    "permalink": "/svelte/Drag_And_Drop"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/svelte/Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-filters-md-569.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-filters-md-569.json
new file mode 100644
index 000000000..1c75ffd5b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-filters-md-569.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with Svelte and Konva?",
+  "source": "@site/docs/svelte/Filters.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Filters",
+  "permalink": "/svelte/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Events",
+    "permalink": "/svelte/Events"
+  },
+  "next": {
+    "title": "Images",
+    "permalink": "/svelte/Images"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-images-md-c93.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-images-md-c93.json
new file mode 100644
index 000000000..a9a8142a4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-images-md-c93.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Images",
+  "title": "Images",
+  "description": "title: How to draw image on canvas with Svelte?",
+  "source": "@site/docs/svelte/Images.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Images",
+  "permalink": "/svelte/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/svelte/Filters"
+  },
+  "next": {
+    "title": "Konva_Node",
+    "permalink": "/svelte/Konva_Node"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-index-md-d2e.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-index-md-d2e.json
new file mode 100644
index 000000000..2ccfc6cff
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-index-md-d2e.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/index",
+  "title": "index",
+  "description": "title: Getting started with Svelte and canvas via Konva",
+  "source": "@site/docs/svelte/index.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/",
+  "permalink": "/svelte/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Select_by_id",
+    "permalink": "/selectors/Select_by_id"
+  },
+  "next": {
+    "title": "Bindings",
+    "permalink": "/svelte/Bindings"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-konva-node-md-020.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-konva-node-md-020.json
new file mode 100644
index 000000000..4087b2c58
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-konva-node-md-020.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Konva_Node",
+  "title": "Konva_Node",
+  "description": "title: Accessing the Konva node",
+  "source": "@site/docs/svelte/Konva_Node.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Konva_Node",
+  "permalink": "/svelte/Konva_Node",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Konva_Node.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Images",
+    "permalink": "/svelte/Images"
+  },
+  "next": {
+    "title": "Labels",
+    "permalink": "/svelte/Labels"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-labels-md-f3c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-labels-md-f3c.json
new file mode 100644
index 000000000..c7f0dd87b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-labels-md-f3c.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Labels",
+  "title": "Labels",
+  "description": "title: Using labels with Svelte",
+  "source": "@site/docs/svelte/Labels.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Labels",
+  "permalink": "/svelte/Labels",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Labels.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Konva_Node",
+    "permalink": "/svelte/Konva_Node"
+  },
+  "next": {
+    "title": "Save_Load",
+    "permalink": "/svelte/Save_Load"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-save-load-md-341.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-save-load-md-341.json
new file mode 100644
index 000000000..a8ff0f446
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-save-load-md-341.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Save_Load",
+  "title": "Save_Load",
+  "description": "title: Saving and loading canvas with Svelte and Konva",
+  "source": "@site/docs/svelte/Save_Load.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Save_Load",
+  "permalink": "/svelte/Save_Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Save_Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Labels",
+    "permalink": "/svelte/Labels"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/svelte/Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-shapes-md-e51.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-shapes-md-e51.json
new file mode 100644
index 000000000..036c16dc4
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-shapes-md-e51.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with Svelte",
+  "source": "@site/docs/svelte/Shapes.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Shapes",
+  "permalink": "/svelte/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Save_Load",
+    "permalink": "/svelte/Save_Load"
+  },
+  "next": {
+    "title": "Simple_Animations",
+    "permalink": "/svelte/Simple_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-simple-animations-md-712.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-simple-animations-md-712.json
new file mode 100644
index 000000000..fb571a785
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-simple-animations-md-712.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with Svelte and Konva?",
+  "source": "@site/docs/svelte/Simple_Animations.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Simple_Animations",
+  "permalink": "/svelte/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/svelte/Shapes"
+  },
+  "next": {
+    "title": "SvelteKit",
+    "permalink": "/svelte/SvelteKit"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-svelte-kit-md-f02.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-svelte-kit-md-f02.json
new file mode 100644
index 000000000..08b428ef9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-svelte-kit-md-f02.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/SvelteKit",
+  "title": "SvelteKit",
+  "description": "title: How to use svelte-konva with SvelteKit?",
+  "source": "@site/docs/svelte/SvelteKit.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/SvelteKit",
+  "permalink": "/svelte/SvelteKit",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/SvelteKit.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Animations",
+    "permalink": "/svelte/Simple_Animations"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/svelte/Transformer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-transformer-md-90b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-transformer-md-90b.json
new file mode 100644
index 000000000..104932cf5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-transformer-md-90b.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with Svelte and Konva?",
+  "source": "@site/docs/svelte/Transformer.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/Transformer",
+  "permalink": "/svelte/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "SvelteKit",
+    "permalink": "/svelte/SvelteKit"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/svelte/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-z-index-md-11d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-z-index-md-11d.json
new file mode 100644
index 000000000..7263b3eac
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-svelte-z-index-md-11d.json
@@ -0,0 +1,24 @@
+{
+  "id": "svelte/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with svelte-konva?",
+  "source": "@site/docs/svelte/zIndex.md",
+  "sourceDirName": "svelte",
+  "slug": "/svelte/zIndex",
+  "permalink": "/svelte/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/svelte/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/svelte/Transformer"
+  },
+  "next": {
+    "title": "All_Controls",
+    "permalink": "/tweens/All_Controls"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tools-md-2b7.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tools-md-2b7.json
new file mode 100644
index 000000000..9000dfbcd
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tools-md-2b7.json
@@ -0,0 +1,30 @@
+{
+  "id": "tools",
+  "title": "Konva.js Tools and Plugins",
+  "description": "- Konva + React",
+  "source": "@site/docs/tools.md",
+  "sourceDirName": ".",
+  "slug": "/tools.html",
+  "permalink": "/tools.html",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tools.md",
+  "tags": [],
+  "version": "current",
+  "sidebarPosition": 5,
+  "frontMatter": {
+    "sidebar_position": 5,
+    "title": "Konva.js Tools and Plugins",
+    "sidebar_label": "Tools",
+    "slug": "tools.html"
+  },
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Donate",
+    "permalink": "/donate.html"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/category/shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-controls-md-5b6.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-controls-md-5b6.json
new file mode 100644
index 000000000..43b9de47a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-controls-md-5b6.json
@@ -0,0 +1,24 @@
+{
+  "id": "tweens/All_Controls",
+  "title": "All_Controls",
+  "description": "title: HTML5 Canvas All Tween Controls Tutorial",
+  "source": "@site/docs/tweens/All_Controls.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/All_Controls",
+  "permalink": "/tweens/All_Controls",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tweens/All_Controls.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "zIndex",
+    "permalink": "/svelte/zIndex"
+  },
+  "next": {
+    "title": "All_Easings",
+    "permalink": "/tweens/All_Easings"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-easings-md-3e0.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-easings-md-3e0.json
new file mode 100644
index 000000000..c5cb1115e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-all-easings-md-3e0.json
@@ -0,0 +1,24 @@
+{
+  "id": "tweens/All_Easings",
+  "title": "All_Easings",
+  "description": "title: More Easing Functions Tutorial",
+  "source": "@site/docs/tweens/All_Easings.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/All_Easings",
+  "permalink": "/tweens/All_Easings",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tweens/All_Easings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All_Controls",
+    "permalink": "/tweens/All_Controls"
+  },
+  "next": {
+    "title": "Common_Easings",
+    "permalink": "/tweens/Common_Easings"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-common-easings-md-47b.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-common-easings-md-47b.json
new file mode 100644
index 000000000..814d249ae
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-common-easings-md-47b.json
@@ -0,0 +1,24 @@
+{
+  "id": "tweens/Common_Easings",
+  "title": "Common_Easings",
+  "description": "title: HTML5 Canvas Simple Easings Tutorial",
+  "source": "@site/docs/tweens/Common_Easings.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Common_Easings",
+  "permalink": "/tweens/Common_Easings",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tweens/Common_Easings.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "All_Easings",
+    "permalink": "/tweens/All_Easings"
+  },
+  "next": {
+    "title": "Complex_Tweening",
+    "permalink": "/tweens/Complex_Tweening"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-complex-tweening-md-35c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-complex-tweening-md-35c.json
new file mode 100644
index 000000000..6e5965c0f
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-complex-tweening-md-35c.json
@@ -0,0 +1,24 @@
+{
+  "id": "tweens/Complex_Tweening",
+  "title": "Complex_Tweening",
+  "description": "title: HTML5 Canvas Complex Tweening Tutorial",
+  "source": "@site/docs/tweens/Complex_Tweening.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Complex_Tweening",
+  "permalink": "/tweens/Complex_Tweening",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tweens/Complex_Tweening.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Common_Easings",
+    "permalink": "/tweens/Common_Easings"
+  },
+  "next": {
+    "title": "Finish_Event",
+    "permalink": "/tweens/Finish_Event"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-finish-event-md-745.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-finish-event-md-745.json
new file mode 100644
index 000000000..f4ec58574
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-finish-event-md-745.json
@@ -0,0 +1,24 @@
+{
+  "id": "tweens/Finish_Event",
+  "title": "Finish_Event",
+  "description": "title: HTML5 Canvas Tween Finish Event Tutorial",
+  "source": "@site/docs/tweens/Finish_Event.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Finish_Event",
+  "permalink": "/tweens/Finish_Event",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tweens/Finish_Event.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Complex_Tweening",
+    "permalink": "/tweens/Complex_Tweening"
+  },
+  "next": {
+    "title": "Linear_Easing",
+    "permalink": "/tweens/Linear_Easing"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-linear-easing-md-bbb.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-linear-easing-md-bbb.json
new file mode 100644
index 000000000..60028cbdb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-linear-easing-md-bbb.json
@@ -0,0 +1,24 @@
+{
+  "id": "tweens/Linear_Easing",
+  "title": "Linear_Easing",
+  "description": "title: HTML5 Canvas Tweening Tutorial",
+  "source": "@site/docs/tweens/Linear_Easing.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Linear_Easing",
+  "permalink": "/tweens/Linear_Easing",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tweens/Linear_Easing.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Finish_Event",
+    "permalink": "/tweens/Finish_Event"
+  },
+  "next": {
+    "title": "Tween_Filter",
+    "permalink": "/tweens/Tween_Filter"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-tween-filter-md-6f9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-tween-filter-md-6f9.json
new file mode 100644
index 000000000..885192ad1
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-tweens-tween-filter-md-6f9.json
@@ -0,0 +1,24 @@
+{
+  "id": "tweens/Tween_Filter",
+  "title": "Tween_Filter",
+  "description": "title: HTML5 Canvas Tween Blur Filter Tutorial",
+  "source": "@site/docs/tweens/Tween_Filter.md",
+  "sourceDirName": "tweens",
+  "slug": "/tweens/Tween_Filter",
+  "permalink": "/tweens/Tween_Filter",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/tweens/Tween_Filter.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Linear_Easing",
+    "permalink": "/tweens/Linear_Easing"
+  },
+  "next": {
+    "title": "index",
+    "permalink": "/vue/"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-cache-md-fee.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-cache-md-fee.json
new file mode 100644
index 000000000..6dc11aeeb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-cache-md-fee.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Cache",
+  "title": "Cache",
+  "description": "title: How to cache canvas shapes with Vue",
+  "source": "@site/docs/vue/Cache.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Cache",
+  "permalink": "/vue/Cache",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Cache.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "index",
+    "permalink": "/vue/"
+  },
+  "next": {
+    "title": "Custom_Shape",
+    "permalink": "/vue/Custom_Shape"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-custom-shape-md-c3f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-custom-shape-md-c3f.json
new file mode 100644
index 000000000..708b9f0a5
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-custom-shape-md-c3f.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Custom_Shape",
+  "title": "Custom_Shape",
+  "description": "title: How to draw custom canvas shape with Vue?",
+  "source": "@site/docs/vue/Custom_Shape.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Custom_Shape",
+  "permalink": "/vue/Custom_Shape",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Custom_Shape.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Cache",
+    "permalink": "/vue/Cache"
+  },
+  "next": {
+    "title": "Drag_And_Drop",
+    "permalink": "/vue/Drag_And_Drop"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-drag-and-drop-md-ad9.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-drag-and-drop-md-ad9.json
new file mode 100644
index 000000000..379d2ddcb
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-drag-and-drop-md-ad9.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Drag_And_Drop",
+  "title": "Drag_And_Drop",
+  "description": "title: Drag and drop canvas shapes with vue",
+  "source": "@site/docs/vue/Drag_And_Drop.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Drag_And_Drop",
+  "permalink": "/vue/Drag_And_Drop",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Drag_And_Drop.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Custom_Shape",
+    "permalink": "/vue/Custom_Shape"
+  },
+  "next": {
+    "title": "Events",
+    "permalink": "/vue/Events"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-events-md-1bd.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-events-md-1bd.json
new file mode 100644
index 000000000..005ec6f5b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-events-md-1bd.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Events",
+  "title": "Events",
+  "description": "title: How to listen to an event on a canvas shape with Vue and Konva?",
+  "source": "@site/docs/vue/Events.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Events",
+  "permalink": "/vue/Events",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Events.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Drag_And_Drop",
+    "permalink": "/vue/Drag_And_Drop"
+  },
+  "next": {
+    "title": "Filters",
+    "permalink": "/vue/Filters"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-filters-md-f29.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-filters-md-f29.json
new file mode 100644
index 000000000..42ad1e8d2
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-filters-md-f29.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Filters",
+  "title": "Filters",
+  "description": "title: How to apply canvas filters with vue and konva?",
+  "source": "@site/docs/vue/Filters.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Filters",
+  "permalink": "/vue/Filters",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Filters.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Events",
+    "permalink": "/vue/Events"
+  },
+  "next": {
+    "title": "Images",
+    "permalink": "/vue/Images"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-images-md-8af.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-images-md-8af.json
new file mode 100644
index 000000000..fc57bf6c0
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-images-md-8af.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Images",
+  "title": "Images",
+  "description": "title: How to draw image on canvas with Vue?",
+  "source": "@site/docs/vue/Images.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Images",
+  "permalink": "/vue/Images",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Images.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Filters",
+    "permalink": "/vue/Filters"
+  },
+  "next": {
+    "title": "Save-Load",
+    "permalink": "/vue/Save-Load"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-index-md-fad.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-index-md-fad.json
new file mode 100644
index 000000000..829ec394b
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-index-md-fad.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/index",
+  "title": "index",
+  "description": "title: Getting started with vue and canvas via Konva",
+  "source": "@site/docs/vue/index.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/",
+  "permalink": "/vue/",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/index.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Tween_Filter",
+    "permalink": "/tweens/Tween_Filter"
+  },
+  "next": {
+    "title": "Cache",
+    "permalink": "/vue/Cache"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-save-load-md-17d.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-save-load-md-17d.json
new file mode 100644
index 000000000..ceba7b80a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-save-load-md-17d.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Save-Load",
+  "title": "Save-Load",
+  "description": "title: Saving and loading canvas with Vue and Konva",
+  "source": "@site/docs/vue/Save-Load.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Save-Load",
+  "permalink": "/vue/Save-Load",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Save-Load.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Images",
+    "permalink": "/vue/Images"
+  },
+  "next": {
+    "title": "Shapes",
+    "permalink": "/vue/Shapes"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-shapes-md-4ed.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-shapes-md-4ed.json
new file mode 100644
index 000000000..a893e3833
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-shapes-md-4ed.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Shapes",
+  "title": "Shapes",
+  "description": "title: Drawing canvas shapes with Vue",
+  "source": "@site/docs/vue/Shapes.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Shapes",
+  "permalink": "/vue/Shapes",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Shapes.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Save-Load",
+    "permalink": "/vue/Save-Load"
+  },
+  "next": {
+    "title": "Simple_Animations",
+    "permalink": "/vue/Simple_Animations"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-simple-animations-md-757.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-simple-animations-md-757.json
new file mode 100644
index 000000000..705693456
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-simple-animations-md-757.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Simple_Animations",
+  "title": "Simple_Animations",
+  "description": "title: How to apply canvas animations with vue and konva?",
+  "source": "@site/docs/vue/Simple_Animations.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Simple_Animations",
+  "permalink": "/vue/Simple_Animations",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Simple_Animations.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Shapes",
+    "permalink": "/vue/Shapes"
+  },
+  "next": {
+    "title": "Transformer",
+    "permalink": "/vue/Transformer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-transformer-md-f9c.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-transformer-md-f9c.json
new file mode 100644
index 000000000..7ce72db12
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-transformer-md-f9c.json
@@ -0,0 +1,24 @@
+{
+  "id": "vue/Transformer",
+  "title": "Transformer",
+  "description": "title: How to resize and rotate canvas shapes with vue and konva?",
+  "source": "@site/docs/vue/Transformer.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/Transformer",
+  "permalink": "/vue/Transformer",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/Transformer.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Simple_Animations",
+    "permalink": "/vue/Simple_Animations"
+  },
+  "next": {
+    "title": "zIndex",
+    "permalink": "/vue/zIndex"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-z-index-md-09f.json b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-z-index-md-09f.json
new file mode 100644
index 000000000..21ed60063
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-docs/default/site-docs-vue-z-index-md-09f.json
@@ -0,0 +1,20 @@
+{
+  "id": "vue/zIndex",
+  "title": "zIndex",
+  "description": "title: How to change the zIndex of nodes with Vue?",
+  "source": "@site/docs/vue/zIndex.md",
+  "sourceDirName": "vue",
+  "slug": "/vue/zIndex",
+  "permalink": "/vue/zIndex",
+  "draft": false,
+  "unlisted": false,
+  "editUrl": "https://github.com/konvajs/site/tree/new/docs/vue/zIndex.md",
+  "tags": [],
+  "version": "current",
+  "frontMatter": {},
+  "sidebar": "tutorialsSidebar",
+  "previous": {
+    "title": "Transformer",
+    "permalink": "/vue/Transformer"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-pages/default/__plugin.json b/.docusaurus/docusaurus-plugin-content-pages/default/__plugin.json
new file mode 100644
index 000000000..b141f718a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-pages/default/__plugin.json
@@ -0,0 +1,4 @@
+{
+  "name": "docusaurus-plugin-content-pages",
+  "id": "default"
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-content-pages/default/site-src-pages-markdown-page-md-393.json b/.docusaurus/docusaurus-plugin-content-pages/default/site-src-pages-markdown-page-md-393.json
new file mode 100644
index 000000000..152a2bc6a
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-content-pages/default/site-src-pages-markdown-page-md-393.json
@@ -0,0 +1,11 @@
+{
+  "type": "mdx",
+  "permalink": "/markdown-page",
+  "source": "@site/src/pages/markdown-page.md",
+  "title": "Markdown page example",
+  "description": "You don't need React to write simple standalone pages.",
+  "frontMatter": {
+    "title": "Markdown page example"
+  },
+  "unlisted": false
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-debug/default/__plugin.json b/.docusaurus/docusaurus-plugin-debug/default/__plugin.json
new file mode 100644
index 000000000..21c2cfd4e
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-debug/default/__plugin.json
@@ -0,0 +1,4 @@
+{
+  "name": "docusaurus-plugin-debug",
+  "id": "default"
+}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus-plugin-debug/default/p/docusaurus-debug-content-0d5.json b/.docusaurus/docusaurus-plugin-debug/default/p/docusaurus-debug-content-0d5.json
new file mode 100644
index 000000000..aa99ec2a9
--- /dev/null
+++ b/.docusaurus/docusaurus-plugin-debug/default/p/docusaurus-debug-content-0d5.json
@@ -0,0 +1 @@
+{"allContent":{"docusaurus-plugin-content-docs":{"default":{"loadedVersions":[{"versionName":"current","label":"Next","banner":null,"badge":false,"noIndex":false,"className":"docs-version-current","path":"/","tagsPath":"/tags","editUrl":"https://github.com/konvajs/site/tree/new/content","editUrlLocalized":"https://github.com/konvajs/site/tree/new/i18n/en/docusaurus-plugin-content-docs/current","isLast":true,"routePriority":-1,"sidebarFilePath":"/Users/lavrton/Projects/konva-site/sidebars.ts","contentPath":"/Users/lavrton/Projects/konva-site/content","contentPathLocalized":"/Users/lavrton/Projects/konva-site/i18n/en/docusaurus-plugin-content-docs/current","docs":[{"id":"api/Konva","title":"Konva","description":"Classes","source":"@site/content/api/Konva.mdx","sourceDirName":"api","slug":"/api/Konva.html","permalink":"/api/Konva.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.mdx","tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"title":"Konva","sidebar_label":"Konva","slug":"/api/Konva.html","sidebar_position":1},"sidebar":"apiSidebar","next":{"title":"Animation","permalink":"/api/Konva.Animation.html"}},{"id":"api/Konva.Animation","title":"Konva.Animation","description":"Animation constructor.","source":"@site/content/api/Konva.Animation.mdx","sourceDirName":"api","slug":"/api/Konva.Animation.html","permalink":"/api/Konva.Animation.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Animation.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Animation","sidebar_label":"Animation","slug":"/api/Konva.Animation.html"},"sidebar":"apiSidebar","previous":{"title":"Konva","permalink":"/api/Konva.html"},"next":{"title":"Arc","permalink":"/api/Konva.Arc.html"}},{"id":"api/Konva.Arc","title":"Konva.Arc","description":"Arc constructor","source":"@site/content/api/Konva.Arc.mdx","sourceDirName":"api","slug":"/api/Konva.Arc.html","permalink":"/api/Konva.Arc.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Arc.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Arc","sidebar_label":"Arc","slug":"/api/Konva.Arc.html"},"sidebar":"apiSidebar","previous":{"title":"Animation","permalink":"/api/Konva.Animation.html"},"next":{"title":"Arrow","permalink":"/api/Konva.Arrow.html"}},{"id":"api/Konva.Arrow","title":"Konva.Arrow","description":"Arrow constructor","source":"@site/content/api/Konva.Arrow.mdx","sourceDirName":"api","slug":"/api/Konva.Arrow.html","permalink":"/api/Konva.Arrow.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Arrow.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Arrow","sidebar_label":"Arrow","slug":"/api/Konva.Arrow.html"},"sidebar":"apiSidebar","previous":{"title":"Arc","permalink":"/api/Konva.Arc.html"},"next":{"title":"Canvas","permalink":"/api/Konva.Canvas.html"}},{"id":"api/Konva.Canvas","title":"Konva.Canvas","description":"Canvas Renderer constructor. It is a wrapper around native canvas element. Usually you don't need to use it manually.","source":"@site/content/api/Konva.Canvas.mdx","sourceDirName":"api","slug":"/api/Konva.Canvas.html","permalink":"/api/Konva.Canvas.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Canvas.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Canvas","sidebar_label":"Canvas","slug":"/api/Konva.Canvas.html"},"sidebar":"apiSidebar","previous":{"title":"Arrow","permalink":"/api/Konva.Arrow.html"},"next":{"title":"Circle","permalink":"/api/Konva.Circle.html"}},{"id":"api/Konva.Circle","title":"Konva.Circle","description":"Circle constructor","source":"@site/content/api/Konva.Circle.mdx","sourceDirName":"api","slug":"/api/Konva.Circle.html","permalink":"/api/Konva.Circle.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Circle.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Circle","sidebar_label":"Circle","slug":"/api/Konva.Circle.html"},"sidebar":"apiSidebar","previous":{"title":"Canvas","permalink":"/api/Konva.Canvas.html"},"next":{"title":"Container","permalink":"/api/Konva.Container.html"}},{"id":"api/Konva.Container","title":"Konva.Container","description":"Container constructor.&nbsp; Containers are used to contain nodes or other containers","source":"@site/content/api/Konva.Container.mdx","sourceDirName":"api","slug":"/api/Konva.Container.html","permalink":"/api/Konva.Container.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Container.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Container","sidebar_label":"Container","slug":"/api/Konva.Container.html"},"sidebar":"apiSidebar","previous":{"title":"Circle","permalink":"/api/Konva.Circle.html"},"next":{"title":"Context","permalink":"/api/Konva.Context.html"}},{"id":"api/Konva.Context","title":"Konva.Context","description":"Konva wrapper around native 2d canvas context. It has almost the same API of 2d context with some additional functions. With core Konva shapes you don't need to use this object. But you will use it if you want to create a custom shape or a custom hit regions. For full information about each 2d context API use MDN documentation","source":"@site/content/api/Konva.Context.mdx","sourceDirName":"api","slug":"/api/Konva.Context.html","permalink":"/api/Konva.Context.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Context.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Context","sidebar_label":"Context","slug":"/api/Konva.Context.html"},"sidebar":"apiSidebar","previous":{"title":"Container","permalink":"/api/Konva.Container.html"},"next":{"title":"Easings","permalink":"/api/Konva.Easings.html"}},{"id":"api/Konva.Easings","title":"Konva.Easings","description":"Own Methods","source":"@site/content/api/Konva.Easings.mdx","sourceDirName":"api","slug":"/api/Konva.Easings.html","permalink":"/api/Konva.Easings.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Easings.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Easings","sidebar_label":"Easings","slug":"/api/Konva.Easings.html"},"sidebar":"apiSidebar","previous":{"title":"Context","permalink":"/api/Konva.Context.html"},"next":{"title":"Ellipse","permalink":"/api/Konva.Ellipse.html"}},{"id":"api/Konva.Ellipse","title":"Konva.Ellipse","description":"Ellipse constructor","source":"@site/content/api/Konva.Ellipse.mdx","sourceDirName":"api","slug":"/api/Konva.Ellipse.html","permalink":"/api/Konva.Ellipse.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Ellipse.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Ellipse","sidebar_label":"Ellipse","slug":"/api/Konva.Ellipse.html"},"sidebar":"apiSidebar","previous":{"title":"Easings","permalink":"/api/Konva.Easings.html"},"next":{"title":"FastLayer","permalink":"/api/Konva.FastLayer.html"}},{"id":"api/Konva.FastLayer","title":"Konva.FastLayer","description":"FastLayer constructor. DEPRECATED! Please use Konva.Layer(\\{ listening: false\\}) instead. Layers are tied to their own canvas element and are used to contain shapes only.  If you don't need node nesting, mouse and touch interactions, or event pub/sub, you should use FastLayer instead of Layer to create your layers. It renders about 2x faster than normal layers.","source":"@site/content/api/Konva.FastLayer.mdx","sourceDirName":"api","slug":"/api/Konva.FastLayer.html","permalink":"/api/Konva.FastLayer.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.FastLayer.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.FastLayer","sidebar_label":"FastLayer","slug":"/api/Konva.FastLayer.html"},"sidebar":"apiSidebar","previous":{"title":"Ellipse","permalink":"/api/Konva.Ellipse.html"},"next":{"title":"Filters","permalink":"/api/Konva.Filters.html"}},{"id":"api/Konva.Filters","title":"Konva.Filters","description":"Own Methods","source":"@site/content/api/Konva.Filters.mdx","sourceDirName":"api","slug":"/api/Konva.Filters.html","permalink":"/api/Konva.Filters.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Filters.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Filters","sidebar_label":"Filters","slug":"/api/Konva.Filters.html"},"sidebar":"apiSidebar","previous":{"title":"FastLayer","permalink":"/api/Konva.FastLayer.html"},"next":{"title":"Group","permalink":"/api/Konva.Group.html"}},{"id":"api/Konva.Group","title":"Konva.Group","description":"Group constructor.  Groups are used to contain shapes or other groups.","source":"@site/content/api/Konva.Group.mdx","sourceDirName":"api","slug":"/api/Konva.Group.html","permalink":"/api/Konva.Group.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Group.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Group","sidebar_label":"Group","slug":"/api/Konva.Group.html"},"sidebar":"apiSidebar","previous":{"title":"Filters","permalink":"/api/Konva.Filters.html"},"next":{"title":"Image","permalink":"/api/Konva.Image.html"}},{"id":"api/Konva.Image","title":"Konva.Image","description":"Image constructor","source":"@site/content/api/Konva.Image.mdx","sourceDirName":"api","slug":"/api/Konva.Image.html","permalink":"/api/Konva.Image.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Image.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Image","sidebar_label":"Image","slug":"/api/Konva.Image.html"},"sidebar":"apiSidebar","previous":{"title":"Group","permalink":"/api/Konva.Group.html"},"next":{"title":"Label","permalink":"/api/Konva.Label.html"}},{"id":"api/Konva.Label","title":"Konva.Label","description":"Label constructor.&nbsp; Labels are groups that contain a Text and Tag shape","source":"@site/content/api/Konva.Label.mdx","sourceDirName":"api","slug":"/api/Konva.Label.html","permalink":"/api/Konva.Label.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Label.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Label","sidebar_label":"Label","slug":"/api/Konva.Label.html"},"sidebar":"apiSidebar","previous":{"title":"Image","permalink":"/api/Konva.Image.html"},"next":{"title":"Layer","permalink":"/api/Konva.Layer.html"}},{"id":"api/Konva.Layer","title":"Konva.Layer","description":"Layer constructor.  Layers are tied to their own canvas element and are used to contain groups or shapes.","source":"@site/content/api/Konva.Layer.mdx","sourceDirName":"api","slug":"/api/Konva.Layer.html","permalink":"/api/Konva.Layer.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Layer.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Layer","sidebar_label":"Layer","slug":"/api/Konva.Layer.html"},"sidebar":"apiSidebar","previous":{"title":"Label","permalink":"/api/Konva.Label.html"},"next":{"title":"Line","permalink":"/api/Konva.Line.html"}},{"id":"api/Konva.Line","title":"Konva.Line","description":"Line constructor.&nbsp; Lines are defined by an array of points and  a tension","source":"@site/content/api/Konva.Line.mdx","sourceDirName":"api","slug":"/api/Konva.Line.html","permalink":"/api/Konva.Line.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Line.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Line","sidebar_label":"Line","slug":"/api/Konva.Line.html"},"sidebar":"apiSidebar","previous":{"title":"Layer","permalink":"/api/Konva.Layer.html"},"next":{"title":"Node","permalink":"/api/Konva.Node.html"}},{"id":"api/Konva.Node","title":"Konva.Node","description":"Node constructor. Nodes are entities that can be transformed, layered, and have bound events. The stage, layers, groups, and shapes all extend Node.","source":"@site/content/api/Konva.Node.mdx","sourceDirName":"api","slug":"/api/Konva.Node.html","permalink":"/api/Konva.Node.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Node.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Node","sidebar_label":"Node","slug":"/api/Konva.Node.html"},"sidebar":"apiSidebar","previous":{"title":"Line","permalink":"/api/Konva.Line.html"},"next":{"title":"Path","permalink":"/api/Konva.Path.html"}},{"id":"api/Konva.Path","title":"Konva.Path","description":"Path constructor.","source":"@site/content/api/Konva.Path.mdx","sourceDirName":"api","slug":"/api/Konva.Path.html","permalink":"/api/Konva.Path.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Path.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Path","sidebar_label":"Path","slug":"/api/Konva.Path.html"},"sidebar":"apiSidebar","previous":{"title":"Node","permalink":"/api/Konva.Node.html"},"next":{"title":"Rect","permalink":"/api/Konva.Rect.html"}},{"id":"api/Konva.Rect","title":"Konva.Rect","description":"Rect constructor","source":"@site/content/api/Konva.Rect.mdx","sourceDirName":"api","slug":"/api/Konva.Rect.html","permalink":"/api/Konva.Rect.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Rect.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Rect","sidebar_label":"Rect","slug":"/api/Konva.Rect.html"},"sidebar":"apiSidebar","previous":{"title":"Path","permalink":"/api/Konva.Path.html"},"next":{"title":"RegularPolygon","permalink":"/api/Konva.RegularPolygon.html"}},{"id":"api/Konva.RegularPolygon","title":"Konva.RegularPolygon","description":"RegularPolygon constructor. Examples include triangles, squares, pentagons, hexagons, etc.","source":"@site/content/api/Konva.RegularPolygon.mdx","sourceDirName":"api","slug":"/api/Konva.RegularPolygon.html","permalink":"/api/Konva.RegularPolygon.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.RegularPolygon.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.RegularPolygon","sidebar_label":"RegularPolygon","slug":"/api/Konva.RegularPolygon.html"},"sidebar":"apiSidebar","previous":{"title":"Rect","permalink":"/api/Konva.Rect.html"},"next":{"title":"Ring","permalink":"/api/Konva.Ring.html"}},{"id":"api/Konva.Ring","title":"Konva.Ring","description":"Ring constructor","source":"@site/content/api/Konva.Ring.mdx","sourceDirName":"api","slug":"/api/Konva.Ring.html","permalink":"/api/Konva.Ring.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Ring.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Ring","sidebar_label":"Ring","slug":"/api/Konva.Ring.html"},"sidebar":"apiSidebar","previous":{"title":"RegularPolygon","permalink":"/api/Konva.RegularPolygon.html"},"next":{"title":"Shape","permalink":"/api/Konva.Shape.html"}},{"id":"api/Konva.Shape","title":"Konva.Shape","description":"Shape constructor.  Shapes are primitive objects such as rectangles,  circles, text, lines, etc.","source":"@site/content/api/Konva.Shape.mdx","sourceDirName":"api","slug":"/api/Konva.Shape.html","permalink":"/api/Konva.Shape.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Shape.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Shape","sidebar_label":"Shape","slug":"/api/Konva.Shape.html"},"sidebar":"apiSidebar","previous":{"title":"Ring","permalink":"/api/Konva.Ring.html"},"next":{"title":"Sprite","permalink":"/api/Konva.Sprite.html"}},{"id":"api/Konva.Sprite","title":"Konva.Sprite","description":"Sprite constructor","source":"@site/content/api/Konva.Sprite.mdx","sourceDirName":"api","slug":"/api/Konva.Sprite.html","permalink":"/api/Konva.Sprite.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Sprite.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Sprite","sidebar_label":"Sprite","slug":"/api/Konva.Sprite.html"},"sidebar":"apiSidebar","previous":{"title":"Shape","permalink":"/api/Konva.Shape.html"},"next":{"title":"Stage","permalink":"/api/Konva.Stage.html"}},{"id":"api/Konva.Stage","title":"Konva.Stage","description":"Stage constructor.  A stage is used to contain multiple layers","source":"@site/content/api/Konva.Stage.mdx","sourceDirName":"api","slug":"/api/Konva.Stage.html","permalink":"/api/Konva.Stage.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Stage.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Stage","sidebar_label":"Stage","slug":"/api/Konva.Stage.html"},"sidebar":"apiSidebar","previous":{"title":"Sprite","permalink":"/api/Konva.Sprite.html"},"next":{"title":"Star","permalink":"/api/Konva.Star.html"}},{"id":"api/Konva.Star","title":"Konva.Star","description":"Star constructor","source":"@site/content/api/Konva.Star.mdx","sourceDirName":"api","slug":"/api/Konva.Star.html","permalink":"/api/Konva.Star.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Star.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Star","sidebar_label":"Star","slug":"/api/Konva.Star.html"},"sidebar":"apiSidebar","previous":{"title":"Stage","permalink":"/api/Konva.Stage.html"},"next":{"title":"Tag","permalink":"/api/Konva.Tag.html"}},{"id":"api/Konva.Tag","title":"Konva.Tag","description":"Tag constructor.&nbsp; A Tag can be configured  to have a pointer element that points up, right, down, or left","source":"@site/content/api/Konva.Tag.mdx","sourceDirName":"api","slug":"/api/Konva.Tag.html","permalink":"/api/Konva.Tag.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Tag.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Tag","sidebar_label":"Tag","slug":"/api/Konva.Tag.html"},"sidebar":"apiSidebar","previous":{"title":"Star","permalink":"/api/Konva.Star.html"},"next":{"title":"Text","permalink":"/api/Konva.Text.html"}},{"id":"api/Konva.Text","title":"Konva.Text","description":"Text constructor","source":"@site/content/api/Konva.Text.mdx","sourceDirName":"api","slug":"/api/Konva.Text.html","permalink":"/api/Konva.Text.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Text.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Text","sidebar_label":"Text","slug":"/api/Konva.Text.html"},"sidebar":"apiSidebar","previous":{"title":"Tag","permalink":"/api/Konva.Tag.html"},"next":{"title":"TextPath","permalink":"/api/Konva.TextPath.html"}},{"id":"api/Konva.TextPath","title":"Konva.TextPath","description":"Path constructor.","source":"@site/content/api/Konva.TextPath.mdx","sourceDirName":"api","slug":"/api/Konva.TextPath.html","permalink":"/api/Konva.TextPath.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.TextPath.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.TextPath","sidebar_label":"TextPath","slug":"/api/Konva.TextPath.html"},"sidebar":"apiSidebar","previous":{"title":"Text","permalink":"/api/Konva.Text.html"},"next":{"title":"Transform","permalink":"/api/Konva.Transform.html"}},{"id":"api/Konva.Transform","title":"Konva.Transform","description":"Transform constructor. In most of the cases you don't need to use it in your app. Because it is for internal usage in Konva core. But there is a documentation for that class in case you still want to make some manual calculations.","source":"@site/content/api/Konva.Transform.mdx","sourceDirName":"api","slug":"/api/Konva.Transform.html","permalink":"/api/Konva.Transform.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Transform.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Transform","sidebar_label":"Transform","slug":"/api/Konva.Transform.html"},"sidebar":"apiSidebar","previous":{"title":"TextPath","permalink":"/api/Konva.TextPath.html"},"next":{"title":"Transformer","permalink":"/api/Konva.Transformer.html"}},{"id":"api/Konva.Transformer","title":"Konva.Transformer","description":"Transformer constructor.  Transformer is a special type of group that allow you transform Konva primitives and shapes. Transforming tool is not changing width and height properties of nodes when you resize them. Instead it changes scaleX and scaleY properties.","source":"@site/content/api/Konva.Transformer.mdx","sourceDirName":"api","slug":"/api/Konva.Transformer.html","permalink":"/api/Konva.Transformer.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Transformer.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Transformer","sidebar_label":"Transformer","slug":"/api/Konva.Transformer.html"},"sidebar":"apiSidebar","previous":{"title":"Transform","permalink":"/api/Konva.Transform.html"},"next":{"title":"Tween","permalink":"/api/Konva.Tween.html"}},{"id":"api/Konva.Tween","title":"Konva.Tween","description":"Tween constructor.  Tweens enable you to animate a node between the current state and a new state.  You can play, pause, reverse, seek, reset, and finish tweens.  By default, tweens are animated using  a linear easing.  For more tweening options, check out Konva.Easings","source":"@site/content/api/Konva.Tween.mdx","sourceDirName":"api","slug":"/api/Konva.Tween.html","permalink":"/api/Konva.Tween.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Tween.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Tween","sidebar_label":"Tween","slug":"/api/Konva.Tween.html"},"sidebar":"apiSidebar","previous":{"title":"Transformer","permalink":"/api/Konva.Transformer.html"},"next":{"title":"Util","permalink":"/api/Konva.Util.html"}},{"id":"api/Konva.Util","title":"Konva.Util","description":"Own Methods","source":"@site/content/api/Konva.Util.mdx","sourceDirName":"api","slug":"/api/Konva.Util.html","permalink":"/api/Konva.Util.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Util.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Util","sidebar_label":"Util","slug":"/api/Konva.Util.html"},"sidebar":"apiSidebar","previous":{"title":"Tween","permalink":"/api/Konva.Tween.html"},"next":{"title":"Wedge","permalink":"/api/Konva.Wedge.html"}},{"id":"api/Konva.Wedge","title":"Konva.Wedge","description":"Wedge constructor","source":"@site/content/api/Konva.Wedge.mdx","sourceDirName":"api","slug":"/api/Konva.Wedge.html","permalink":"/api/Konva.Wedge.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/api/Konva.Wedge.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Wedge","sidebar_label":"Wedge","slug":"/api/Konva.Wedge.html"},"sidebar":"apiSidebar","previous":{"title":"Util","permalink":"/api/Konva.Util.html"}},{"id":"docs/animations/Create_an_Animation","title":"HTML5 Canvas Konva Animation Tutorial","description":"To create custom animations with Konva, we can use the Konva.Animation","source":"@site/content/docs/animations/Create_an_Animation.mdx","sourceDirName":"docs/animations","slug":"/docs/animations/Create_an_Animation.html","permalink":"/docs/animations/Create_an_Animation.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/animations/Create_an_Animation.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Konva Animation Tutorial","sidebar_label":"Create Animation","hide_table_of_contents":true,"slug":"Create_an_Animation.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Filter Tweening","permalink":"/docs/tweens/Tween_Filter.html"},"next":{"title":"Moving","permalink":"/docs/animations/Moving.html"}},{"id":"docs/animations/Moving","title":"Animate Position Tutorial","description":"To animate a shape's position with Konva, we can create a new animation with Konva.Animation","source":"@site/content/docs/animations/Moving.mdx","sourceDirName":"docs/animations","slug":"/docs/animations/Moving.html","permalink":"/docs/animations/Moving.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/animations/Moving.mdx","tags":[],"version":"current","frontMatter":{"title":"Animate Position Tutorial","sidebar_label":"Moving","hide_table_of_contents":true,"slug":"Moving.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Create Animation","permalink":"/docs/animations/Create_an_Animation.html"},"next":{"title":"Rotation","permalink":"/docs/animations/Rotation.html"}},{"id":"docs/animations/Rotation","title":"Rotation Animation tutorial","description":"To animate a shape's rotation with Konva, we can create a new animation with","source":"@site/content/docs/animations/Rotation.mdx","sourceDirName":"docs/animations","slug":"/docs/animations/Rotation.html","permalink":"/docs/animations/Rotation.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/animations/Rotation.mdx","tags":[],"version":"current","frontMatter":{"title":"Rotation Animation tutorial","sidebar_label":"Rotation","hide_table_of_contents":true,"slug":"Rotation.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Moving","permalink":"/docs/animations/Moving.html"},"next":{"title":"Scaling","permalink":"/docs/animations/Scaling.html"}},{"id":"docs/animations/Scaling","title":"HTML5 Canvas Konva Scale Animation Tutorial","description":"To animate a shape's scale with Konva, we can create a new animation with","source":"@site/content/docs/animations/Scaling.mdx","sourceDirName":"docs/animations","slug":"/docs/animations/Scaling.html","permalink":"/docs/animations/Scaling.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/animations/Scaling.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Konva Scale Animation Tutorial","sidebar_label":"Scaling","hide_table_of_contents":true,"slug":"Scaling.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Rotation","permalink":"/docs/animations/Rotation.html"},"next":{"title":"Stop Animation","permalink":"/docs/animations/Stop_Animation.html"}},{"id":"docs/animations/Stop_Animation","title":"HTML5 Canvas Konva Stop Animation Tutorial","description":"To stop an animation with Konva, we can use the stop() method.","source":"@site/content/docs/animations/Stop_Animation.mdx","sourceDirName":"docs/animations","slug":"/docs/animations/Stop_Animation.html","permalink":"/docs/animations/Stop_Animation.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/animations/Stop_Animation.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Konva Stop Animation Tutorial","sidebar_label":"Stop Animation","hide_table_of_contents":true,"slug":"Stop_Animation.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Scaling","permalink":"/docs/animations/Scaling.html"},"next":{"title":"Shapes_with_Tooltip","permalink":"/docs/sandbox/Shapes_with_Tooltip"}},{"id":"docs/clipping/Clipping_Function","title":"Clipping Functions Tutorial","description":"How to clip nodes in the layer?","source":"@site/content/docs/clipping/Clipping_Function.mdx","sourceDirName":"docs/clipping","slug":"/docs/clipping/Clipping_Function.html","permalink":"/docs/clipping/Clipping_Function.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/clipping/Clipping_Function.mdx","tags":[],"version":"current","frontMatter":{"title":"Clipping Functions Tutorial","sidebar_label":"Clipping Functions","hide_table_of_contents":true,"slug":"Clipping_Function.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Ignore Stroke","permalink":"/docs/select_and_transform/Ignore_Stroke_On_Transform.html"},"next":{"title":"Simple Clipping","permalink":"/docs/clipping/Clipping_Regions.html"}},{"id":"docs/clipping/Clipping_Regions","title":"HTML5 Canvas Simple Clipping tutorial","description":"To draw things inside of clipping regions with Konva, we can set the clip","source":"@site/content/docs/clipping/Clipping_Regions.mdx","sourceDirName":"docs/clipping","slug":"/docs/clipping/Clipping_Regions.html","permalink":"/docs/clipping/Clipping_Regions.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/clipping/Clipping_Regions.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Simple Clipping tutorial","sidebar_label":"Simple Clipping","hide_table_of_contents":true,"slug":"Clipping_Regions.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Clipping Functions","permalink":"/docs/clipping/Clipping_Function.html"},"next":{"title":"Change Containers","permalink":"/docs/groups_and_layers/Change_Containers.html"}},{"id":"docs/data_and_serialization/Best_Practices","title":"Save and Load HTML5 Canvas Stage Best Practices","description":"What is the best way to save/load full stage content and how to implement undo/redo?","source":"@site/content/docs/data_and_serialization/Best_Practices.mdx","sourceDirName":"docs/data_and_serialization","slug":"/docs/data_and_serialization/Best_Practices.html","permalink":"/docs/data_and_serialization/Best_Practices.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Best_Practices.mdx","tags":[],"version":"current","frontMatter":{"title":"Save and Load HTML5 Canvas Stage Best Practices","sidebar_label":"Best Practices","hide_table_of_contents":true,"slug":"Best_Practices.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Select by id","permalink":"/docs/selectors/Select_by_id.html"},"next":{"title":"Complex Load","permalink":"/docs/data_and_serialization/Complex_Load.html"}},{"id":"docs/data_and_serialization/Complex_Load","title":"Load HTML5 Canvas Stage from JSON Tutorial","description":"To load a complex stage that originally contained images and event bindings using Konva,","source":"@site/content/docs/data_and_serialization/Complex_Load.mdx","sourceDirName":"docs/data_and_serialization","slug":"/docs/data_and_serialization/Complex_Load.html","permalink":"/docs/data_and_serialization/Complex_Load.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Complex_Load.mdx","tags":[],"version":"current","frontMatter":{"title":"Load HTML5 Canvas Stage from JSON Tutorial","sidebar_label":"Complex Load","hide_table_of_contents":true,"slug":"Complex_Load.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Best Practices","permalink":"/docs/data_and_serialization/Best_Practices.html"},"next":{"title":"High Quality Export","permalink":"/docs/data_and_serialization/High-Quality-Export.html"}},{"id":"docs/data_and_serialization/High-Quality-Export","title":"HTML5 Canvas Export to High Quality Image Tutorial","description":"If you need to export a stage as an image or as base64 then you can use the stage.toDataURL() or stage.toImage() methods.","source":"@site/content/docs/data_and_serialization/High-Quality-Export.mdx","sourceDirName":"docs/data_and_serialization","slug":"/docs/data_and_serialization/High-Quality-Export.html","permalink":"/docs/data_and_serialization/High-Quality-Export.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/High-Quality-Export.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Export to High Quality Image Tutorial","sidebar_label":"High Quality Export","hide_table_of_contents":true,"slug":"High-Quality-Export.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Complex Load","permalink":"/docs/data_and_serialization/Complex_Load.html"},"next":{"title":"Serialize Stage","permalink":"/docs/data_and_serialization/Serialize_a_Stage.html"}},{"id":"docs/data_and_serialization/Serialize_a_Stage","title":"HTML5 Canvas Stage Serialization Tutorial","description":"To serialize a stage with Konva, we can use the toJSON() method.","source":"@site/content/docs/data_and_serialization/Serialize_a_Stage.mdx","sourceDirName":"docs/data_and_serialization","slug":"/docs/data_and_serialization/Serialize_a_Stage.html","permalink":"/docs/data_and_serialization/Serialize_a_Stage.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Serialize_a_Stage.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Stage Serialization Tutorial","sidebar_label":"Serialize Stage","hide_table_of_contents":true,"slug":"Serialize_a_Stage.html"},"sidebar":"tutorialsSidebar","previous":{"title":"High Quality Export","permalink":"/docs/data_and_serialization/High-Quality-Export.html"},"next":{"title":"Simple Load","permalink":"/docs/data_and_serialization/Simple_Load.html"}},{"id":"docs/data_and_serialization/Simple_Load","title":"Load Simple HTML5 Canvas Stage from JSON Tutorial","description":"To load a simple stage from JSON with Konva, we can use the Konva.Node.create() method.","source":"@site/content/docs/data_and_serialization/Simple_Load.mdx","sourceDirName":"docs/data_and_serialization","slug":"/docs/data_and_serialization/Simple_Load.html","permalink":"/docs/data_and_serialization/Simple_Load.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Simple_Load.mdx","tags":[],"version":"current","frontMatter":{"title":"Load Simple HTML5 Canvas Stage from JSON Tutorial","sidebar_label":"Simple Load","hide_table_of_contents":true,"slug":"Simple_Load.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Serialize Stage","permalink":"/docs/data_and_serialization/Serialize_a_Stage.html"},"next":{"title":"Stage Data URL","permalink":"/docs/data_and_serialization/Stage_Data_URL.html"}},{"id":"docs/data_and_serialization/Stage_Data_URL","title":"HTML5 Canvas to Data URL Tutorial","description":"To get the data URL of the stage with Konva, we can use the toDataURL()","source":"@site/content/docs/data_and_serialization/Stage_Data_URL.mdx","sourceDirName":"docs/data_and_serialization","slug":"/docs/data_and_serialization/Stage_Data_URL.html","permalink":"/docs/data_and_serialization/Stage_Data_URL.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/data_and_serialization/Stage_Data_URL.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas to Data URL Tutorial","sidebar_label":"Stage Data URL","hide_table_of_contents":true,"slug":"Stage_Data_URL.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Simple Load","permalink":"/docs/data_and_serialization/Simple_Load.html"},"next":{"title":"All Performance Tips","permalink":"/docs/performance/All_Performance_Tips.html"}},{"id":"docs/donate","title":"How to support and donate to Konva project?","description":"Hello, my name is Anton. I am core maintainer of Konva framework.","source":"@site/content/docs/donate.md","sourceDirName":"docs","slug":"/docs/donate.html","permalink":"/docs/donate.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/donate.md","tags":[],"version":"current","sidebarPosition":4,"frontMatter":{"sidebar_position":4,"title":"How to support and donate to Konva project?","sidebar_label":"Donate","slug":"donate.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Support","permalink":"/docs/support.html"},"next":{"title":"Shapes","permalink":"/category/shapes"}},{"id":"docs/drag_and_drop/Complex_Drag_and_Drop","title":"HTML5 Canvas Complex Drag and Drop Bounds","description":"To bound the movement of nodes being dragged and dropped inside regions with","source":"@site/content/docs/drag_and_drop/08_Complex_Drag_and_Drop.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Complex_Drag_and_Drop.html","permalink":"/docs/drag_and_drop/Complex_Drag_and_Drop.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/08_Complex_Drag_and_Drop.mdx","tags":[],"version":"current","sidebarPosition":8,"frontMatter":{"title":"HTML5 Canvas Complex Drag and Drop Bounds","sidebar_label":"Complex Drag and Drop","hide_table_of_contents":true,"slug":"Complex_Drag_and_Drop.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Simple Drag Bounds","permalink":"/docs/drag_and_drop/Simple_Drag_Bounds.html"},"next":{"title":"Drop Events","permalink":"/docs/drag_and_drop/Drop_Events.html"}},{"id":"docs/drag_and_drop/Drag_a_Group","title":"HTML5 Canvas Drag and Drop a Group Tutorial","description":"To drag and drop groups with Konva, we can set the draggable property","source":"@site/content/docs/drag_and_drop/03_Drag_a_Group.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Drag_a_Group.html","permalink":"/docs/drag_and_drop/Drag_a_Group.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/03_Drag_a_Group.mdx","tags":[],"version":"current","sidebarPosition":3,"frontMatter":{"title":"HTML5 Canvas Drag and Drop a Group Tutorial","sidebar_label":"Drag a Group","hide_table_of_contents":true,"slug":"Drag_a_Group.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Drag an Image","permalink":"/docs/drag_and_drop/Drag_an_Image.html"},"next":{"title":"Drag a Line","permalink":"/docs/drag_and_drop/Drag_a_Line.html"}},{"id":"docs/drag_and_drop/Drag_a_Line","title":"HTML5 Canvas Drag and Drop a Line","description":"To drag and drop a line with Konva, we can set the draggable property","source":"@site/content/docs/drag_and_drop/04_Drag_a_Line.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Drag_a_Line.html","permalink":"/docs/drag_and_drop/Drag_a_Line.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/04_Drag_a_Line.mdx","tags":[],"version":"current","sidebarPosition":4,"frontMatter":{"title":"HTML5 Canvas Drag and Drop a Line","sidebar_label":"Drag a Line","hide_table_of_contents":true,"slug":"Drag_a_Line.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Drag a Group","permalink":"/docs/drag_and_drop/Drag_a_Group.html"},"next":{"title":"Drag a Stage","permalink":"/docs/drag_and_drop/Drag_a_Stage.html"}},{"id":"docs/drag_and_drop/Drag_a_Stage","title":"HTML5 Canvas Drag and Drop the Stage","description":"To drag and drop a stage with Konva, we can set the draggable property","source":"@site/content/docs/drag_and_drop/05_Drag_a_Stage.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Drag_a_Stage.html","permalink":"/docs/drag_and_drop/Drag_a_Stage.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/05_Drag_a_Stage.mdx","tags":[],"version":"current","sidebarPosition":5,"frontMatter":{"title":"HTML5 Canvas Drag and Drop the Stage","sidebar_label":"Drag a Stage","hide_table_of_contents":true,"slug":"Drag_a_Stage.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Drag a Line","permalink":"/docs/drag_and_drop/Drag_a_Line.html"},"next":{"title":"Drag Events","permalink":"/docs/drag_and_drop/Drag_Events.html"}},{"id":"docs/drag_and_drop/Drag_an_Image","title":"HTML5 Canvas Drag and Drop an Image","description":"To drag and drop an image with Konva, we can set the draggable property","source":"@site/content/docs/drag_and_drop/02_Drag_an_Image.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Drag_an_Image.html","permalink":"/docs/drag_and_drop/Drag_an_Image.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/02_Drag_an_Image.mdx","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"title":"HTML5 Canvas Drag and Drop an Image","sidebar_label":"Drag an Image","hide_table_of_contents":true,"slug":"Drag_an_Image.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Basic Drag and Drop","permalink":"/docs/drag_and_drop/Drag_and_Drop.html"},"next":{"title":"Drag a Group","permalink":"/docs/drag_and_drop/Drag_a_Group.html"}},{"id":"docs/drag_and_drop/Drag_and_Drop","title":"HTML5 Canvas Drag and Drop Tutorial","description":"To drag and drop shapes with Konva, we can set the draggable property","source":"@site/content/docs/drag_and_drop/01_Drag_and_Drop.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Drag_and_Drop.html","permalink":"/docs/drag_and_drop/Drag_and_Drop.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/01_Drag_and_Drop.mdx","tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"title":"HTML5 Canvas Drag and Drop Tutorial","sidebar_label":"Basic Drag and Drop","hide_table_of_contents":true,"slug":"Drag_and_Drop.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Stage Events","permalink":"/docs/events/Stage_Events.html"},"next":{"title":"Drag an Image","permalink":"/docs/drag_and_drop/Drag_an_Image.html"}},{"id":"docs/drag_and_drop/Drag_Events","title":"HTML5 Canvas Drag and Drop Events","description":"To detect drag and drop events with Konva, we can use the on() method to","source":"@site/content/docs/drag_and_drop/06_Drag_Events.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Drag_Events.html","permalink":"/docs/drag_and_drop/Drag_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/06_Drag_Events.mdx","tags":[],"version":"current","sidebarPosition":6,"frontMatter":{"title":"HTML5 Canvas Drag and Drop Events","sidebar_label":"Drag Events","hide_table_of_contents":true,"slug":"Drag_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Drag a Stage","permalink":"/docs/drag_and_drop/Drag_a_Stage.html"},"next":{"title":"Simple Drag Bounds","permalink":"/docs/drag_and_drop/Simple_Drag_Bounds.html"}},{"id":"docs/drag_and_drop/Drop_Events","title":"HTML5 Canvas Drop Events","description":"Konva does not support drop events. But you can write your own drop events detections.","source":"@site/content/docs/drag_and_drop/09_Drop_Events.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Drop_Events.html","permalink":"/docs/drag_and_drop/Drop_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/09_Drop_Events.mdx","tags":[],"version":"current","sidebarPosition":9,"frontMatter":{"title":"HTML5 Canvas Drop Events","sidebar_label":"Drop Events","hide_table_of_contents":true,"slug":"Drop_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Complex Drag and Drop","permalink":"/docs/drag_and_drop/Complex_Drag_and_Drop.html"},"next":{"title":"Basic demo","permalink":"/docs/select_and_transform/Basic_demo.html"}},{"id":"docs/drag_and_drop/Simple_Drag_Bounds","title":"HTML5 Canvas Simple Drag Bounds Tutorial","description":"To restrict the movement of shapes being dragged and dropped with Konva,","source":"@site/content/docs/drag_and_drop/07_Simple_Drag_Bounds.mdx","sourceDirName":"docs/drag_and_drop","slug":"/docs/drag_and_drop/Simple_Drag_Bounds.html","permalink":"/docs/drag_and_drop/Simple_Drag_Bounds.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/drag_and_drop/07_Simple_Drag_Bounds.mdx","tags":[],"version":"current","sidebarPosition":7,"frontMatter":{"title":"HTML5 Canvas Simple Drag Bounds Tutorial","sidebar_label":"Simple Drag Bounds","hide_table_of_contents":true,"slug":"Simple_Drag_Bounds.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Drag Events","permalink":"/docs/drag_and_drop/Drag_Events.html"},"next":{"title":"Complex Drag and Drop","permalink":"/docs/drag_and_drop/Complex_Drag_and_Drop.html"}},{"id":"docs/events/Binding_Events","title":"HTML5 Canvas Shape Events","description":"To detect shape events with Konva, we can use the on() method to bind event handlers to a node.","source":"@site/content/docs/events/Binding_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Binding_Events.html","permalink":"/docs/events/Binding_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Binding_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Shape Events","sidebar_label":"Binding Events","hide_table_of_contents":true,"slug":"Binding_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Fill and stroke order","permalink":"/docs/styling/Fill_Stroke_Order.html"},"next":{"title":"Cancel Propagation","permalink":"/docs/events/Cancel_Propagation.html"}},{"id":"docs/events/Cancel_Propagation","title":"HTML5 Canvas Cancel Event Bubble Propagation with Konva","description":"To cancel event bubble propagation with Konva, we can set the cancelBubble","source":"@site/content/docs/events/Cancel_Propagation.mdx","sourceDirName":"docs/events","slug":"/docs/events/Cancel_Propagation.html","permalink":"/docs/events/Cancel_Propagation.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Cancel_Propagation.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Cancel Event Bubble Propagation with Konva","sidebar_label":"Cancel Propagation","hide_table_of_contents":true,"slug":"Cancel_Propagation.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Binding Events","permalink":"/docs/events/Binding_Events.html"},"next":{"title":"Custom Hit Region","permalink":"/docs/events/Custom_Hit_Region.html"}},{"id":"docs/events/Custom_Hit_Region","title":"HTML5 Canvas Custom Hit Detection Function Tutorial","description":"There are two ways to change hit region of the shape: hitFunc and hitStrokeWidth properties.","source":"@site/content/docs/events/Custom_Hit_Region.mdx","sourceDirName":"docs/events","slug":"/docs/events/Custom_Hit_Region.html","permalink":"/docs/events/Custom_Hit_Region.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Custom_Hit_Region.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Custom Hit Detection Function Tutorial","sidebar_label":"Custom Hit Region","hide_table_of_contents":true,"slug":"Custom_Hit_Region.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Cancel Propagation","permalink":"/docs/events/Cancel_Propagation.html"},"next":{"title":"Desktop and Mobile","permalink":"/docs/events/Desktop_and_Mobile.html"}},{"id":"docs/events/Desktop_and_Mobile","title":"HTML5 Canvas Desktop and Mobile Events Support Tutorial","description":"Note: this demo may be outdate, because modern browsers support pointer events. And you can use pointer events in Konva too. See Pointer Events Demo. But if you prefer not to use pointer events, keep reading..._","source":"@site/content/docs/events/Desktop_and_Mobile.mdx","sourceDirName":"docs/events","slug":"/docs/events/Desktop_and_Mobile.html","permalink":"/docs/events/Desktop_and_Mobile.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Desktop_and_Mobile.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Desktop and Mobile Events Support Tutorial","sidebar_label":"Desktop and Mobile","hide_table_of_contents":true,"slug":"Desktop_and_Mobile.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Custom Hit Region","permalink":"/docs/events/Custom_Hit_Region.html"},"next":{"title":"Event Delegation","permalink":"/docs/events/Event_Delegation.html"}},{"id":"docs/events/Event_Delegation","title":"HTML5 Canvas Event Delegation with Konva","description":"To get the event target with Konva, we can access the target property","source":"@site/content/docs/events/Event_Delegation.mdx","sourceDirName":"docs/events","slug":"/docs/events/Event_Delegation.html","permalink":"/docs/events/Event_Delegation.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Event_Delegation.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Event Delegation with Konva","sidebar_label":"Event Delegation","hide_table_of_contents":true,"slug":"Event_Delegation.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Desktop and Mobile","permalink":"/docs/events/Desktop_and_Mobile.html"},"next":{"title":"Fire Events","permalink":"/docs/events/Fire_Events.html"}},{"id":"docs/events/Fire_Events","title":"HTML5 Canvas Fire Event with Konva","description":"To fire events with Konva, we can use the fire() method.","source":"@site/content/docs/events/Fire_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Fire_Events.html","permalink":"/docs/events/Fire_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Fire_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Fire Event with Konva","sidebar_label":"Fire Events","hide_table_of_contents":true,"slug":"Fire_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Event Delegation","permalink":"/docs/events/Event_Delegation.html"},"next":{"title":"Image Events","permalink":"/docs/events/Image_Events.html"}},{"id":"docs/events/Image_Events","title":"HTML5 Canvas Image Events with Konva","description":"To only detect events for non transparent pixels in an image with Konva, we can use the drawHitFromCache() method to generate a more precise image hit region.","source":"@site/content/docs/events/Image_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Image_Events.html","permalink":"/docs/events/Image_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Image_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Image Events with Konva","sidebar_label":"Image Events","hide_table_of_contents":true,"slug":"Image_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Fire Events","permalink":"/docs/events/Fire_Events.html"},"next":{"title":"Keyboard Events","permalink":"/docs/events/Keyboard_Events.html"}},{"id":"docs/events/Keyboard_Events","title":"HTML5 Canvas Keyboard events with Konva","description":"There are no built-in keyboard events like keydown or keyup in Konva.","source":"@site/content/docs/events/Keyboard_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Keyboard_Events.html","permalink":"/docs/events/Keyboard_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Keyboard_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Keyboard events with Konva","sidebar_label":"Keyboard Events","hide_table_of_contents":true,"slug":"Keyboard_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Image Events","permalink":"/docs/events/Image_Events.html"},"next":{"title":"Listen for Events","permalink":"/docs/events/Listen_for_Events.html"}},{"id":"docs/events/Listen_for_Events","title":"HTML5 Canvas Listen or Don't Listen to Events with Konva","description":"To listen or don't listen to events with Konva, we can set the listening","source":"@site/content/docs/events/Listen_for_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Listen_for_Events.html","permalink":"/docs/events/Listen_for_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Listen_for_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Listen or Don't Listen to Events with Konva","sidebar_label":"Listen for Events","hide_table_of_contents":true,"slug":"Listen_for_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Keyboard Events","permalink":"/docs/events/Keyboard_Events.html"},"next":{"title":"Mobile Events","permalink":"/docs/events/Mobile_Events.html"}},{"id":"docs/events/Mobile_Events","title":"HTML5 Canvas Mobile Touch Events Tutorial","description":"To bind event handlers to shapes on a mobile device with Konva, we can use the on() method.","source":"@site/content/docs/events/Mobile_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Mobile_Events.html","permalink":"/docs/events/Mobile_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Mobile_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Mobile Touch Events Tutorial","sidebar_label":"Mobile Events","hide_table_of_contents":true,"slug":"Mobile_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Listen for Events","permalink":"/docs/events/Listen_for_Events.html"},"next":{"title":"Mobile Scrolling","permalink":"/docs/events/Mobile_Scrolling.html"}},{"id":"docs/events/Mobile_Scrolling","title":"HTML5 Canvas Mobile Scrolling and Native Events with Konva","description":"By default Konva will prevent default behaviour of all pointer interactions with a stage.","source":"@site/content/docs/events/Mobile_Scrolling.mdx","sourceDirName":"docs/events","slug":"/docs/events/Mobile_Scrolling.html","permalink":"/docs/events/Mobile_Scrolling.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Mobile_Scrolling.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Mobile Scrolling and Native Events with Konva","sidebar_label":"Mobile Scrolling","hide_table_of_contents":true,"slug":"Mobile_Scrolling.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Mobile Events","permalink":"/docs/events/Mobile_Events.html"},"next":{"title":"Multi Event","permalink":"/docs/events/Multi_Event.html"}},{"id":"docs/events/Multi_Event","title":"HTML5 Canvas Canvas Multi-Event Binding Tutorial","description":"To bind multiple events to a single handler with Konva, we can use the on() method and pass in a space delimited string containing multiple event types.","source":"@site/content/docs/events/Multi_Event.mdx","sourceDirName":"docs/events","slug":"/docs/events/Multi_Event.html","permalink":"/docs/events/Multi_Event.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Multi_Event.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Canvas Multi-Event Binding Tutorial","sidebar_label":"Multi Event","hide_table_of_contents":true,"slug":"Multi_Event.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Mobile Scrolling","permalink":"/docs/events/Mobile_Scrolling.html"},"next":{"title":"Pointer Events","permalink":"/docs/events/Pointer_Events.html"}},{"id":"docs/events/Pointer_Events","title":"HTML5 Canvas Pointer Events Tutorial","description":"Pointer events can be useful to handle both mobile and desktop events with one handler.","source":"@site/content/docs/events/Pointer_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Pointer_Events.html","permalink":"/docs/events/Pointer_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Pointer_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Pointer Events Tutorial","sidebar_label":"Pointer Events","hide_table_of_contents":true,"slug":"Pointer_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Multi Event","permalink":"/docs/events/Multi_Event.html"},"next":{"title":"Remove Event","permalink":"/docs/events/Remove_Event.html"}},{"id":"docs/events/Remove_by_Name","title":"HTML5 Canvas Remove Event Listener by Name with Konva","description":"To remove an event listener by name with Konva,","source":"@site/content/docs/events/Remove_by_Name.mdx","sourceDirName":"docs/events","slug":"/docs/events/Remove_by_Name.html","permalink":"/docs/events/Remove_by_Name.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Remove_by_Name.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Remove Event Listener by Name with Konva","sidebar_label":"Remove by Name","hide_table_of_contents":true,"slug":"Remove_by_Name.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Remove Event","permalink":"/docs/events/Remove_Event.html"},"next":{"title":"Stage Events","permalink":"/docs/events/Stage_Events.html"}},{"id":"docs/events/Remove_Event","title":"HTML5 Canvas Remove Event Listener with Konva","description":"To remove an event listener with Konva, we can use the off() method of","source":"@site/content/docs/events/Remove_Event.mdx","sourceDirName":"docs/events","slug":"/docs/events/Remove_Event.html","permalink":"/docs/events/Remove_Event.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Remove_Event.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Remove Event Listener with Konva","sidebar_label":"Remove Event","hide_table_of_contents":true,"slug":"Remove_Event.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Pointer Events","permalink":"/docs/events/Pointer_Events.html"},"next":{"title":"Remove by Name","permalink":"/docs/events/Remove_by_Name.html"}},{"id":"docs/events/Stage_Events","title":"HTML5 Canvas Special Stage Events Konva","description":"All events are started from Shapes. So if you click on an empty space within a canvas, a click event will not trigger on Layer but it will trigger on the Stage object instead.","source":"@site/content/docs/events/Stage_Events.mdx","sourceDirName":"docs/events","slug":"/docs/events/Stage_Events.html","permalink":"/docs/events/Stage_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/events/Stage_Events.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Special Stage Events Konva","sidebar_label":"Stage Events","hide_table_of_contents":true,"slug":"Stage_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Remove by Name","permalink":"/docs/events/Remove_by_Name.html"},"next":{"title":"Basic Drag and Drop","permalink":"/docs/drag_and_drop/Drag_and_Drop.html"}},{"id":"docs/filters/Blur","title":"HTML5 Canvas Blur Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Blur.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Blur.html","permalink":"/docs/filters/Blur.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Blur.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Blur Image Filter Tutorial","sidebar_label":"Blur","hide_table_of_contents":true,"slug":"Blur.html"},"sidebar":"tutorialsSidebar","previous":{"title":"zIndex","permalink":"/docs/groups_and_layers/zIndex.html"},"next":{"title":"Brighten","permalink":"/docs/filters/Brighten.html"}},{"id":"docs/filters/Brighten","title":"HTML5 Canvas Brighten Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Brighten.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Brighten.html","permalink":"/docs/filters/Brighten.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Brighten.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Brighten Image Filter Tutorial","sidebar_label":"Brighten","hide_table_of_contents":true,"slug":"Brighten.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Blur","permalink":"/docs/filters/Blur.html"},"next":{"title":"Contrast","permalink":"/docs/filters/Contrast.html"}},{"id":"docs/filters/Contrast","title":"HTML5 Canvas Contrast filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache()","source":"@site/content/docs/filters/Contrast.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Contrast.html","permalink":"/docs/filters/Contrast.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Contrast.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Contrast filter Image Tutorial","sidebar_label":"Contrast","hide_table_of_contents":true,"slug":"Contrast.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Brighten","permalink":"/docs/filters/Brighten.html"},"next":{"title":"Custom Filter","permalink":"/docs/filters/Custom_Filter.html"}},{"id":"docs/filters/Custom_Filter","title":"HTML5 Canvas Custom Filter Tutorial","description":"How apply custom filter for Konva nodes?","source":"@site/content/docs/filters/Custom_Filter.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Custom_Filter.html","permalink":"/docs/filters/Custom_Filter.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Custom_Filter.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Custom Filter Tutorial","sidebar_label":"Custom Filter","hide_table_of_contents":true,"slug":"Custom_Filter.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Contrast","permalink":"/docs/filters/Contrast.html"},"next":{"title":"Emboss","permalink":"/docs/filters/Emboss.html"}},{"id":"docs/filters/Emboss","title":"HTML5 Canvas Emboss filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Emboss.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Emboss.html","permalink":"/docs/filters/Emboss.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Emboss.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Emboss filter Image Tutorial","sidebar_label":"Emboss","hide_table_of_contents":true,"slug":"Emboss.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Custom Filter","permalink":"/docs/filters/Custom_Filter.html"},"next":{"title":"Enhance","permalink":"/docs/filters/Enhance.html"}},{"id":"docs/filters/Enhance","title":"HTML5 Canvas Enhance Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Enhance.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Enhance.html","permalink":"/docs/filters/Enhance.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Enhance.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Enhance Image Filter Tutorial","sidebar_label":"Enhance","hide_table_of_contents":true,"slug":"Enhance.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Emboss","permalink":"/docs/filters/Emboss.html"},"next":{"title":"Grayscale","permalink":"/docs/filters/Grayscale.html"}},{"id":"docs/filters/Grayscale","title":"HTML5 Canvas Grayscale Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.","source":"@site/content/docs/filters/Grayscale.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Grayscale.html","permalink":"/docs/filters/Grayscale.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Grayscale.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Grayscale Image Filter Tutorial","sidebar_label":"Grayscale","hide_table_of_contents":true,"slug":"Grayscale.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Enhance","permalink":"/docs/filters/Enhance.html"},"next":{"title":"HSL","permalink":"/docs/filters/HSL.html"}},{"id":"docs/filters/HSL","title":"HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache() function. Then apply filter with filters() function.","source":"@site/content/docs/filters/HSL.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/HSL.html","permalink":"/docs/filters/HSL.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/HSL.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Hue, Saturation and Luminance filter Image Tutorial","sidebar_label":"HSL","hide_table_of_contents":true,"slug":"HSL.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Grayscale","permalink":"/docs/filters/Grayscale.html"},"next":{"title":"HSV","permalink":"/docs/filters/HSV.html"}},{"id":"docs/filters/HSV","title":"HTML5 Canvas Hue, Saturation and Value filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache() function. Then apply filter with filters() function.","source":"@site/content/docs/filters/HSV.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/HSV.html","permalink":"/docs/filters/HSV.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/HSV.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Hue, Saturation and Value filter Image Tutorial","sidebar_label":"HSV","hide_table_of_contents":true,"slug":"HSV.html"},"sidebar":"tutorialsSidebar","previous":{"title":"HSL","permalink":"/docs/filters/HSL.html"},"next":{"title":"Invert","permalink":"/docs/filters/Invert.html"}},{"id":"docs/filters/Invert","title":"HTML5 Canvas Invert Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.","source":"@site/content/docs/filters/Invert.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Invert.html","permalink":"/docs/filters/Invert.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Invert.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Invert Image Filter Tutorial","sidebar_label":"Invert","hide_table_of_contents":true,"slug":"Invert.html"},"sidebar":"tutorialsSidebar","previous":{"title":"HSV","permalink":"/docs/filters/HSV.html"},"next":{"title":"Kaleidoscope","permalink":"/docs/filters/Kaleidoscope.html"}},{"id":"docs/filters/Kaleidoscope","title":"HTML5 Canvas Kaleidoscope Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Kaleidoscope.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Kaleidoscope.html","permalink":"/docs/filters/Kaleidoscope.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Kaleidoscope.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Kaleidoscope Image Filter Tutorial","sidebar_label":"Kaleidoscope","hide_table_of_contents":true,"slug":"Kaleidoscope.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Invert","permalink":"/docs/filters/Invert.html"},"next":{"title":"Mask","permalink":"/docs/filters/Mask.html"}},{"id":"docs/filters/Mask","title":"HTML5 Canvas Mask Image Filter Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache() function. Then apply filter with filters() function.","source":"@site/content/docs/filters/Mask.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Mask.html","permalink":"/docs/filters/Mask.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Mask.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Mask Image Filter Tutorial","sidebar_label":"Mask","hide_table_of_contents":true,"slug":"Mask.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Kaleidoscope","permalink":"/docs/filters/Kaleidoscope.html"},"next":{"title":"Multiple Filters","permalink":"/docs/filters/Multiple_Filters.html"}},{"id":"docs/filters/Multiple_Filters","title":"Multiple_Filters","description":"title: HTML5 Canvas Multiple Filters Tutorial","source":"@site/content/docs/filters/Multiple_Filters.md","sourceDirName":"docs/filters","slug":"/docs/filters/Multiple_Filters","permalink":"/docs/filters/Multiple_Filters","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Multiple_Filters.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Mask","permalink":"/docs/filters/Mask.html"},"next":{"title":"Multiple Filters","permalink":"/docs/filters/Multiple_Filters.html"}},{"id":"docs/filters/Multiple_Filters","title":"HTML5 Canvas Multiple Filters Tutorial","description":"To apply multiple filters to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Multiple_Filters.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Multiple_Filters.html","permalink":"/docs/filters/Multiple_Filters.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Multiple_Filters.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Multiple Filters Tutorial","sidebar_label":"Multiple Filters","hide_table_of_contents":true,"slug":"Multiple_Filters.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Mask","permalink":"/docs/filters/Mask.html"},"next":{"title":"Multiple Filters","permalink":"/docs/filters/Multiple_Filters.html"}},{"id":"docs/filters/Noise","title":"HTML5 Canvas Noise filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache()","source":"@site/content/docs/filters/Noise.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Noise.html","permalink":"/docs/filters/Noise.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Noise.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Noise filter Image Tutorial","sidebar_label":"Noise","hide_table_of_contents":true,"slug":"Noise.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Multiple Filters","permalink":"/docs/filters/Multiple_Filters.html"},"next":{"title":"Pixelate","permalink":"/docs/filters/Pixelate.html"}},{"id":"docs/filters/Pixelate","title":"HTML5 Canvas Pixelate filter Image Tutorial","description":"To apply filter to an Konva.Node, we have to cache it first with cache()","source":"@site/content/docs/filters/Pixelate.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Pixelate.html","permalink":"/docs/filters/Pixelate.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Pixelate.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Pixelate filter Image Tutorial","sidebar_label":"Pixelate","hide_table_of_contents":true,"slug":"Pixelate.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Noise","permalink":"/docs/filters/Noise.html"},"next":{"title":"RGB","permalink":"/docs/filters/RGB.html"}},{"id":"docs/filters/RGB","title":"HTML5 Canvas RGB filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/RGB.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/RGB.html","permalink":"/docs/filters/RGB.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/RGB.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas RGB filter Image Tutorial","sidebar_label":"RGB","hide_table_of_contents":true,"slug":"RGB.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Pixelate","permalink":"/docs/filters/Pixelate.html"},"next":{"title":"Sepia","permalink":"/docs/filters/Sepia.html"}},{"id":"docs/filters/Sepia","title":"HTML5 Canvas Sepia filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Sepia.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Sepia.html","permalink":"/docs/filters/Sepia.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Sepia.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Sepia filter Image Tutorial","sidebar_label":"Sepia","hide_table_of_contents":true,"slug":"Sepia.html"},"sidebar":"tutorialsSidebar","previous":{"title":"RGB","permalink":"/docs/filters/RGB.html"},"next":{"title":"Solarize","permalink":"/docs/filters/Solarize.html"}},{"id":"docs/filters/Solarize","title":"HTML5 Canvas Solarize filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Solarize.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Solarize.html","permalink":"/docs/filters/Solarize.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Solarize.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Solarize filter Image Tutorial","sidebar_label":"Solarize","hide_table_of_contents":true,"slug":"Solarize.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Sepia","permalink":"/docs/filters/Sepia.html"},"next":{"title":"Threshold","permalink":"/docs/filters/Threshold.html"}},{"id":"docs/filters/Threshold","title":"HTML5 Canvas Threshold filter Image Tutorial","description":"To apply filter to an Konva.Image, we have to cache it first with cache()","source":"@site/content/docs/filters/Threshold.mdx","sourceDirName":"docs/filters","slug":"/docs/filters/Threshold.html","permalink":"/docs/filters/Threshold.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/filters/Threshold.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Threshold filter Image Tutorial","sidebar_label":"Threshold","hide_table_of_contents":true,"slug":"Threshold.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Solarize","permalink":"/docs/filters/Solarize.html"},"next":{"title":"All Controls","permalink":"/docs/tweens/All_Controls.html"}},{"id":"docs/groups_and_layers/Change_Containers","title":"Move Shape to Another Container","description":"To move a shape from one container into another with Konva, we can use the moveTo() method which requires a container as a parameter.","source":"@site/content/docs/groups_and_layers/Change_Containers.mdx","sourceDirName":"docs/groups_and_layers","slug":"/docs/groups_and_layers/Change_Containers.html","permalink":"/docs/groups_and_layers/Change_Containers.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Change_Containers.mdx","tags":[],"version":"current","frontMatter":{"title":"Move Shape to Another Container","sidebar_label":"Change Containers","hide_table_of_contents":true,"slug":"Change_Containers.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Simple Clipping","permalink":"/docs/clipping/Clipping_Regions.html"},"next":{"title":"Groups","permalink":"/docs/groups_and_layers/Groups.html"}},{"id":"docs/groups_and_layers/Groups","title":"Shape Groups","description":"To group multiple shapes together with Konva, we can instantiate a Konva.Group() object and then add shapes to it with the add() method.","source":"@site/content/docs/groups_and_layers/Groups.mdx","sourceDirName":"docs/groups_and_layers","slug":"/docs/groups_and_layers/Groups.html","permalink":"/docs/groups_and_layers/Groups.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Groups.mdx","tags":[],"version":"current","frontMatter":{"title":"Shape Groups","sidebar_label":"Groups","hide_table_of_contents":true,"slug":"Groups.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Change Containers","permalink":"/docs/groups_and_layers/Change_Containers.html"},"next":{"title":"Layering","permalink":"/docs/groups_and_layers/Layering.html"}},{"id":"docs/groups_and_layers/Layering","title":"Shape Layering","description":"To layer shapes with Konva, we can use one of the following layering methods:","source":"@site/content/docs/groups_and_layers/Layering.mdx","sourceDirName":"docs/groups_and_layers","slug":"/docs/groups_and_layers/Layering.html","permalink":"/docs/groups_and_layers/Layering.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/Layering.mdx","tags":[],"version":"current","frontMatter":{"title":"Shape Layering","sidebar_label":"Layering","hide_table_of_contents":true,"slug":"Layering.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Groups","permalink":"/docs/groups_and_layers/Groups.html"},"next":{"title":"zIndex","permalink":"/docs/groups_and_layers/zIndex.html"}},{"id":"docs/groups_and_layers/zIndex","title":"Understanding Node zIndex","description":"What is zIndex of a node?","source":"@site/content/docs/groups_and_layers/zIndex.mdx","sourceDirName":"docs/groups_and_layers","slug":"/docs/groups_and_layers/zIndex.html","permalink":"/docs/groups_and_layers/zIndex.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/groups_and_layers/zIndex.mdx","tags":[],"version":"current","frontMatter":{"title":"Understanding Node zIndex","sidebar_label":"zIndex","hide_table_of_contents":true,"slug":"zIndex.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Layering","permalink":"/docs/groups_and_layers/Layering.html"},"next":{"title":"Blur","permalink":"/docs/filters/Blur.html"}},{"id":"docs/index","title":"Starting with Konva","description":"What's Konva?","source":"@site/content/docs/index.md","sourceDirName":"docs","slug":"/docs/index.html","permalink":"/docs/index.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/index.md","tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"sidebar_position":1,"title":"Starting with Konva","sidebar_label":"Intro","hide_table_of_contents":true,"slug":"index.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Tools","permalink":"/docs/tools.html"},"next":{"title":"Overview","permalink":"/docs/overview.html"}},{"id":"docs/overview","title":"Konva Framework Overview","description":"What's Konva?","source":"@site/content/docs/overview.md","sourceDirName":"docs","slug":"/docs/overview.html","permalink":"/docs/overview.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/overview.md","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"sidebar_position":2,"title":"Konva Framework Overview","sidebar_label":"Overview","slug":"overview.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Intro","permalink":"/docs/index.html"},"next":{"title":"Support","permalink":"/docs/support.html"}},{"id":"docs/performance/All_Performance_Tips","title":"HTML5 Canvas All Konva performance tips list","description":"Don't want to spend your time with performance issues? Request a performance review.","source":"@site/content/docs/performance/All_Performance_Tips.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/All_Performance_Tips.html","permalink":"/docs/performance/All_Performance_Tips.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/All_Performance_Tips.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas All Konva performance tips list","sidebar_label":"All Performance Tips","hide_table_of_contents":true,"slug":"All_Performance_Tips.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Stage Data URL","permalink":"/docs/data_and_serialization/Stage_Data_URL.html"},"next":{"title":"Avoid Memory Leaks","permalink":"/docs/performance/Avoid_Memory_Leaks.html"}},{"id":"docs/performance/Avoid_Memory_Leaks","title":"HTML5 Canvas How to avoid Memory leaks Tip","description":"Deleting shapes","source":"@site/content/docs/performance/Avoid_Memory_Leaks.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Avoid_Memory_Leaks.html","permalink":"/docs/performance/Avoid_Memory_Leaks.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Avoid_Memory_Leaks.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas How to avoid Memory leaks Tip","sidebar_label":"Avoid Memory Leaks","hide_table_of_contents":true,"slug":"Avoid_Memory_Leaks.html"},"sidebar":"tutorialsSidebar","previous":{"title":"All Performance Tips","permalink":"/docs/performance/All_Performance_Tips.html"},"next":{"title":"Batch Draw","permalink":"/docs/performance/Batch_Draw.html"}},{"id":"docs/performance/Batch_Draw","title":"HTML5 Canvas Batch Draw Tip","description":"Update: this demo is not relevant with the new konva@8. In the new version, Konva is doing all batching draws automatically on any changes on canvas.","source":"@site/content/docs/performance/Batch_Draw.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Batch_Draw.html","permalink":"/docs/performance/Batch_Draw.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Batch_Draw.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Batch Draw Tip","sidebar_label":"Batch Draw","hide_table_of_contents":true,"slug":"Batch_Draw.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Avoid Memory Leaks","permalink":"/docs/performance/Avoid_Memory_Leaks.html"},"next":{"title":"Disable Perfect Draw","permalink":"/docs/performance/Disable_Perfect_Draw.html"}},{"id":"docs/performance/Disable_Perfect_Draw","title":"HTML5 Canvas Disable Perfect Drawing Tip","description":"In some cases drawing on canvas has unexpected results.","source":"@site/content/docs/performance/Disable_Perfect_Draw.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Disable_Perfect_Draw.html","permalink":"/docs/performance/Disable_Perfect_Draw.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Disable_Perfect_Draw.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Disable Perfect Drawing Tip","sidebar_label":"Disable Perfect Draw","hide_table_of_contents":true,"slug":"Disable_Perfect_Draw.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Batch Draw","permalink":"/docs/performance/Batch_Draw.html"},"next":{"title":"Layer Management","permalink":"/docs/performance/Layer_Management.html"}},{"id":"docs/performance/Layer_Management","title":"HTML5 Canvas Layer Management Performance Tip","description":"When creating Konva applications, the most important thing to consider,","source":"@site/content/docs/performance/Layer_Management.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Layer_Management.html","permalink":"/docs/performance/Layer_Management.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Layer_Management.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Layer Management Performance Tip","sidebar_label":"Layer Management","hide_table_of_contents":true,"slug":"Layer_Management.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Disable Perfect Draw","permalink":"/docs/performance/Disable_Perfect_Draw.html"},"next":{"title":"Listening False","permalink":"/docs/performance/Listening_False.html"}},{"id":"docs/performance/Listening_False","title":"HTML5 Canvas Listening False Performance Tip","description":"If you have a lot of shapes on the canvas and you don't need to detect events for some of them,","source":"@site/content/docs/performance/Listening_False.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Listening_False.html","permalink":"/docs/performance/Listening_False.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Listening_False.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Listening False Performance Tip","sidebar_label":"Listening False","hide_table_of_contents":true,"slug":"Listening_False.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Layer Management","permalink":"/docs/performance/Layer_Management.html"},"next":{"title":"Optimize Animation","permalink":"/docs/performance/Optimize_Animation.html"}},{"id":"docs/performance/Optimize_Animation","title":"HTML5 Canvas Optimize Animation Performance Tip","description":"When creating animations with Konva, it's important to optimize them for better performance.","source":"@site/content/docs/performance/Optimize_Animation.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Optimize_Animation.html","permalink":"/docs/performance/Optimize_Animation.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Optimize_Animation.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Optimize Animation Performance Tip","sidebar_label":"Optimize Animation","hide_table_of_contents":true,"slug":"Optimize_Animation.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Listening False","permalink":"/docs/performance/Listening_False.html"},"next":{"title":"Optimize Strokes","permalink":"/docs/performance/Optimize_Strokes.html"}},{"id":"docs/performance/Optimize_Strokes","title":"HTML5 Canvas Optimize Strokes Performance Tip","description":"When drawing shapes with strokes and shadows in Konva, there's an extra internal drawing step that occurs.","source":"@site/content/docs/performance/Optimize_Strokes.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Optimize_Strokes.html","permalink":"/docs/performance/Optimize_Strokes.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Optimize_Strokes.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Optimize Strokes Performance Tip","sidebar_label":"Optimize Strokes","hide_table_of_contents":true,"slug":"Optimize_Strokes.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Optimize Animation","permalink":"/docs/performance/Optimize_Animation.html"},"next":{"title":"Shape Caching","permalink":"/docs/performance/Shape_Caching.html"}},{"id":"docs/performance/Shape_Caching","title":"HTML5 Canvas Shape Caching Performance Tip","description":"If you have a complex shape with many drawing operations, or if you're applying filters,","source":"@site/content/docs/performance/Shape_Caching.mdx","sourceDirName":"docs/performance","slug":"/docs/performance/Shape_Caching.html","permalink":"/docs/performance/Shape_Caching.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/performance/Shape_Caching.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Shape Caching Performance Tip","sidebar_label":"Shape Caching","hide_table_of_contents":true,"slug":"Shape_Caching.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Optimize Strokes","permalink":"/docs/performance/Optimize_Strokes.html"},"next":{"title":"Access_Konva_Nodes","permalink":"/docs/react/Access_Konva_Nodes"}},{"id":"docs/posts/Position_vs_Offset","title":"Position_vs_Offset","description":"title: What is the difference between position and offset in Konva","source":"@site/content/docs/posts/Position_vs_Offset.md","sourceDirName":"docs/posts","slug":"/docs/posts/Position_vs_Offset","permalink":"/docs/posts/Position_vs_Offset","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/posts/Position_vs_Offset.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"zIndex","permalink":"/docs/svelte/zIndex"},"next":{"title":"Tainted_Canvas","permalink":"/docs/posts/Tainted_Canvas"}},{"id":"docs/posts/Tainted_Canvas","title":"Tainted_Canvas","description":"title: Resolving \"Tainted canvases may not be exported\" with Konva","source":"@site/content/docs/posts/Tainted_Canvas.md","sourceDirName":"docs/posts","slug":"/docs/posts/Tainted_Canvas","permalink":"/docs/posts/Tainted_Canvas","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/posts/Tainted_Canvas.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Position_vs_Offset","permalink":"/docs/posts/Position_vs_Offset"}},{"id":"docs/react/Access_Konva_Nodes","title":"Access_Konva_Nodes","description":"title: How to access Konva nodes from react-konva?","source":"@site/content/docs/react/Access_Konva_Nodes.md","sourceDirName":"docs/react","slug":"/docs/react/Access_Konva_Nodes","permalink":"/docs/react/Access_Konva_Nodes","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Access_Konva_Nodes.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Shape Caching","permalink":"/docs/performance/Shape_Caching.html"},"next":{"title":"Canvas_Export","permalink":"/docs/react/Canvas_Export"}},{"id":"docs/react/Canvas_Export","title":"Canvas_Export","description":"title: How to export a canvas into an image from react-konva?","source":"@site/content/docs/react/Canvas_Export.md","sourceDirName":"docs/react","slug":"/docs/react/Canvas_Export","permalink":"/docs/react/Canvas_Export","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Canvas_Export.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Access_Konva_Nodes","permalink":"/docs/react/Access_Konva_Nodes"},"next":{"title":"Canvas_Portal","permalink":"/docs/react/Canvas_Portal"}},{"id":"docs/react/Canvas_Portal","title":"Canvas_Portal","description":"title: How to use portals in react-konva?","source":"@site/content/docs/react/Canvas_Portal.md","sourceDirName":"docs/react","slug":"/docs/react/Canvas_Portal","permalink":"/docs/react/Canvas_Portal","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Canvas_Portal.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Canvas_Export","permalink":"/docs/react/Canvas_Export"},"next":{"title":"Complex_Animations","permalink":"/docs/react/Complex_Animations"}},{"id":"docs/react/Complex_Animations","title":"Complex_Animations","description":"title: How to apply canvas animations with react and konva?","source":"@site/content/docs/react/Complex_Animations.md","sourceDirName":"docs/react","slug":"/docs/react/Complex_Animations","permalink":"/docs/react/Complex_Animations","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Complex_Animations.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Canvas_Portal","permalink":"/docs/react/Canvas_Portal"},"next":{"title":"Custom_Shape","permalink":"/docs/react/Custom_Shape"}},{"id":"docs/react/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom shapes with React?","source":"@site/content/docs/react/Custom_Shape.md","sourceDirName":"docs/react","slug":"/docs/react/Custom_Shape","permalink":"/docs/react/Custom_Shape","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Custom_Shape.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Complex_Animations","permalink":"/docs/react/Complex_Animations"},"next":{"title":"DOM_Portal","permalink":"/docs/react/DOM_Portal"}},{"id":"docs/react/DOM_Portal","title":"DOM_Portal","description":"title: Render DOM elements inside a canvas stage","source":"@site/content/docs/react/DOM_Portal.md","sourceDirName":"docs/react","slug":"/docs/react/DOM_Portal","permalink":"/docs/react/DOM_Portal","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/DOM_Portal.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Custom_Shape","permalink":"/docs/react/Custom_Shape"},"next":{"title":"Drag_And_Drop","permalink":"/docs/react/Drag_And_Drop"}},{"id":"docs/react/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes","source":"@site/content/docs/react/Drag_And_Drop.md","sourceDirName":"docs/react","slug":"/docs/react/Drag_And_Drop","permalink":"/docs/react/Drag_And_Drop","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Drag_And_Drop.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"DOM_Portal","permalink":"/docs/react/DOM_Portal"},"next":{"title":"Drop_Image","permalink":"/docs/react/Drop_Image"}},{"id":"docs/react/Drop_Image","title":"Drop_Image","description":"title: How to drop image elements into a canvas with React?","source":"@site/content/docs/react/Drop_Image.md","sourceDirName":"docs/react","slug":"/docs/react/Drop_Image","permalink":"/docs/react/Drop_Image","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Drop_Image.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Drag_And_Drop","permalink":"/docs/react/Drag_And_Drop"},"next":{"title":"Events","permalink":"/docs/react/Events"}},{"id":"docs/react/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with React and Konva?","source":"@site/content/docs/react/Events.md","sourceDirName":"docs/react","slug":"/docs/react/Events","permalink":"/docs/react/Events","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Events.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Drop_Image","permalink":"/docs/react/Drop_Image"},"next":{"title":"Filters","permalink":"/docs/react/Filters"}},{"id":"docs/react/Filters","title":"Filters","description":"title: How to apply canvas filters with react and konva?","source":"@site/content/docs/react/Filters.md","sourceDirName":"docs/react","slug":"/docs/react/Filters","permalink":"/docs/react/Filters","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Filters.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Events","permalink":"/docs/react/Events"},"next":{"title":"Free_Drawing","permalink":"/docs/react/Free_Drawing"}},{"id":"docs/react/Free_Drawing","title":"Free_Drawing","description":"title: How to implement free drawing on canvas with react?","source":"@site/content/docs/react/Free_Drawing.md","sourceDirName":"docs/react","slug":"/docs/react/Free_Drawing","permalink":"/docs/react/Free_Drawing","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Free_Drawing.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Filters","permalink":"/docs/react/Filters"},"next":{"title":"Images","permalink":"/docs/react/Images"}},{"id":"docs/react/Images","title":"Images","description":"title: How to draw images on canvas with React?","source":"@site/content/docs/react/Images.md","sourceDirName":"docs/react","slug":"/docs/react/Images","permalink":"/docs/react/Images","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Images.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Free_Drawing","permalink":"/docs/react/Free_Drawing"},"next":{"title":"Intro","permalink":"/docs/react/Intro"}},{"id":"docs/react/index","title":"index","description":"title: Getting started with react and canvas via Konva","source":"@site/content/docs/react/index.md","sourceDirName":"docs/react","slug":"/docs/react/","permalink":"/docs/react/","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/index.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Undo-Redo","permalink":"/docs/react/Undo-Redo"},"next":{"title":"zIndex","permalink":"/docs/react/zIndex"}},{"id":"docs/react/Intro","title":"Intro","description":"title: react-konva - declarative canvas components for React","source":"@site/content/docs/react/Intro.md","sourceDirName":"docs/react","slug":"/docs/react/Intro","permalink":"/docs/react/Intro","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Intro.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Images","permalink":"/docs/react/Images"},"next":{"title":"Shapes","permalink":"/docs/react/Shapes"}},{"id":"docs/react/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with React","source":"@site/content/docs/react/Shapes.md","sourceDirName":"docs/react","slug":"/docs/react/Shapes","permalink":"/docs/react/Shapes","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Shapes.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Intro","permalink":"/docs/react/Intro"},"next":{"title":"Simple_Animations","permalink":"/docs/react/Simple_Animations"}},{"id":"docs/react/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with react and konva?","source":"@site/content/docs/react/Simple_Animations.md","sourceDirName":"docs/react","slug":"/docs/react/Simple_Animations","permalink":"/docs/react/Simple_Animations","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Simple_Animations.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Shapes","permalink":"/docs/react/Shapes"},"next":{"title":"Transformer","permalink":"/docs/react/Transformer"}},{"id":"docs/react/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with react and konva?","source":"@site/content/docs/react/Transformer.md","sourceDirName":"docs/react","slug":"/docs/react/Transformer","permalink":"/docs/react/Transformer","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Transformer.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Simple_Animations","permalink":"/docs/react/Simple_Animations"},"next":{"title":"Undo-Redo","permalink":"/docs/react/Undo-Redo"}},{"id":"docs/react/Undo-Redo","title":"Undo-Redo","description":"title: How to implement undo/redo on canvas with React?","source":"@site/content/docs/react/Undo-Redo.md","sourceDirName":"docs/react","slug":"/docs/react/Undo-Redo","permalink":"/docs/react/Undo-Redo","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/Undo-Redo.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Transformer","permalink":"/docs/react/Transformer"},"next":{"title":"index","permalink":"/docs/react/"}},{"id":"docs/react/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with React?","source":"@site/content/docs/react/zIndex.md","sourceDirName":"docs/react","slug":"/docs/react/zIndex","permalink":"/docs/react/zIndex","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/react/zIndex.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"index","permalink":"/docs/react/"},"next":{"title":"Cache","permalink":"/docs/vue/Cache"}},{"id":"docs/sandbox/Animals_on_the_Beach_Game","title":"Animals_on_the_Beach_Game","description":"title: Animals on the Beach Game","source":"@site/content/docs/sandbox/Animals_on_the_Beach_Game.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Animals_on_the_Beach_Game","permalink":"/docs/sandbox/Animals_on_the_Beach_Game","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Animals_on_the_Beach_Game.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Nodes","permalink":"/docs/sandbox/Nodes"},"next":{"title":"Animation_Stress_Test","permalink":"/docs/sandbox/Animation_Stress_Test"}},{"id":"docs/sandbox/Animation_Stress_Test","title":"Animation_Stress_Test","description":"title: Animation Stress Test","source":"@site/content/docs/sandbox/Animation_Stress_Test.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Animation_Stress_Test","permalink":"/docs/sandbox/Animation_Stress_Test","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Animation_Stress_Test.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Animals_on_the_Beach_Game","permalink":"/docs/sandbox/Animals_on_the_Beach_Game"},"next":{"title":"Canvas_Background","permalink":"/docs/sandbox/Canvas_Background"}},{"id":"docs/sandbox/Canvas_Background","title":"Canvas_Background","description":"title: How to add background to canvas?","source":"@site/content/docs/sandbox/Canvas_Background.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Canvas_Background","permalink":"/docs/sandbox/Canvas_Background","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Background.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Animation_Stress_Test","permalink":"/docs/sandbox/Animation_Stress_Test"},"next":{"title":"Canvas_Context_Menu","permalink":"/docs/sandbox/Canvas_Context_Menu"}},{"id":"docs/sandbox/Canvas_Context_Menu","title":"Canvas_Context_Menu","description":"title: How to show a context menu for HTML5 canvas shape?","source":"@site/content/docs/sandbox/Canvas_Context_Menu.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Canvas_Context_Menu","permalink":"/docs/sandbox/Canvas_Context_Menu","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Context_Menu.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Canvas_Background","permalink":"/docs/sandbox/Canvas_Background"},"next":{"title":"Canvas_Editor","permalink":"/docs/sandbox/Canvas_Editor"}},{"id":"docs/sandbox/Canvas_Editor","title":"Canvas_Editor","description":"title: Canvas Designer Editor for JavaScript","source":"@site/content/docs/sandbox/Canvas_Editor.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Canvas_Editor","permalink":"/docs/sandbox/Canvas_Editor","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Editor.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Canvas_Context_Menu","permalink":"/docs/sandbox/Canvas_Context_Menu"},"next":{"title":"Canvas_Scrolling","permalink":"/docs/sandbox/Canvas_Scrolling"}},{"id":"docs/sandbox/Canvas_Scrolling","title":"Canvas_Scrolling","description":"title: HTML5 Large Canvas Scrolling Demo","source":"@site/content/docs/sandbox/Canvas_Scrolling.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Canvas_Scrolling","permalink":"/docs/sandbox/Canvas_Scrolling","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_Scrolling.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Canvas_Editor","permalink":"/docs/sandbox/Canvas_Editor"},"next":{"title":"Canvas_to_PDF","permalink":"/docs/sandbox/Canvas_to_PDF"}},{"id":"docs/sandbox/Canvas_to_PDF","title":"Canvas_to_PDF","description":"title: How to convert canvas to pdf","source":"@site/content/docs/sandbox/Canvas_to_PDF.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Canvas_to_PDF","permalink":"/docs/sandbox/Canvas_to_PDF","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Canvas_to_PDF.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Canvas_Scrolling","permalink":"/docs/sandbox/Canvas_Scrolling"},"next":{"title":"Collision_Detection","permalink":"/docs/sandbox/Collision_Detection"}},{"id":"docs/sandbox/Collision_Detection","title":"Collision_Detection","description":"title: Drag and Drop Collision Detection Demo","source":"@site/content/docs/sandbox/Collision_Detection.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Collision_Detection","permalink":"/docs/sandbox/Collision_Detection","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Collision_Detection.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Canvas_to_PDF","permalink":"/docs/sandbox/Canvas_to_PDF"},"next":{"title":"Connected_Objects","permalink":"/docs/sandbox/Connected_Objects"}},{"id":"docs/sandbox/Connected_Objects","title":"Connected_Objects","description":"title: Connect objects HTML5 canvas with Konva","source":"@site/content/docs/sandbox/Connected_Objects.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Connected_Objects","permalink":"/docs/sandbox/Connected_Objects","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Connected_Objects.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Collision_Detection","permalink":"/docs/sandbox/Collision_Detection"},"next":{"title":"Custom_Font","permalink":"/docs/sandbox/Custom_Font"}},{"id":"docs/sandbox/Custom_Font","title":"Custom_Font","description":"title: How to use custom font for HTML5 canvas?","source":"@site/content/docs/sandbox/Custom_Font.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Custom_Font","permalink":"/docs/sandbox/Custom_Font","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Custom_Font.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Connected_Objects","permalink":"/docs/sandbox/Connected_Objects"},"next":{"title":"Drag_and_Drop_Multiple_Shapes","permalink":"/docs/sandbox/Drag_and_Drop_Multiple_Shapes"}},{"id":"docs/sandbox/Drag_and_Drop_Multiple_Shapes","title":"Drag_and_Drop_Multiple_Shapes","description":"title: Drag and Drop Multiple Shapes","source":"@site/content/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Drag_and_Drop_Multiple_Shapes","permalink":"/docs/sandbox/Drag_and_Drop_Multiple_Shapes","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Custom_Font","permalink":"/docs/sandbox/Custom_Font"},"next":{"title":"Drag_and_Drop_Stress_Test","permalink":"/docs/sandbox/Drag_and_Drop_Stress_Test"}},{"id":"docs/sandbox/Drag_and_Drop_Stress_Test","title":"Drag_and_Drop_Stress_Test","description":"title: Drag and Drop Stress Test with 10,000 Shapes","source":"@site/content/docs/sandbox/Drag_and_Drop_Stress_Test.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Drag_and_Drop_Stress_Test","permalink":"/docs/sandbox/Drag_and_Drop_Stress_Test","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Drag_and_Drop_Stress_Test.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Drag_and_Drop_Multiple_Shapes","permalink":"/docs/sandbox/Drag_and_Drop_Multiple_Shapes"},"next":{"title":"Drop_DOM_Element","permalink":"/docs/sandbox/Drop_DOM_Element"}},{"id":"docs/sandbox/Drop_DOM_Element","title":"Drop_DOM_Element","description":"title: How to drag and drop DOM image into the canvas","source":"@site/content/docs/sandbox/Drop_DOM_Element.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Drop_DOM_Element","permalink":"/docs/sandbox/Drop_DOM_Element","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Drop_DOM_Element.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Drag_and_Drop_Stress_Test","permalink":"/docs/sandbox/Drag_and_Drop_Stress_Test"},"next":{"title":"Editable_Text","permalink":"/docs/sandbox/Editable_Text"}},{"id":"docs/sandbox/Editable_Text","title":"Editable_Text","description":"title: Text editing in HTML5 canvas with Konva","source":"@site/content/docs/sandbox/Editable_Text.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Editable_Text","permalink":"/docs/sandbox/Editable_Text","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Editable_Text.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Drop_DOM_Element","permalink":"/docs/sandbox/Drop_DOM_Element"},"next":{"title":"Elastic_Stars","permalink":"/docs/sandbox/Elastic_Stars"}},{"id":"docs/sandbox/Elastic_Stars","title":"Elastic_Stars","description":"title: Elastic Stars","source":"@site/content/docs/sandbox/Elastic_Stars.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Elastic_Stars","permalink":"/docs/sandbox/Elastic_Stars","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Elastic_Stars.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Editable_Text","permalink":"/docs/sandbox/Editable_Text"},"next":{"title":"Expand_Images_on_Hover","permalink":"/docs/sandbox/Expand_Images_on_Hover"}},{"id":"docs/sandbox/Expand_Images_on_Hover","title":"Expand_Images_on_Hover","description":"title: Expand Image on Hover","source":"@site/content/docs/sandbox/Expand_Images_on_Hover.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Expand_Images_on_Hover","permalink":"/docs/sandbox/Expand_Images_on_Hover","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Expand_Images_on_Hover.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Elastic_Stars","permalink":"/docs/sandbox/Elastic_Stars"},"next":{"title":"Free_Drawing","permalink":"/docs/sandbox/Free_Drawing"}},{"id":"docs/sandbox/Free_Drawing","title":"Free_Drawing","description":"title: Free Drawing Konva Demo","source":"@site/content/docs/sandbox/Free_Drawing.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Free_Drawing","permalink":"/docs/sandbox/Free_Drawing","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Free_Drawing.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Expand_Images_on_Hover","permalink":"/docs/sandbox/Expand_Images_on_Hover"},"next":{"title":"GIF_On_Canvas","permalink":"/docs/sandbox/GIF_On_Canvas"}},{"id":"docs/sandbox/Gestures","title":"Gestures","description":"title: Gesture Events on Canvas Shapes","source":"@site/content/docs/sandbox/Gestures.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Gestures","permalink":"/docs/sandbox/Gestures","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Gestures.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"GIF_On_Canvas","permalink":"/docs/sandbox/GIF_On_Canvas"},"next":{"title":"Image_Border","permalink":"/docs/sandbox/Image_Border"}},{"id":"docs/sandbox/GIF_On_Canvas","title":"GIF_On_Canvas","description":"title: How to animate GIF on Canvas","source":"@site/content/docs/sandbox/GIF_On_Canvas.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/GIF_On_Canvas","permalink":"/docs/sandbox/GIF_On_Canvas","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/GIF_On_Canvas.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Free_Drawing","permalink":"/docs/sandbox/Free_Drawing"},"next":{"title":"Gestures","permalink":"/docs/sandbox/Gestures"}},{"id":"docs/sandbox/Image_Border","title":"Image_Border","description":"title: Border for Image around Non Transparent parts","source":"@site/content/docs/sandbox/Image_Border.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Image_Border","permalink":"/docs/sandbox/Image_Border","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Border.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Gestures","permalink":"/docs/sandbox/Gestures"},"next":{"title":"Image_Border_Highlighting","permalink":"/docs/sandbox/Image_Border_Highlighting"}},{"id":"docs/sandbox/Image_Border_Highlighting","title":"Image_Border_Highlighting","description":"title: Drag and Drop Multiple Images with Border Highlighting","source":"@site/content/docs/sandbox/Image_Border_Highlighting.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Image_Border_Highlighting","permalink":"/docs/sandbox/Image_Border_Highlighting","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Border_Highlighting.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Image_Border","permalink":"/docs/sandbox/Image_Border"},"next":{"title":"Image_Labeling","permalink":"/docs/sandbox/Image_Labeling"}},{"id":"docs/sandbox/Image_Labeling","title":"Image_Labeling","description":"title: Drawing Labels on Image with canvas","source":"@site/content/docs/sandbox/Image_Labeling.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Image_Labeling","permalink":"/docs/sandbox/Image_Labeling","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Labeling.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Image_Border_Highlighting","permalink":"/docs/sandbox/Image_Border_Highlighting"},"next":{"title":"Image_Resize","permalink":"/docs/sandbox/Image_Resize"}},{"id":"docs/sandbox/Image_Resize","title":"Image_Resize","description":"title: HTML5 Canvas Drag, Drop, and Resize Images Demo","source":"@site/content/docs/sandbox/Image_Resize.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Image_Resize","permalink":"/docs/sandbox/Image_Resize","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Image_Resize.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Image_Labeling","permalink":"/docs/sandbox/Image_Labeling"},"next":{"title":"Interactive_Building_Map","permalink":"/docs/sandbox/Interactive_Building_Map"}},{"id":"docs/sandbox/Interactive_Building_Map","title":"Interactive_Building_Map","description":"title: Interactive Building Map","source":"@site/content/docs/sandbox/Interactive_Building_Map.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Interactive_Building_Map","permalink":"/docs/sandbox/Interactive_Building_Map","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Interactive_Building_Map.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Image_Resize","permalink":"/docs/sandbox/Image_Resize"},"next":{"title":"Jumping_Bunnies","permalink":"/docs/sandbox/Jumping_Bunnies"}},{"id":"docs/sandbox/Jumping_Bunnies","title":"Jumping_Bunnies","description":"title: Jumping bunnies performance stress test","source":"@site/content/docs/sandbox/Jumping_Bunnies.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Jumping_Bunnies","permalink":"/docs/sandbox/Jumping_Bunnies","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Jumping_Bunnies.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Interactive_Building_Map","permalink":"/docs/sandbox/Interactive_Building_Map"},"next":{"title":"Limited_Drag_And_Resize","permalink":"/docs/sandbox/Limited_Drag_And_Resize"}},{"id":"docs/sandbox/Limited_Drag_And_Resize","title":"Limited_Drag_And_Resize","description":"title: How to limit dragging and resizing of shapes by canvas stage?","source":"@site/content/docs/sandbox/Limited_Drag_And_Resize.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Limited_Drag_And_Resize","permalink":"/docs/sandbox/Limited_Drag_And_Resize","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Limited_Drag_And_Resize.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Jumping_Bunnies","permalink":"/docs/sandbox/Jumping_Bunnies"},"next":{"title":"Mirror_Canvas_Shape","permalink":"/docs/sandbox/Mirror_Canvas_Shape"}},{"id":"docs/sandbox/Mirror_Canvas_Shape","title":"Mirror_Canvas_Shape","description":"title: How to flip shapes or image on canvas?","source":"@site/content/docs/sandbox/Mirror_Canvas_Shape.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Mirror_Canvas_Shape","permalink":"/docs/sandbox/Mirror_Canvas_Shape","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Mirror_Canvas_Shape.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Limited_Drag_And_Resize","permalink":"/docs/sandbox/Limited_Drag_And_Resize"},"next":{"title":"Modify_Curves_with_Anchor_Points","permalink":"/docs/sandbox/Modify_Curves_with_Anchor_Points"}},{"id":"docs/sandbox/Modify_Curves_with_Anchor_Points","title":"Modify_Curves_with_Anchor_Points","description":"title: Modify Curves with Anchor Points","source":"@site/content/docs/sandbox/Modify_Curves_with_Anchor_Points.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Modify_Curves_with_Anchor_Points","permalink":"/docs/sandbox/Modify_Curves_with_Anchor_Points","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Modify_Curves_with_Anchor_Points.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Mirror_Canvas_Shape","permalink":"/docs/sandbox/Mirror_Canvas_Shape"},"next":{"title":"Modify_Shape_Color_on_Click","permalink":"/docs/sandbox/Modify_Shape_Color_on_Click"}},{"id":"docs/sandbox/Modify_Shape_Color_on_Click","title":"Modify_Shape_Color_on_Click","description":"title: Modify Shape Color on Click","source":"@site/content/docs/sandbox/Modify_Shape_Color_on_Click.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Modify_Shape_Color_on_Click","permalink":"/docs/sandbox/Modify_Shape_Color_on_Click","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Modify_Shape_Color_on_Click.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Modify_Curves_with_Anchor_Points","permalink":"/docs/sandbox/Modify_Curves_with_Anchor_Points"},"next":{"title":"Multi-touch_Scale_Shape","permalink":"/docs/sandbox/Multi-touch_Scale_Shape"}},{"id":"docs/sandbox/Multi-touch_Scale_Shape","title":"Multi-touch_Scale_Shape","description":"title: Multi-touch Scale Shape","source":"@site/content/docs/sandbox/Multi-touch_Scale_Shape.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Multi-touch_Scale_Shape","permalink":"/docs/sandbox/Multi-touch_Scale_Shape","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Multi-touch_Scale_Shape.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Modify_Shape_Color_on_Click","permalink":"/docs/sandbox/Modify_Shape_Color_on_Click"},"next":{"title":"Multi-touch_Scale_Stage","permalink":"/docs/sandbox/Multi-touch_Scale_Stage"}},{"id":"docs/sandbox/Multi-touch_Scale_Stage","title":"Multi-touch_Scale_Stage","description":"title: Multi-touch Canvas scale with pinch zoom","source":"@site/content/docs/sandbox/Multi-touch_Scale_Stage.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Multi-touch_Scale_Stage","permalink":"/docs/sandbox/Multi-touch_Scale_Stage","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Multi-touch_Scale_Stage.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Multi-touch_Scale_Shape","permalink":"/docs/sandbox/Multi-touch_Scale_Shape"},"next":{"title":"Native_Context_Access","permalink":"/docs/sandbox/Native_Context_Access"}},{"id":"docs/sandbox/Native_Context_Access","title":"Native_Context_Access","description":"title: How to access native 2d context","source":"@site/content/docs/sandbox/Native_Context_Access.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Native_Context_Access","permalink":"/docs/sandbox/Native_Context_Access","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Native_Context_Access.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Multi-touch_Scale_Stage","permalink":"/docs/sandbox/Multi-touch_Scale_Stage"},"next":{"title":"Objects_Snapping","permalink":"/docs/sandbox/Objects_Snapping"}},{"id":"docs/sandbox/Nodes","title":"Nodes","description":"title: Interactive Scatter Plot with 20,000 Nodes","source":"@site/content/docs/sandbox/20000_Nodes.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Nodes","permalink":"/docs/sandbox/Nodes","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/20000_Nodes.md","tags":[],"version":"current","sidebarPosition":20000,"frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Shapes_with_Tooltip","permalink":"/docs/sandbox/Shapes_with_Tooltip"},"next":{"title":"Animals_on_the_Beach_Game","permalink":"/docs/sandbox/Animals_on_the_Beach_Game"}},{"id":"docs/sandbox/Objects_Snapping","title":"Objects_Snapping","description":"title: How to snap shapes positions on dragging with Konva?","source":"@site/content/docs/sandbox/Objects_Snapping.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Objects_Snapping","permalink":"/docs/sandbox/Objects_Snapping","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Objects_Snapping.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Native_Context_Access","permalink":"/docs/sandbox/Native_Context_Access"},"next":{"title":"Physics_Simulator","permalink":"/docs/sandbox/Physics_Simulator"}},{"id":"docs/sandbox/Physics_Simulator","title":"Physics_Simulator","description":"title: Physics Simulator with Curve Detection","source":"@site/content/docs/sandbox/Physics_Simulator.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Physics_Simulator","permalink":"/docs/sandbox/Physics_Simulator","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Physics_Simulator.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Objects_Snapping","permalink":"/docs/sandbox/Objects_Snapping"},"next":{"title":"Planets_Image_Map","permalink":"/docs/sandbox/Planets_Image_Map"}},{"id":"docs/sandbox/Planets_Image_Map","title":"Planets_Image_Map","description":"title: Planets Image Map","source":"@site/content/docs/sandbox/Planets_Image_Map.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Planets_Image_Map","permalink":"/docs/sandbox/Planets_Image_Map","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Planets_Image_Map.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Physics_Simulator","permalink":"/docs/sandbox/Physics_Simulator"},"next":{"title":"Quantum_Squiggle","permalink":"/docs/sandbox/Quantum_Squiggle"}},{"id":"docs/sandbox/Quantum_Squiggle","title":"Quantum_Squiggle","description":"title:  Oscillating Blobs","source":"@site/content/docs/sandbox/Quantum_Squiggle.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Quantum_Squiggle","permalink":"/docs/sandbox/Quantum_Squiggle","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Quantum_Squiggle.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Planets_Image_Map","permalink":"/docs/sandbox/Planets_Image_Map"},"next":{"title":"Relative_Pointer_Position","permalink":"/docs/sandbox/Relative_Pointer_Position"}},{"id":"docs/sandbox/Relative_Pointer_Position","title":"Relative_Pointer_Position","description":"title: How to find relative mouse position?","source":"@site/content/docs/sandbox/Relative_Pointer_Position.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Relative_Pointer_Position","permalink":"/docs/sandbox/Relative_Pointer_Position","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Relative_Pointer_Position.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Quantum_Squiggle","permalink":"/docs/sandbox/Quantum_Squiggle"},"next":{"title":"Resizing_Stress_Test","permalink":"/docs/sandbox/Resizing_Stress_Test"}},{"id":"docs/sandbox/Resizing_Stress_Test","title":"Resizing_Stress_Test","description":"title: Resizing Stress Test with Konva","source":"@site/content/docs/sandbox/Resizing_Stress_Test.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Resizing_Stress_Test","permalink":"/docs/sandbox/Resizing_Stress_Test","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Resizing_Stress_Test.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Relative_Pointer_Position","permalink":"/docs/sandbox/Relative_Pointer_Position"},"next":{"title":"Responsive_Canvas","permalink":"/docs/sandbox/Responsive_Canvas"}},{"id":"docs/sandbox/Responsive_Canvas","title":"Responsive_Canvas","description":"title: Responsive Canvas Stage Demo","source":"@site/content/docs/sandbox/Responsive_Canvas.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Responsive_Canvas","permalink":"/docs/sandbox/Responsive_Canvas","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Responsive_Canvas.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Resizing_Stress_Test","permalink":"/docs/sandbox/Resizing_Stress_Test"},"next":{"title":"Rich_Text","permalink":"/docs/sandbox/Rich_Text"}},{"id":"docs/sandbox/Rich_Text","title":"Rich_Text","description":"title: How to show rich html on canvas with Konva","source":"@site/content/docs/sandbox/Rich_Text.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Rich_Text","permalink":"/docs/sandbox/Rich_Text","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Rich_Text.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Responsive_Canvas","permalink":"/docs/sandbox/Responsive_Canvas"},"next":{"title":"SVG_On_Canvas","permalink":"/docs/sandbox/SVG_On_Canvas"}},{"id":"docs/sandbox/Scale_Image_To_Fit","title":"Scale_Image_To_Fit","description":"title: Scaling image to fit a fixed area on canvas","source":"@site/content/docs/sandbox/Scale_Image_To_Fit.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Scale_Image_To_Fit","permalink":"/docs/sandbox/Scale_Image_To_Fit","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Scale_Image_To_Fit.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"SVG_On_Canvas","permalink":"/docs/sandbox/SVG_On_Canvas"},"next":{"title":"Scroll_By_Edge_Drag","permalink":"/docs/sandbox/Scroll_By_Edge_Drag"}},{"id":"docs/sandbox/Scroll_By_Edge_Drag","title":"Scroll_By_Edge_Drag","description":"title: How to automatically scroll stage by edge drag?","source":"@site/content/docs/sandbox/Scroll_By_Edge_Drag.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Scroll_By_Edge_Drag","permalink":"/docs/sandbox/Scroll_By_Edge_Drag","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Scroll_By_Edge_Drag.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Scale_Image_To_Fit","permalink":"/docs/sandbox/Scale_Image_To_Fit"},"next":{"title":"Seats_Reservation","permalink":"/docs/sandbox/Seats_Reservation"}},{"id":"docs/sandbox/Seats_Reservation","title":"Seats_Reservation","description":"title: Seats bookings widget for the website with canvas","source":"@site/content/docs/sandbox/Seats_Reservation.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Seats_Reservation","permalink":"/docs/sandbox/Seats_Reservation","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Seats_Reservation.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Scroll_By_Edge_Drag","permalink":"/docs/sandbox/Scroll_By_Edge_Drag"},"next":{"title":"Shape_Tango","permalink":"/docs/sandbox/Shape_Tango"}},{"id":"docs/sandbox/Shape_Tango","title":"Shape_Tango","description":"title: HTML5 Canvas Shape Tango with Konva","source":"@site/content/docs/sandbox/Shape_Tango.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Shape_Tango","permalink":"/docs/sandbox/Shape_Tango","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Shape_Tango.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Seats_Reservation","permalink":"/docs/sandbox/Seats_Reservation"},"next":{"title":"Shape_Tooltips","permalink":"/docs/sandbox/Shape_Tooltips"}},{"id":"docs/sandbox/Shape_Tooltips","title":"Shape_Tooltips","description":"title: Shape Tooltips","source":"@site/content/docs/sandbox/Shape_Tooltips.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Shape_Tooltips","permalink":"/docs/sandbox/Shape_Tooltips","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Shape_Tooltips.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Shape_Tango","permalink":"/docs/sandbox/Shape_Tango"},"next":{"title":"Simple_Window_Frame","permalink":"/docs/sandbox/Simple_Window_Frame"}},{"id":"docs/sandbox/Shapes_with_Tooltip","title":"Shapes_with_Tooltip","description":"title: 10,000 Shapes with Tooltips Stress Test with Konva","source":"@site/content/docs/sandbox/10000_Shapes_with_Tooltip.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Shapes_with_Tooltip","permalink":"/docs/sandbox/Shapes_with_Tooltip","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/10000_Shapes_with_Tooltip.md","tags":[],"version":"current","sidebarPosition":10000,"frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Stop Animation","permalink":"/docs/animations/Stop_Animation.html"},"next":{"title":"Nodes","permalink":"/docs/sandbox/Nodes"}},{"id":"docs/sandbox/Simple_Window_Frame","title":"Simple_Window_Frame","description":"title: HTML5 Canvas Simple Window Designer","source":"@site/content/docs/sandbox/Simple_Window_Frame.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Simple_Window_Frame","permalink":"/docs/sandbox/Simple_Window_Frame","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Simple_Window_Frame.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Shape_Tooltips","permalink":"/docs/sandbox/Shape_Tooltips"},"next":{"title":"Stage_Preview","permalink":"/docs/sandbox/Stage_Preview"}},{"id":"docs/sandbox/Stage_Preview","title":"Stage_Preview","description":"title: How to preview large stage on canvas with Konva?","source":"@site/content/docs/sandbox/Stage_Preview.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Stage_Preview","permalink":"/docs/sandbox/Stage_Preview","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Stage_Preview.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Simple_Window_Frame","permalink":"/docs/sandbox/Simple_Window_Frame"},"next":{"title":"Star_Spinner","permalink":"/docs/sandbox/Star_Spinner"}},{"id":"docs/sandbox/Star_Spinner","title":"Star_Spinner","description":"title: Star Spinner","source":"@site/content/docs/sandbox/Star_Spinner.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Star_Spinner","permalink":"/docs/sandbox/Star_Spinner","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Star_Spinner.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Stage_Preview","permalink":"/docs/sandbox/Stage_Preview"},"next":{"title":"Transparent_Group","permalink":"/docs/sandbox/Transparent_Group"}},{"id":"docs/sandbox/SVG_On_Canvas","title":"SVG_On_Canvas","description":"title: How to draw SVG image on canvas with Konva","source":"@site/content/docs/sandbox/SVG_On_Canvas.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/SVG_On_Canvas","permalink":"/docs/sandbox/SVG_On_Canvas","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/SVG_On_Canvas.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Rich_Text","permalink":"/docs/sandbox/Rich_Text"},"next":{"title":"Scale_Image_To_Fit","permalink":"/docs/sandbox/Scale_Image_To_Fit"}},{"id":"docs/sandbox/Transparent_Group","title":"Transparent_Group","description":"title: How to apply transparency for several shapes at once?","source":"@site/content/docs/sandbox/Transparent_Group.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Transparent_Group","permalink":"/docs/sandbox/Transparent_Group","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Transparent_Group.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Star_Spinner","permalink":"/docs/sandbox/Star_Spinner"},"next":{"title":"Video_On_Canvas","permalink":"/docs/sandbox/Video_On_Canvas"}},{"id":"docs/sandbox/Video_On_Canvas","title":"Video_On_Canvas","description":"title: How to display video on Canvas","source":"@site/content/docs/sandbox/Video_On_Canvas.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Video_On_Canvas","permalink":"/docs/sandbox/Video_On_Canvas","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Video_On_Canvas.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Transparent_Group","permalink":"/docs/sandbox/Transparent_Group"},"next":{"title":"Web_Worker","permalink":"/docs/sandbox/Web_Worker"}},{"id":"docs/sandbox/Web_Worker","title":"Web_Worker","description":"title: Offscreen canvas inside Web Worker","source":"@site/content/docs/sandbox/Web_Worker.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Web_Worker","permalink":"/docs/sandbox/Web_Worker","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Web_Worker.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Video_On_Canvas","permalink":"/docs/sandbox/Video_On_Canvas"},"next":{"title":"Wheel_of_Fortune","permalink":"/docs/sandbox/Wheel_of_Fortune"}},{"id":"docs/sandbox/Wheel_of_Fortune","title":"Wheel_of_Fortune","description":"title: Wheel of Fortune HTML5 Canvas Game","source":"@site/content/docs/sandbox/Wheel_of_Fortune.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Wheel_of_Fortune","permalink":"/docs/sandbox/Wheel_of_Fortune","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Wheel_of_Fortune.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Web_Worker","permalink":"/docs/sandbox/Web_Worker"},"next":{"title":"Window_Frame_Designer","permalink":"/docs/sandbox/Window_Frame_Designer"}},{"id":"docs/sandbox/Window_Frame_Designer","title":"Window_Frame_Designer","description":"title: HTML5 Canvas Window Frame Designer","source":"@site/content/docs/sandbox/Window_Frame_Designer.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Window_Frame_Designer","permalink":"/docs/sandbox/Window_Frame_Designer","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Window_Frame_Designer.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Wheel_of_Fortune","permalink":"/docs/sandbox/Wheel_of_Fortune"},"next":{"title":"Zoom_Layer_On_hover","permalink":"/docs/sandbox/Zoom_Layer_On_hover"}},{"id":"docs/sandbox/Zoom_Layer_On_hover","title":"Zoom_Layer_On_hover","description":"title: Zoom Image on Hover","source":"@site/content/docs/sandbox/Zoom_Layer_On_hover.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Zoom_Layer_On_hover","permalink":"/docs/sandbox/Zoom_Layer_On_hover","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Zoom_Layer_On_hover.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Window_Frame_Designer","permalink":"/docs/sandbox/Window_Frame_Designer"},"next":{"title":"Zooming_Relative_To_Pointer","permalink":"/docs/sandbox/Zooming_Relative_To_Pointer"}},{"id":"docs/sandbox/Zooming_Relative_To_Pointer","title":"Zooming_Relative_To_Pointer","description":"title: Zooming stage relative to pointer position","source":"@site/content/docs/sandbox/Zooming_Relative_To_Pointer.md","sourceDirName":"docs/sandbox","slug":"/docs/sandbox/Zooming_Relative_To_Pointer","permalink":"/docs/sandbox/Zooming_Relative_To_Pointer","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/sandbox/Zooming_Relative_To_Pointer.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Zoom_Layer_On_hover","permalink":"/docs/sandbox/Zoom_Layer_On_hover"},"next":{"title":"Select by Name","permalink":"/docs/selectors/Select_by_Name.html"}},{"id":"docs/select_and_transform/Basic_demo","title":"HTML5 Canvas Shape select, resize and rotate","description":"Transformer is a special kind of Konva.Group. It allows you easily resize and rotate any node or set of nodes.","source":"@site/content/docs/select_and_transform/01_Basic_demo.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Basic_demo.html","permalink":"/docs/select_and_transform/Basic_demo.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/01_Basic_demo.mdx","tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"title":"HTML5 Canvas Shape select, resize and rotate","sidebar_label":"Basic demo","hide_table_of_contents":true,"slug":"Basic_demo.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Drop Events","permalink":"/docs/drag_and_drop/Drop_Events.html"},"next":{"title":"Centered Scaling","permalink":"/docs/select_and_transform/Centered_Scaling.html"}},{"id":"docs/select_and_transform/Centered_Scaling","title":"HTML5 Canvas Shape Resize Relative to Center","description":"To resize a node into both sides at the same time you can set centeredScaling to true or hold ALT key while moving an anchor (even if centeredScaling is false).","source":"@site/content/docs/select_and_transform/02_Centered_Scaling.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Centered_Scaling.html","permalink":"/docs/select_and_transform/Centered_Scaling.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/02_Centered_Scaling.mdx","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"title":"HTML5 Canvas Shape Resize Relative to Center","sidebar_label":"Centered Scaling","hide_table_of_contents":true,"slug":"Centered_Scaling.html","position":2},"sidebar":"tutorialsSidebar","previous":{"title":"Basic demo","permalink":"/docs/select_and_transform/Basic_demo.html"},"next":{"title":"Keep Ratio","permalink":"/docs/select_and_transform/Keep_Ratio.html"}},{"id":"docs/select_and_transform/Force_Update","title":"HTML5 Canvas Force Update Tutorial","description":"Konva.Transformer automatically tracks properties of attached nodes.","source":"@site/content/docs/select_and_transform/10_Force_Update.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Force_Update.html","permalink":"/docs/select_and_transform/Force_Update.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/10_Force_Update.mdx","tags":[],"version":"current","sidebarPosition":10,"frontMatter":{"title":"HTML5 Canvas Force Update Tutorial","sidebar_label":"Force Update","hide_table_of_contents":true,"slug":"Force_Update.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Stop Transform","permalink":"/docs/select_and_transform/Stop_Transform.html"},"next":{"title":"Resize Text","permalink":"/docs/select_and_transform/Resize_Text.html"}},{"id":"docs/select_and_transform/Ignore_Stroke_On_Transform","title":"How to resize shape on canvas without changing its stroke size?","description":"Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.","source":"@site/content/docs/select_and_transform/12_Ignore_Stroke_On_Transform.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Ignore_Stroke_On_Transform.html","permalink":"/docs/select_and_transform/Ignore_Stroke_On_Transform.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/12_Ignore_Stroke_On_Transform.mdx","tags":[],"version":"current","sidebarPosition":12,"frontMatter":{"title":"How to resize shape on canvas without changing its stroke size?","sidebar_label":"Ignore Stroke","hide_table_of_contents":true,"slug":"Ignore_Stroke_On_Transform.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Resize Text","permalink":"/docs/select_and_transform/Resize_Text.html"},"next":{"title":"Clipping Functions","permalink":"/docs/clipping/Clipping_Function.html"}},{"id":"docs/select_and_transform/Keep_Ratio","title":"HTML5 Canvas Shape Resize With Ratio Preserved","description":"By default when you resize with corner anchors (top-left, top-right, bottom-left or bottom-right) Transformer will save ratio of a node.","source":"@site/content/docs/select_and_transform/03_Keep_Ratio.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Keep_Ratio.html","permalink":"/docs/select_and_transform/Keep_Ratio.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/03_Keep_Ratio.mdx","tags":[],"version":"current","sidebarPosition":3,"frontMatter":{"title":"HTML5 Canvas Shape Resize With Ratio Preserved","sidebar_label":"Keep Ratio","hide_table_of_contents":true,"slug":"Keep_Ratio.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Centered Scaling","permalink":"/docs/select_and_transform/Centered_Scaling.html"},"next":{"title":"Styling","permalink":"/docs/select_and_transform/Transformer_Styling.html"}},{"id":"docs/select_and_transform/Resize_Limits","title":"HTML5 Canvas Shape Resize and Transform Limits","description":"To limit or change resize and transform behavior you can use boundBoxFunc property.","source":"@site/content/docs/select_and_transform/07_Resize_Limits.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Resize_Limits.html","permalink":"/docs/select_and_transform/Resize_Limits.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/07_Resize_Limits.mdx","tags":[],"version":"current","sidebarPosition":7,"frontMatter":{"title":"HTML5 Canvas Shape Resize and Transform Limits","sidebar_label":"Resize Limits","hide_table_of_contents":true,"slug":"Resize_Limits.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Transform Events","permalink":"/docs/select_and_transform/Transform_Events.html"},"next":{"title":"Resize Snaps","permalink":"/docs/select_and_transform/Resize_Snaps.html"}},{"id":"docs/select_and_transform/Resize_Snaps","title":"HTML5 Canvas Shape Resize Snapping","description":"In some applications, you may want to snap resizing near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.","source":"@site/content/docs/select_and_transform/08_Resize_Snaps.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Resize_Snaps.html","permalink":"/docs/select_and_transform/Resize_Snaps.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/08_Resize_Snaps.mdx","tags":[],"version":"current","sidebarPosition":8,"frontMatter":{"title":"HTML5 Canvas Shape Resize Snapping","sidebar_label":"Resize Snaps","hide_table_of_contents":true,"slug":"Resize_Snaps.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Resize Limits","permalink":"/docs/select_and_transform/Resize_Limits.html"},"next":{"title":"Rotation Snaps","permalink":"/docs/select_and_transform/Rotation_Snaps.html"}},{"id":"docs/select_and_transform/Resize_Text","title":"How to resize text on canvas?","description":"Remember, that Konva.Transformer is changing scaleX and scaleY properties of a node.","source":"@site/content/docs/select_and_transform/11_Resize_Text.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Resize_Text.html","permalink":"/docs/select_and_transform/Resize_Text.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/11_Resize_Text.mdx","tags":[],"version":"current","sidebarPosition":11,"frontMatter":{"title":"How to resize text on canvas?","sidebar_label":"Resize Text","hide_table_of_contents":true,"slug":"Resize_Text.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Force Update","permalink":"/docs/select_and_transform/Force_Update.html"},"next":{"title":"Ignore Stroke","permalink":"/docs/select_and_transform/Ignore_Stroke_On_Transform.html"}},{"id":"docs/select_and_transform/Rotation_Snaps","title":"HTML5 Canvas Shape Snap Rotation","description":"In some applications, you may want to snap rotation near some values. Snapping makes a shape \"sticky\" near provided values and works like rounding.","source":"@site/content/docs/select_and_transform/08_Rotation_Snaps.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Rotation_Snaps.html","permalink":"/docs/select_and_transform/Rotation_Snaps.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/08_Rotation_Snaps.mdx","tags":[],"version":"current","sidebarPosition":8,"frontMatter":{"title":"HTML5 Canvas Shape Snap Rotation","sidebar_label":"Rotation Snaps","hide_table_of_contents":true,"slug":"Rotation_Snaps.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Resize Snaps","permalink":"/docs/select_and_transform/Resize_Snaps.html"},"next":{"title":"Stop Transform","permalink":"/docs/select_and_transform/Stop_Transform.html"}},{"id":"docs/select_and_transform/Stop_Transform","title":"HTML5 Canvas Stop Shape Transform","description":"If you need to stop transforming immediately you can use stopTransform method of Konva.Transformer instance.","source":"@site/content/docs/select_and_transform/09_Stop_Transform.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Stop_Transform.html","permalink":"/docs/select_and_transform/Stop_Transform.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/09_Stop_Transform.mdx","tags":[],"version":"current","sidebarPosition":9,"frontMatter":{"title":"HTML5 Canvas Stop Shape Transform","sidebar_label":"Stop Transform","hide_table_of_contents":true,"slug":"Stop_Transform.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Rotation Snaps","permalink":"/docs/select_and_transform/Rotation_Snaps.html"},"next":{"title":"Force Update","permalink":"/docs/select_and_transform/Force_Update.html"}},{"id":"docs/select_and_transform/Transform_Events","title":"HTML5 Canvas Transform and Resize events","description":"Konva.Transformer object has special transform events that you can use in your app: transformstart, transform and transformend.","source":"@site/content/docs/select_and_transform/06_Transform_Events.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Transform_Events.html","permalink":"/docs/select_and_transform/Transform_Events.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/06_Transform_Events.mdx","tags":[],"version":"current","sidebarPosition":6,"frontMatter":{"title":"HTML5 Canvas Transform and Resize events","sidebar_label":"Transform Events","hide_table_of_contents":true,"slug":"Transform_Events.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Complex Transformer Styling","permalink":"/docs/select_and_transform/Transformer_Complex_Styling.html"},"next":{"title":"Resize Limits","permalink":"/docs/select_and_transform/Resize_Limits.html"}},{"id":"docs/select_and_transform/Transformer_Complex_Styling","title":"Deep Style Konva Transformer","description":"You can use anchorStyleFunc property of Konva.Transformer to have deeper control on styling of anchors.","source":"@site/content/docs/select_and_transform/05_Transformer_Complex_Styling.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Transformer_Complex_Styling.html","permalink":"/docs/select_and_transform/Transformer_Complex_Styling.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/05_Transformer_Complex_Styling.mdx","tags":[],"version":"current","sidebarPosition":5,"frontMatter":{"title":"Deep Style Konva Transformer","sidebar_label":"Complex Transformer Styling","hide_table_of_contents":true,"slug":"Transformer_Complex_Styling.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Styling","permalink":"/docs/select_and_transform/Transformer_Styling.html"},"next":{"title":"Transform Events","permalink":"/docs/select_and_transform/Transform_Events.html"}},{"id":"docs/select_and_transform/Transformer_Styling","title":"Style Konva Transformer","description":"You can adjust styles of Konva.Transformer for your web app. You can change stroke, size and fill of all anchors.","source":"@site/content/docs/select_and_transform/04_Transformer_Styling.mdx","sourceDirName":"docs/select_and_transform","slug":"/docs/select_and_transform/Transformer_Styling.html","permalink":"/docs/select_and_transform/Transformer_Styling.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/select_and_transform/04_Transformer_Styling.mdx","tags":[],"version":"current","sidebarPosition":4,"frontMatter":{"title":"Style Konva Transformer","sidebar_label":"Styling","hide_table_of_contents":true,"slug":"Transformer_Styling.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Keep Ratio","permalink":"/docs/select_and_transform/Keep_Ratio.html"},"next":{"title":"Complex Transformer Styling","permalink":"/docs/select_and_transform/Transformer_Complex_Styling.html"}},{"id":"docs/selectors/Select_by_id","title":"HTML5 Canvas Select Shape by id Tutorial","description":"To select a shape by id with Konva, we can use the find() method using the # selector.","source":"@site/content/docs/selectors/Select_by_id.mdx","sourceDirName":"docs/selectors","slug":"/docs/selectors/Select_by_id.html","permalink":"/docs/selectors/Select_by_id.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_id.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Select Shape by id Tutorial","sidebar_label":"Select by id","hide_table_of_contents":true,"slug":"Select_by_id.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Select by Type","permalink":"/docs/selectors/Select_by_Type.html"},"next":{"title":"Best Practices","permalink":"/docs/data_and_serialization/Best_Practices.html"}},{"id":"docs/selectors/Select_by_Name","title":"HTML5 Canvas Select Shape by Name Tutorial","description":"To select shapes by name with Konva, we can use the find() method using the . selector.","source":"@site/content/docs/selectors/Select_by_Name.mdx","sourceDirName":"docs/selectors","slug":"/docs/selectors/Select_by_Name.html","permalink":"/docs/selectors/Select_by_Name.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_Name.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Select Shape by Name Tutorial","sidebar_label":"Select by Name","hide_table_of_contents":true,"slug":"Select_by_Name.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Zooming_Relative_To_Pointer","permalink":"/docs/sandbox/Zooming_Relative_To_Pointer"},"next":{"title":"Select by Type","permalink":"/docs/selectors/Select_by_Type.html"}},{"id":"docs/selectors/Select_by_Type","title":"HTML5 Canvas Select Shape by Type Tutorial","description":"To select shapes by type with Konva, we can use the find() method with the name of the type or class name.","source":"@site/content/docs/selectors/Select_by_Type.mdx","sourceDirName":"docs/selectors","slug":"/docs/selectors/Select_by_Type.html","permalink":"/docs/selectors/Select_by_Type.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/selectors/Select_by_Type.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 Canvas Select Shape by Type Tutorial","sidebar_label":"Select by Type","hide_table_of_contents":true,"slug":"Select_by_Type.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Select by Name","permalink":"/docs/selectors/Select_by_Name.html"},"next":{"title":"Select by id","permalink":"/docs/selectors/Select_by_id.html"}},{"id":"docs/shapes/Arc","title":"HTML5 canvas Arc Tutorial","description":"To create an arc shape with Konva, we can instantiate a Konva.Arc() object.","source":"@site/content/docs/shapes/Arc.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Arc.html","permalink":"/docs/shapes/Arc.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Arc.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Arc Tutorial","sidebar_label":"Arc","hide_table_of_contents":true,"slug":"Arc.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Shapes","permalink":"/category/shapes"},"next":{"title":"Arrow","permalink":"/docs/shapes/Arrow.html"}},{"id":"docs/shapes/Arrow","title":"HTML5 canvas Arrow Tutorial","description":"To create an arrow shape with Konva, we can instantiate a Konva.Arrow() object.","source":"@site/content/docs/shapes/Arrow.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Arrow.html","permalink":"/docs/shapes/Arrow.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Arrow.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Arrow Tutorial","sidebar_label":"Arrow","hide_table_of_contents":true,"slug":"/docs/shapes/Arrow.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Arc","permalink":"/docs/shapes/Arc.html"},"next":{"title":"Circle","permalink":"/docs/shapes/Circle.html"}},{"id":"docs/shapes/Circle","title":"HTML5 canvas Circle Tutorial","description":"To create a circle shape with Konva, we can instantiate a Konva.Circle() object.","source":"@site/content/docs/shapes/Circle.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Circle.html","permalink":"/docs/shapes/Circle.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Circle.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Circle Tutorial","sidebar_label":"Circle","hide_table_of_contents":true,"slug":"/docs/shapes/Circle.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Arrow","permalink":"/docs/shapes/Arrow.html"},"next":{"title":"Custom Shape","permalink":"/docs/shapes/Custom.html"}},{"id":"docs/shapes/Custom","title":"HTML5 canvas Custom Shape Tutorial","description":"To create a custom shape with Konva, you can use the Konva.Shape() object and define a custom drawing function.","source":"@site/content/docs/shapes/Custom.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Custom.html","permalink":"/docs/shapes/Custom.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Custom.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Custom Shape Tutorial","sidebar_label":"Custom Shape","hide_table_of_contents":true,"slug":"/docs/shapes/Custom.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Circle","permalink":"/docs/shapes/Circle.html"},"next":{"title":"Ellipse","permalink":"/docs/shapes/Ellipse.html"}},{"id":"docs/shapes/Ellipse","title":"HTML5 canvas Ellipse Tutorial","description":"To create an ellipse shape with Konva, we can instantiate a Konva.Ellipse() object.","source":"@site/content/docs/shapes/Ellipse.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Ellipse.html","permalink":"/docs/shapes/Ellipse.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Ellipse.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Ellipse Tutorial","sidebar_label":"Ellipse","hide_table_of_contents":true,"slug":"/docs/shapes/Ellipse.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Custom Shape","permalink":"/docs/shapes/Custom.html"},"next":{"title":"Group","permalink":"/docs/shapes/Group.html"}},{"id":"docs/shapes/Group","title":"HTML5 canvas Group Tutorial","description":"To create a group of shapes with Konva, we can instantiate a Konva.Group() object.","source":"@site/content/docs/shapes/Group.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Group.html","permalink":"/docs/shapes/Group.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Group.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Group Tutorial","sidebar_label":"Group","hide_table_of_contents":true,"slug":"/docs/shapes/Group.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Ellipse","permalink":"/docs/shapes/Ellipse.html"},"next":{"title":"Image","permalink":"/docs/shapes/Image.html"}},{"id":"docs/shapes/Image","title":"HTML5 canvas Image Tutorial","description":"To create an image with Konva, you can use the Konva.Image() object.","source":"@site/content/docs/shapes/Image.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Image.html","permalink":"/docs/shapes/Image.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Image.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Image Tutorial","sidebar_label":"Image","hide_table_of_contents":true,"slug":"/docs/shapes/Image.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Group","permalink":"/docs/shapes/Group.html"},"next":{"title":"Label","permalink":"/docs/shapes/Label.html"}},{"id":"docs/shapes/Label","title":"HTML5 canvas Label Tutorial","description":"To create a label with Konva, you can use the Konva.Label() object.","source":"@site/content/docs/shapes/Label.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Label.html","permalink":"/docs/shapes/Label.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Label.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Label Tutorial","sidebar_label":"Label","hide_table_of_contents":true,"slug":"/docs/shapes/Label.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Image","permalink":"/docs/shapes/Image.html"},"next":{"title":"Line","permalink":"/docs/shapes/Line.html"}},{"id":"docs/shapes/Line","title":"HTML5 canvas Line Tutorial","description":"To create line shapes with Konva, we can instantiate a Konva.Line() object. Lines can be configured in different ways to create various shapes like simple lines, splines, blobs, and polygons.","source":"@site/content/docs/shapes/Line.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Line.html","permalink":"/docs/shapes/Line.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Line.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Line Tutorial","sidebar_label":"Line","hide_table_of_contents":true,"slug":"/docs/shapes/Line.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Label","permalink":"/docs/shapes/Label.html"},"next":{"title":"Line - Blob","permalink":"/docs/shapes/Line_-_Blob.html"}},{"id":"docs/shapes/Line_-_Blob","title":"HTML5 canvas Blob Tutorial","description":"To create a blob with Konva, we can instantiate a Konva.Line() object with both closed and tension properties.","source":"@site/content/docs/shapes/Line_-_Blob.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Line_-_Blob.html","permalink":"/docs/shapes/Line_-_Blob.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Blob.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Blob Tutorial","sidebar_label":"Line - Blob","hide_table_of_contents":true,"slug":"/docs/shapes/Line_-_Blob.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Line","permalink":"/docs/shapes/Line.html"},"next":{"title":"Line - Polygon","permalink":"/docs/shapes/Line_-_Polygon.html"}},{"id":"docs/shapes/Line_-_Polygon","title":"HTML5 canvas Polygon Tutorial","description":"To create a polygon with Konva, we can instantiate a Konva.Line() object with the closed property set to true.","source":"@site/content/docs/shapes/Line_-_Polygon.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Line_-_Polygon.html","permalink":"/docs/shapes/Line_-_Polygon.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Polygon.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Polygon Tutorial","sidebar_label":"Line - Polygon","hide_table_of_contents":true,"slug":"/docs/shapes/Line_-_Polygon.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Line - Blob","permalink":"/docs/shapes/Line_-_Blob.html"},"next":{"title":"Line - Simple Line","permalink":"/docs/shapes/Line_-_Simple_Line.html"}},{"id":"docs/shapes/Line_-_Simple_Line","title":"HTML5 canvas Line Tutorial","description":"To create a simple line with Konva, we can instantiate a Konva.Line() object.","source":"@site/content/docs/shapes/Line_-_Simple_Line.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Line_-_Simple_Line.html","permalink":"/docs/shapes/Line_-_Simple_Line.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Simple_Line.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Line Tutorial","sidebar_label":"Line - Simple Line","hide_table_of_contents":true,"slug":"/docs/shapes/Line_-_Simple_Line.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Line - Polygon","permalink":"/docs/shapes/Line_-_Polygon.html"},"next":{"title":"Line - Spline","permalink":"/docs/shapes/Line_-_Spline.html"}},{"id":"docs/shapes/Line_-_Spline","title":"HTML5 canvas Spline Tutorial","description":"To create a spline (curved line) with Konva, we can instantiate a Konva.Line() object with the tension property.","source":"@site/content/docs/shapes/Line_-_Spline.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Line_-_Spline.html","permalink":"/docs/shapes/Line_-_Spline.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Line_-_Spline.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Spline Tutorial","sidebar_label":"Line - Spline","hide_table_of_contents":true,"slug":"/docs/shapes/Line_-_Spline.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Line - Simple Line","permalink":"/docs/shapes/Line_-_Simple_Line.html"},"next":{"title":"Path","permalink":"/docs/shapes/Path.html"}},{"id":"docs/shapes/Path","title":"HTML5 canvas Path Tutorial","description":"To create a custom path shape with Konva, we can instantiate a Konva.Path() object.","source":"@site/content/docs/shapes/Path.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Path.html","permalink":"/docs/shapes/Path.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Path.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Path Tutorial","sidebar_label":"Path","hide_table_of_contents":true,"slug":"/docs/shapes/Path.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Line - Spline","permalink":"/docs/shapes/Line_-_Spline.html"},"next":{"title":"Rectangle","permalink":"/docs/shapes/Rect.html"}},{"id":"docs/shapes/Rect","title":"HTML5 canvas Rectangle Tutorial","description":"To create a rectangle with Konva, we can instantiate a Konva.Rect() object.","source":"@site/content/docs/shapes/Rect.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Rect.html","permalink":"/docs/shapes/Rect.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Rect.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Rectangle Tutorial","sidebar_label":"Rectangle","hide_table_of_contents":true,"slug":"Rect.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Path","permalink":"/docs/shapes/Path.html"},"next":{"title":"Regular Polygon","permalink":"/docs/shapes/RegularPolygon.html"}},{"id":"docs/shapes/RegularPolygon","title":"HTML5 canvas Regular Polygon Tutorial","description":"To create a regular polygon shape with Konva, we can instantiate a Konva.RegularPolygon() object.","source":"@site/content/docs/shapes/RegularPolygon.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/RegularPolygon.html","permalink":"/docs/shapes/RegularPolygon.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/RegularPolygon.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Regular Polygon Tutorial","sidebar_label":"Regular Polygon","hide_table_of_contents":true,"slug":"/docs/shapes/RegularPolygon.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Rectangle","permalink":"/docs/shapes/Rect.html"},"next":{"title":"Ring","permalink":"/docs/shapes/Ring.html"}},{"id":"docs/shapes/Ring","title":"HTML5 canvas Ring Tutorial","description":"To create a ring with Konva, you can use the Konva.Ring() object.","source":"@site/content/docs/shapes/Ring.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Ring.html","permalink":"/docs/shapes/Ring.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Ring.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Ring Tutorial","sidebar_label":"Ring","hide_table_of_contents":true,"slug":"/docs/shapes/Ring.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Regular Polygon","permalink":"/docs/shapes/RegularPolygon.html"},"next":{"title":"Sprite","permalink":"/docs/shapes/Sprite.html"}},{"id":"docs/shapes/Sprite","title":"HTML5 canvas Sprite Tutorial","description":"To create an animated sprite with Konva, we can instantiate a Konva.Sprite() object.","source":"@site/content/docs/shapes/Sprite.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Sprite.html","permalink":"/docs/shapes/Sprite.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Sprite.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Sprite Tutorial","sidebar_label":"Sprite","hide_table_of_contents":true,"slug":"/docs/shapes/Sprite.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Ring","permalink":"/docs/shapes/Ring.html"},"next":{"title":"Star","permalink":"/docs/shapes/Star.html"}},{"id":"docs/shapes/Star","title":"HTML5 canvas Star Tutorial","description":"To create a star with Konva, you can use the Konva.Star() object.","source":"@site/content/docs/shapes/Star.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Star.html","permalink":"/docs/shapes/Star.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Star.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Star Tutorial","sidebar_label":"Star","hide_table_of_contents":true,"slug":"/docs/shapes/Star.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Sprite","permalink":"/docs/shapes/Sprite.html"},"next":{"title":"Text","permalink":"/docs/shapes/Text.html"}},{"id":"docs/shapes/Text","title":"HTML5 canvas Text Tutorial","description":"To create text with Konva, we can instantiate a Konva.Text() object.","source":"@site/content/docs/shapes/Text.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Text.html","permalink":"/docs/shapes/Text.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Text.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Text Tutorial","sidebar_label":"Text","hide_table_of_contents":true,"slug":"/docs/shapes/Text.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Star","permalink":"/docs/shapes/Star.html"},"next":{"title":"TextPath","permalink":"/docs/shapes/TextPath.html"}},{"id":"docs/shapes/TextPath","title":"HTML5 canvas TextPath Tutorial","description":"To create text that follows a path with Konva, we can instantiate a Konva.TextPath() object.","source":"@site/content/docs/shapes/TextPath.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/TextPath.html","permalink":"/docs/shapes/TextPath.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/TextPath.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas TextPath Tutorial","sidebar_label":"TextPath","hide_table_of_contents":true,"slug":"/docs/shapes/TextPath.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Text","permalink":"/docs/shapes/Text.html"},"next":{"title":"Wedge","permalink":"/docs/shapes/Wedge.html"}},{"id":"docs/shapes/Wedge","title":"HTML5 canvas Wedge Tutorial","description":"To create a wedge (pie piece) shape with Konva, we can instantiate a Konva.Wedge() object.","source":"@site/content/docs/shapes/Wedge.mdx","sourceDirName":"docs/shapes","slug":"/docs/shapes/Wedge.html","permalink":"/docs/shapes/Wedge.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/shapes/Wedge.mdx","tags":[],"version":"current","frontMatter":{"title":"HTML5 canvas Wedge Tutorial","sidebar_label":"Wedge","hide_table_of_contents":true,"slug":"/docs/shapes/Wedge.html"},"sidebar":"tutorialsSidebar","previous":{"title":"TextPath","permalink":"/docs/shapes/TextPath.html"},"next":{"title":"Fill","permalink":"/docs/styling/Fill.html"}},{"id":"docs/styling/Blend_Mode","title":"HTML5 Canvas Blend mode with globalCompositeOperation Tutorial","description":"globalCompositeOperation Documentation.","source":"@site/content/docs/styling/08-Blend_Mode.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Blend_Mode.html","permalink":"/docs/styling/Blend_Mode.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/08-Blend_Mode.mdx","tags":[],"version":"current","sidebarPosition":8,"frontMatter":{"title":"HTML5 Canvas Blend mode with globalCompositeOperation Tutorial","sidebar_label":"Blend Mode","hide_table_of_contents":true,"slug":"Blend_Mode.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Mouse Cursor","permalink":"/docs/styling/Mouse_Cursor.html"},"next":{"title":"Fill and stroke order","permalink":"/docs/styling/Fill_Stroke_Order.html"}},{"id":"docs/styling/Fill","title":"HTML5 Canvas Set Fill Tutorial","description":"To fill a shape with Konva, we can set the fill property when we instantiate a shape, or we can use the fill() method.","source":"@site/content/docs/styling/01-Fill.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Fill.html","permalink":"/docs/styling/Fill.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/01-Fill.mdx","tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"title":"HTML5 Canvas Set Fill Tutorial","sidebar_label":"Fill","hide_table_of_contents":true,"slug":"Fill.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Wedge","permalink":"/docs/shapes/Wedge.html"},"next":{"title":"Stroke","permalink":"/docs/styling/Stroke.html"}},{"id":"docs/styling/Fill_Stroke_Order","title":"Fill and stroke order demo","description":"If a shape has both fill and stroke, by default, Konva will draw filling first then stroke on top of it. That is the best behavior for most of the applications.","source":"@site/content/docs/styling/09-Fill_Stroke_Order.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Fill_Stroke_Order.html","permalink":"/docs/styling/Fill_Stroke_Order.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/09-Fill_Stroke_Order.mdx","tags":[],"version":"current","sidebarPosition":9,"frontMatter":{"title":"Fill and stroke order demo","sidebar_label":"Fill and stroke order","hide_table_of_contents":true,"slug":"Fill_Stroke_Order.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Blend Mode","permalink":"/docs/styling/Blend_Mode.html"},"next":{"title":"Binding Events","permalink":"/docs/events/Binding_Events.html"}},{"id":"docs/styling/Hide_and_Show","title":"HTML5 Canvas Hide and Show Shape Tutorial","description":"To hide and show a shape with Konva, we can set the visible property when we instantiate a shape, or we can use the hide() and show() methods.","source":"@site/content/docs/styling/06-Hide_and_Show.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/hide-and-show.html","permalink":"/docs/styling/hide-and-show.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/06-Hide_and_Show.mdx","tags":[],"version":"current","sidebarPosition":6,"frontMatter":{"title":"HTML5 Canvas Hide and Show Shape Tutorial","sidebar_label":"Hide and Show","hide_table_of_contents":true,"slug":"hide-and-show.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Line Join","permalink":"/docs/styling/Line_Join.html"},"next":{"title":"Mouse Cursor","permalink":"/docs/styling/Mouse_Cursor.html"}},{"id":"docs/styling/Line_Join","title":"HTML5 Canvas Line Join Tutorial","description":"To set the line join for a shape with Konva, we can set the lineJoin property when we instantiate a shape, or we can use the lineJoin() method.","source":"@site/content/docs/styling/05-Line_Join.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Line_Join.html","permalink":"/docs/styling/Line_Join.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/05-Line_Join.mdx","tags":[],"version":"current","sidebarPosition":5,"frontMatter":{"title":"HTML5 Canvas Line Join Tutorial","sidebar_label":"Line Join","hide_table_of_contents":true,"slug":"Line_Join.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Shadow","permalink":"/docs/styling/Shadow.html"},"next":{"title":"Hide and Show","permalink":"/docs/styling/hide-and-show.html"}},{"id":"docs/styling/Mouse_Cursor","title":"HTML5 Canvas Change Mouse Cursor Style","description":"To change mouse cursor with Konva framework you just need to listen events, where do you need to change the cursor, and apply new styles manually for Stage container.","source":"@site/content/docs/styling/07-Mouse_Cursor.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Mouse_Cursor.html","permalink":"/docs/styling/Mouse_Cursor.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/07-Mouse_Cursor.mdx","tags":[],"version":"current","sidebarPosition":7,"frontMatter":{"title":"HTML5 Canvas Change Mouse Cursor Style","sidebar_label":"Mouse Cursor","hide_table_of_contents":true,"slug":"Mouse_Cursor.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Hide and Show","permalink":"/docs/styling/hide-and-show.html"},"next":{"title":"Blend Mode","permalink":"/docs/styling/Blend_Mode.html"}},{"id":"docs/styling/Opacity","title":"HTML5 Canvas Set Shape Opacity Tutorial","description":"To set a shape opacity with Konva, we can set the opacity property when we instantiate the node, or we can use the opacity() method.","source":"@site/content/docs/styling/03-Opacity.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Opacity.html","permalink":"/docs/styling/Opacity.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/03-Opacity.mdx","tags":[],"version":"current","sidebarPosition":3,"frontMatter":{"title":"HTML5 Canvas Set Shape Opacity Tutorial","sidebar_label":"Opacity","hide_table_of_contents":true,"slug":"Opacity.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Stroke","permalink":"/docs/styling/Stroke.html"},"next":{"title":"Shadow","permalink":"/docs/styling/Shadow.html"}},{"id":"docs/styling/Shadow","title":"HTML5 Canvas Shadows Tutorial","description":"To apply shadows with Konva, we can set the shadowColor, shadowOffset, shadowBlur, and shadowOpacity properties when we instantiate a shape.","source":"@site/content/docs/styling/04-Shadow.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Shadow.html","permalink":"/docs/styling/Shadow.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/04-Shadow.mdx","tags":[],"version":"current","sidebarPosition":4,"frontMatter":{"title":"HTML5 Canvas Shadows Tutorial","sidebar_label":"Shadow","hide_table_of_contents":true,"slug":"Shadow.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Opacity","permalink":"/docs/styling/Opacity.html"},"next":{"title":"Line Join","permalink":"/docs/styling/Line_Join.html"}},{"id":"docs/styling/Stroke","title":"HTML5 Canvas Set Shape Stroke Color and Width Tutorial","description":"To set a shape stroke and stroke width with Konva, we can set the stroke and strokeWidth properties when we instantiate a shape, or we can use the stroke() and strokeWidth() methods.","source":"@site/content/docs/styling/02-Stroke.mdx","sourceDirName":"docs/styling","slug":"/docs/styling/Stroke.html","permalink":"/docs/styling/Stroke.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/styling/02-Stroke.mdx","tags":[],"version":"current","sidebarPosition":2,"frontMatter":{"title":"HTML5 Canvas Set Shape Stroke Color and Width Tutorial","sidebar_label":"Stroke","hide_table_of_contents":true,"slug":"Stroke.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Fill","permalink":"/docs/styling/Fill.html"},"next":{"title":"Opacity","permalink":"/docs/styling/Opacity.html"}},{"id":"docs/support","title":"Need help with Konva library?","description":"Looking for a help with Konva framework?","source":"@site/content/docs/support.md","sourceDirName":"docs","slug":"/docs/support.html","permalink":"/docs/support.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/support.md","tags":[],"version":"current","sidebarPosition":3,"frontMatter":{"sidebar_position":3,"title":"Need help with Konva library?","sidebar_label":"Support","slug":"support.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Overview","permalink":"/docs/overview.html"},"next":{"title":"Donate","permalink":"/docs/donate.html"}},{"id":"docs/svelte/Bindings","title":"Bindings","description":"title: Binding the config prop","source":"@site/content/docs/svelte/Bindings.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Bindings","permalink":"/docs/svelte/Bindings","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Bindings.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"zIndex","permalink":"/docs/vue/zIndex"},"next":{"title":"Cache","permalink":"/docs/svelte/Cache"}},{"id":"docs/svelte/Cache","title":"Cache","description":"title: How to cache canvas shapes with Svelte","source":"@site/content/docs/svelte/Cache.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Cache","permalink":"/docs/svelte/Cache","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Cache.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Bindings","permalink":"/docs/svelte/Bindings"},"next":{"title":"Custom_Shape","permalink":"/docs/svelte/Custom_Shape"}},{"id":"docs/svelte/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom canvas shape with Svelte?","source":"@site/content/docs/svelte/Custom_Shape.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Custom_Shape","permalink":"/docs/svelte/Custom_Shape","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Custom_Shape.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Cache","permalink":"/docs/svelte/Cache"},"next":{"title":"Drag_And_Drop","permalink":"/docs/svelte/Drag_And_Drop"}},{"id":"docs/svelte/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes with Svelte","source":"@site/content/docs/svelte/Drag_And_Drop.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Drag_And_Drop","permalink":"/docs/svelte/Drag_And_Drop","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Drag_And_Drop.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Custom_Shape","permalink":"/docs/svelte/Custom_Shape"},"next":{"title":"Events","permalink":"/docs/svelte/Events"}},{"id":"docs/svelte/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with Svelte and Konva?","source":"@site/content/docs/svelte/Events.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Events","permalink":"/docs/svelte/Events","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Events.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Drag_And_Drop","permalink":"/docs/svelte/Drag_And_Drop"},"next":{"title":"Filters","permalink":"/docs/svelte/Filters"}},{"id":"docs/svelte/Filters","title":"Filters","description":"title: How to apply canvas filters with Svelte and Konva?","source":"@site/content/docs/svelte/Filters.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Filters","permalink":"/docs/svelte/Filters","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Filters.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Events","permalink":"/docs/svelte/Events"},"next":{"title":"Images","permalink":"/docs/svelte/Images"}},{"id":"docs/svelte/Images","title":"Images","description":"title: How to draw image on canvas with Svelte?","source":"@site/content/docs/svelte/Images.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Images","permalink":"/docs/svelte/Images","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Images.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Filters","permalink":"/docs/svelte/Filters"},"next":{"title":"Konva_Node","permalink":"/docs/svelte/Konva_Node"}},{"id":"docs/svelte/index","title":"index","description":"title: Getting started with Svelte and canvas via Konva","source":"@site/content/docs/svelte/index.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/","permalink":"/docs/svelte/","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/index.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Transformer","permalink":"/docs/svelte/Transformer"},"next":{"title":"zIndex","permalink":"/docs/svelte/zIndex"}},{"id":"docs/svelte/Konva_Node","title":"Konva_Node","description":"title: Accessing the Konva node","source":"@site/content/docs/svelte/Konva_Node.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Konva_Node","permalink":"/docs/svelte/Konva_Node","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Konva_Node.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Images","permalink":"/docs/svelte/Images"},"next":{"title":"Labels","permalink":"/docs/svelte/Labels"}},{"id":"docs/svelte/Labels","title":"Labels","description":"title: Using labels with Svelte","source":"@site/content/docs/svelte/Labels.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Labels","permalink":"/docs/svelte/Labels","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Labels.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Konva_Node","permalink":"/docs/svelte/Konva_Node"},"next":{"title":"Save_Load","permalink":"/docs/svelte/Save_Load"}},{"id":"docs/svelte/Save_Load","title":"Save_Load","description":"title: Saving and loading canvas with Svelte and Konva","source":"@site/content/docs/svelte/Save_Load.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Save_Load","permalink":"/docs/svelte/Save_Load","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Save_Load.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Labels","permalink":"/docs/svelte/Labels"},"next":{"title":"Shapes","permalink":"/docs/svelte/Shapes"}},{"id":"docs/svelte/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with Svelte","source":"@site/content/docs/svelte/Shapes.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Shapes","permalink":"/docs/svelte/Shapes","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Shapes.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Save_Load","permalink":"/docs/svelte/Save_Load"},"next":{"title":"Simple_Animations","permalink":"/docs/svelte/Simple_Animations"}},{"id":"docs/svelte/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with Svelte and Konva?","source":"@site/content/docs/svelte/Simple_Animations.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Simple_Animations","permalink":"/docs/svelte/Simple_Animations","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Simple_Animations.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Shapes","permalink":"/docs/svelte/Shapes"},"next":{"title":"SvelteKit","permalink":"/docs/svelte/SvelteKit"}},{"id":"docs/svelte/SvelteKit","title":"SvelteKit","description":"title: How to use svelte-konva with SvelteKit?","source":"@site/content/docs/svelte/SvelteKit.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/SvelteKit","permalink":"/docs/svelte/SvelteKit","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/SvelteKit.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Simple_Animations","permalink":"/docs/svelte/Simple_Animations"},"next":{"title":"Transformer","permalink":"/docs/svelte/Transformer"}},{"id":"docs/svelte/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with Svelte and Konva?","source":"@site/content/docs/svelte/Transformer.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/Transformer","permalink":"/docs/svelte/Transformer","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/Transformer.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"SvelteKit","permalink":"/docs/svelte/SvelteKit"},"next":{"title":"index","permalink":"/docs/svelte/"}},{"id":"docs/svelte/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with svelte-konva?","source":"@site/content/docs/svelte/zIndex.md","sourceDirName":"docs/svelte","slug":"/docs/svelte/zIndex","permalink":"/docs/svelte/zIndex","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/svelte/zIndex.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"index","permalink":"/docs/svelte/"},"next":{"title":"Position_vs_Offset","permalink":"/docs/posts/Position_vs_Offset"}},{"id":"docs/tools","title":"Konva.js Tools and Plugins","description":"- Konva + React","source":"@site/content/docs/tools.md","sourceDirName":"docs","slug":"/docs/tools.html","permalink":"/docs/tools.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tools.md","tags":[],"version":"current","sidebarPosition":0,"frontMatter":{"sidebar_position":0,"title":"Konva.js Tools and Plugins","sidebar_label":"Tools","slug":"tools.html","sidebar_class_name":"hidden"},"sidebar":"tutorialsSidebar","next":{"title":"Intro","permalink":"/docs/index.html"}},{"id":"docs/tweens/All_Controls","title":"All Tween Controls Tutorial","description":"To control tweens with Konva, we can use the following methods:","source":"@site/content/docs/tweens/All_Controls.mdx","sourceDirName":"docs/tweens","slug":"/docs/tweens/All_Controls.html","permalink":"/docs/tweens/All_Controls.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tweens/All_Controls.mdx","tags":[],"version":"current","frontMatter":{"title":"All Tween Controls Tutorial","sidebar_label":"All Controls","hide_table_of_contents":true,"slug":"All_Controls.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Threshold","permalink":"/docs/filters/Threshold.html"},"next":{"title":"All Easings","permalink":"/docs/tweens/All_Easings.html"}},{"id":"docs/tweens/All_Easings","title":"More Easing Functions Tutorial","description":"This tutorial demonstrates all of the easing function sets provided by Konva, including:","source":"@site/content/docs/tweens/All_Easings.mdx","sourceDirName":"docs/tweens","slug":"/docs/tweens/All_Easings.html","permalink":"/docs/tweens/All_Easings.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tweens/All_Easings.mdx","tags":[],"version":"current","frontMatter":{"title":"More Easing Functions Tutorial","sidebar_label":"All Easings","hide_table_of_contents":true,"slug":"All_Easings.html"},"sidebar":"tutorialsSidebar","previous":{"title":"All Controls","permalink":"/docs/tweens/All_Controls.html"},"next":{"title":"Common Easings","permalink":"/docs/tweens/Common_Easings.html"}},{"id":"docs/tweens/Common_Easings","title":"Simple Easings Tutorial","description":"To create a non-linear easing tween with Konva, we can set the easing property to an easing function. Other than Konva.Easings.Linear, the other most common easings are:","source":"@site/content/docs/tweens/Common_Easings.mdx","sourceDirName":"docs/tweens","slug":"/docs/tweens/Common_Easings.html","permalink":"/docs/tweens/Common_Easings.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tweens/Common_Easings.mdx","tags":[],"version":"current","frontMatter":{"title":"Simple Easings Tutorial","sidebar_label":"Common Easings","hide_table_of_contents":true,"slug":"Common_Easings.html"},"sidebar":"tutorialsSidebar","previous":{"title":"All Easings","permalink":"/docs/tweens/All_Easings.html"},"next":{"title":"Complex Tweening","permalink":"/docs/tweens/Complex_Tweening.html"}},{"id":"docs/tweens/Complex_Tweening","title":"Complex Tweening Tutorial","description":"For more complex animations, you can use GreenSock Konva Plugin.","source":"@site/content/docs/tweens/Complex_Tweening.mdx","sourceDirName":"docs/tweens","slug":"/docs/tweens/Complex_Tweening.html","permalink":"/docs/tweens/Complex_Tweening.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tweens/Complex_Tweening.mdx","tags":[],"version":"current","frontMatter":{"title":"Complex Tweening Tutorial","sidebar_label":"Complex Tweening","hide_table_of_contents":true,"slug":"Complex_Tweening.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Common Easings","permalink":"/docs/tweens/Common_Easings.html"},"next":{"title":"Finish_Event","permalink":"/docs/tweens/Finish_Event"}},{"id":"docs/tweens/Finish_Event","title":"Finish_Event","description":"title: HTML5 Canvas Tween Finish Event Tutorial","source":"@site/content/docs/tweens/Finish_Event.mdx","sourceDirName":"docs/tweens","slug":"/docs/tweens/Finish_Event","permalink":"/docs/tweens/Finish_Event","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tweens/Finish_Event.mdx","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Complex Tweening","permalink":"/docs/tweens/Complex_Tweening.html"},"next":{"title":"Linear Easing","permalink":"/docs/tweens/Linear_Easing.html"}},{"id":"docs/tweens/Linear_Easing","title":"Basic Tweening Tutorial","description":"To tween properties with Konva, we can instantiate a Konva.Tween object and then start the tween by calling play().","source":"@site/content/docs/tweens/Linear_Easing.mdx","sourceDirName":"docs/tweens","slug":"/docs/tweens/Linear_Easing.html","permalink":"/docs/tweens/Linear_Easing.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tweens/Linear_Easing.mdx","tags":[],"version":"current","frontMatter":{"title":"Basic Tweening Tutorial","sidebar_label":"Linear Easing","hide_table_of_contents":true,"slug":"Linear_Easing.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Finish_Event","permalink":"/docs/tweens/Finish_Event"},"next":{"title":"Filter Tweening","permalink":"/docs/tweens/Tween_Filter.html"}},{"id":"docs/tweens/Tween_Filter","title":"Tween Blur Filter Tutorial","description":"To tween a filter using Konva, we can simply tween the properties associated with the filter.","source":"@site/content/docs/tweens/Tween_Filter.mdx","sourceDirName":"docs/tweens","slug":"/docs/tweens/Tween_Filter.html","permalink":"/docs/tweens/Tween_Filter.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/tweens/Tween_Filter.mdx","tags":[],"version":"current","frontMatter":{"title":"Tween Blur Filter Tutorial","sidebar_label":"Filter Tweening","hide_table_of_contents":true,"slug":"Tween_Filter.html"},"sidebar":"tutorialsSidebar","previous":{"title":"Linear Easing","permalink":"/docs/tweens/Linear_Easing.html"},"next":{"title":"Create Animation","permalink":"/docs/animations/Create_an_Animation.html"}},{"id":"docs/vue/Cache","title":"Cache","description":"title: How to cache canvas shapes with Vue","source":"@site/content/docs/vue/Cache.md","sourceDirName":"docs/vue","slug":"/docs/vue/Cache","permalink":"/docs/vue/Cache","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Cache.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"zIndex","permalink":"/docs/react/zIndex"},"next":{"title":"Custom_Shape","permalink":"/docs/vue/Custom_Shape"}},{"id":"docs/vue/Custom_Shape","title":"Custom_Shape","description":"title: How to draw custom canvas shape with Vue?","source":"@site/content/docs/vue/Custom_Shape.md","sourceDirName":"docs/vue","slug":"/docs/vue/Custom_Shape","permalink":"/docs/vue/Custom_Shape","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Custom_Shape.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Cache","permalink":"/docs/vue/Cache"},"next":{"title":"Drag_And_Drop","permalink":"/docs/vue/Drag_And_Drop"}},{"id":"docs/vue/Drag_And_Drop","title":"Drag_And_Drop","description":"title: Drag and drop canvas shapes with vue","source":"@site/content/docs/vue/Drag_And_Drop.md","sourceDirName":"docs/vue","slug":"/docs/vue/Drag_And_Drop","permalink":"/docs/vue/Drag_And_Drop","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Drag_And_Drop.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Custom_Shape","permalink":"/docs/vue/Custom_Shape"},"next":{"title":"Events","permalink":"/docs/vue/Events"}},{"id":"docs/vue/Events","title":"Events","description":"title: How to listen to an event on a canvas shape with Vue and Konva?","source":"@site/content/docs/vue/Events.md","sourceDirName":"docs/vue","slug":"/docs/vue/Events","permalink":"/docs/vue/Events","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Events.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Drag_And_Drop","permalink":"/docs/vue/Drag_And_Drop"},"next":{"title":"Filters","permalink":"/docs/vue/Filters"}},{"id":"docs/vue/Filters","title":"Filters","description":"title: How to apply canvas filters with vue and konva?","source":"@site/content/docs/vue/Filters.md","sourceDirName":"docs/vue","slug":"/docs/vue/Filters","permalink":"/docs/vue/Filters","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Filters.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Events","permalink":"/docs/vue/Events"},"next":{"title":"Images","permalink":"/docs/vue/Images"}},{"id":"docs/vue/Images","title":"Images","description":"title: How to draw image on canvas with Vue?","source":"@site/content/docs/vue/Images.md","sourceDirName":"docs/vue","slug":"/docs/vue/Images","permalink":"/docs/vue/Images","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Images.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Filters","permalink":"/docs/vue/Filters"},"next":{"title":"Save-Load","permalink":"/docs/vue/Save-Load"}},{"id":"docs/vue/index","title":"index","description":"title: Getting started with vue and canvas via Konva","source":"@site/content/docs/vue/index.md","sourceDirName":"docs/vue","slug":"/docs/vue/","permalink":"/docs/vue/","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/index.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Transformer","permalink":"/docs/vue/Transformer"},"next":{"title":"zIndex","permalink":"/docs/vue/zIndex"}},{"id":"docs/vue/Save-Load","title":"Save-Load","description":"title: Saving and loading canvas with Vue and Konva","source":"@site/content/docs/vue/Save-Load.md","sourceDirName":"docs/vue","slug":"/docs/vue/Save-Load","permalink":"/docs/vue/Save-Load","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Save-Load.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Images","permalink":"/docs/vue/Images"},"next":{"title":"Shapes","permalink":"/docs/vue/Shapes"}},{"id":"docs/vue/Shapes","title":"Shapes","description":"title: Drawing canvas shapes with Vue","source":"@site/content/docs/vue/Shapes.md","sourceDirName":"docs/vue","slug":"/docs/vue/Shapes","permalink":"/docs/vue/Shapes","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Shapes.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Save-Load","permalink":"/docs/vue/Save-Load"},"next":{"title":"Simple_Animations","permalink":"/docs/vue/Simple_Animations"}},{"id":"docs/vue/Simple_Animations","title":"Simple_Animations","description":"title: How to apply canvas animations with vue and konva?","source":"@site/content/docs/vue/Simple_Animations.md","sourceDirName":"docs/vue","slug":"/docs/vue/Simple_Animations","permalink":"/docs/vue/Simple_Animations","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Simple_Animations.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Shapes","permalink":"/docs/vue/Shapes"},"next":{"title":"Transformer","permalink":"/docs/vue/Transformer"}},{"id":"docs/vue/Transformer","title":"Transformer","description":"title: How to resize and rotate canvas shapes with vue and konva?","source":"@site/content/docs/vue/Transformer.md","sourceDirName":"docs/vue","slug":"/docs/vue/Transformer","permalink":"/docs/vue/Transformer","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/Transformer.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"Simple_Animations","permalink":"/docs/vue/Simple_Animations"},"next":{"title":"index","permalink":"/docs/vue/"}},{"id":"docs/vue/zIndex","title":"zIndex","description":"title: How to change the zIndex of nodes with Vue?","source":"@site/content/docs/vue/zIndex.md","sourceDirName":"docs/vue","slug":"/docs/vue/zIndex","permalink":"/docs/vue/zIndex","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/tree/new/content/docs/vue/zIndex.md","tags":[],"version":"current","frontMatter":{},"sidebar":"tutorialsSidebar","previous":{"title":"index","permalink":"/docs/vue/"},"next":{"title":"Bindings","permalink":"/docs/svelte/Bindings"}}],"drafts":[],"sidebars":{"tutorialsSidebar":[{"type":"doc","id":"docs/tools","label":"Tools","className":"hidden"},{"type":"doc","id":"docs/index","label":"Intro"},{"type":"doc","id":"docs/overview","label":"Overview"},{"type":"doc","id":"docs/support","label":"Support"},{"type":"doc","id":"docs/donate","label":"Donate"},{"type":"category","label":"Shapes","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/shapes/Arc","label":"Arc"},{"type":"doc","id":"docs/shapes/Arrow","label":"Arrow"},{"type":"doc","id":"docs/shapes/Circle","label":"Circle"},{"type":"doc","id":"docs/shapes/Custom","label":"Custom Shape"},{"type":"doc","id":"docs/shapes/Ellipse","label":"Ellipse"},{"type":"doc","id":"docs/shapes/Group","label":"Group"},{"type":"doc","id":"docs/shapes/Image","label":"Image"},{"type":"doc","id":"docs/shapes/Label","label":"Label"},{"type":"doc","id":"docs/shapes/Line","label":"Line"},{"type":"doc","id":"docs/shapes/Line_-_Blob","label":"Line - Blob"},{"type":"doc","id":"docs/shapes/Line_-_Polygon","label":"Line - Polygon"},{"type":"doc","id":"docs/shapes/Line_-_Simple_Line","label":"Line - Simple Line"},{"type":"doc","id":"docs/shapes/Line_-_Spline","label":"Line - Spline"},{"type":"doc","id":"docs/shapes/Path","label":"Path"},{"type":"doc","id":"docs/shapes/Rect","label":"Rectangle"},{"type":"doc","id":"docs/shapes/RegularPolygon","label":"Regular Polygon"},{"type":"doc","id":"docs/shapes/Ring","label":"Ring"},{"type":"doc","id":"docs/shapes/Sprite","label":"Sprite"},{"type":"doc","id":"docs/shapes/Star","label":"Star"},{"type":"doc","id":"docs/shapes/Text","label":"Text"},{"type":"doc","id":"docs/shapes/TextPath","label":"TextPath"},{"type":"doc","id":"docs/shapes/Wedge","label":"Wedge"}],"link":{"type":"generated-index","description":"Basic shapes in Konva.","slug":"/category/shapes","permalink":"/category/shapes"}},{"type":"category","label":"Styling","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/styling/Fill","label":"Fill"},{"type":"doc","id":"docs/styling/Stroke","label":"Stroke"},{"type":"doc","id":"docs/styling/Opacity","label":"Opacity"},{"type":"doc","id":"docs/styling/Shadow","label":"Shadow"},{"type":"doc","id":"docs/styling/Line_Join","label":"Line Join"},{"type":"doc","id":"docs/styling/Hide_and_Show","label":"Hide and Show"},{"type":"doc","id":"docs/styling/Mouse_Cursor","label":"Mouse Cursor"},{"type":"doc","id":"docs/styling/Blend_Mode","label":"Blend Mode"},{"type":"doc","id":"docs/styling/Fill_Stroke_Order","label":"Fill and stroke order"}]},{"type":"category","label":"Events","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/events/Binding_Events","label":"Binding Events"},{"type":"doc","id":"docs/events/Cancel_Propagation","label":"Cancel Propagation"},{"type":"doc","id":"docs/events/Custom_Hit_Region","label":"Custom Hit Region"},{"type":"doc","id":"docs/events/Desktop_and_Mobile","label":"Desktop and Mobile"},{"type":"doc","id":"docs/events/Event_Delegation","label":"Event Delegation"},{"type":"doc","id":"docs/events/Fire_Events","label":"Fire Events"},{"type":"doc","id":"docs/events/Image_Events","label":"Image Events"},{"type":"doc","id":"docs/events/Keyboard_Events","label":"Keyboard Events"},{"type":"doc","id":"docs/events/Listen_for_Events","label":"Listen for Events"},{"type":"doc","id":"docs/events/Mobile_Events","label":"Mobile Events"},{"type":"doc","id":"docs/events/Mobile_Scrolling","label":"Mobile Scrolling"},{"type":"doc","id":"docs/events/Multi_Event","label":"Multi Event"},{"type":"doc","id":"docs/events/Pointer_Events","label":"Pointer Events"},{"type":"doc","id":"docs/events/Remove_Event","label":"Remove Event"},{"type":"doc","id":"docs/events/Remove_by_Name","label":"Remove by Name"},{"type":"doc","id":"docs/events/Stage_Events","label":"Stage Events"}]},{"type":"category","label":"Drag and Drop","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/drag_and_drop/Drag_and_Drop","label":"Basic Drag and Drop"},{"type":"doc","id":"docs/drag_and_drop/Drag_an_Image","label":"Drag an Image"},{"type":"doc","id":"docs/drag_and_drop/Drag_a_Group","label":"Drag a Group"},{"type":"doc","id":"docs/drag_and_drop/Drag_a_Line","label":"Drag a Line"},{"type":"doc","id":"docs/drag_and_drop/Drag_a_Stage","label":"Drag a Stage"},{"type":"doc","id":"docs/drag_and_drop/Drag_Events","label":"Drag Events"},{"type":"doc","id":"docs/drag_and_drop/Simple_Drag_Bounds","label":"Simple Drag Bounds"},{"type":"doc","id":"docs/drag_and_drop/Complex_Drag_and_Drop","label":"Complex Drag and Drop"},{"type":"doc","id":"docs/drag_and_drop/Drop_Events","label":"Drop Events"}]},{"type":"category","label":"Select and Transform","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/select_and_transform/Basic_demo","label":"Basic demo"},{"type":"doc","id":"docs/select_and_transform/Centered_Scaling","label":"Centered Scaling"},{"type":"doc","id":"docs/select_and_transform/Keep_Ratio","label":"Keep Ratio"},{"type":"doc","id":"docs/select_and_transform/Transformer_Styling","label":"Styling"},{"type":"doc","id":"docs/select_and_transform/Transformer_Complex_Styling","label":"Complex Transformer Styling"},{"type":"doc","id":"docs/select_and_transform/Transform_Events","label":"Transform Events"},{"type":"doc","id":"docs/select_and_transform/Resize_Limits","label":"Resize Limits"},{"type":"doc","id":"docs/select_and_transform/Resize_Snaps","label":"Resize Snaps"},{"type":"doc","id":"docs/select_and_transform/Rotation_Snaps","label":"Rotation Snaps"},{"type":"doc","id":"docs/select_and_transform/Stop_Transform","label":"Stop Transform"},{"type":"doc","id":"docs/select_and_transform/Force_Update","label":"Force Update"},{"type":"doc","id":"docs/select_and_transform/Resize_Text","label":"Resize Text"},{"type":"doc","id":"docs/select_and_transform/Ignore_Stroke_On_Transform","label":"Ignore Stroke"}]},{"type":"category","label":"Clipping","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/clipping/Clipping_Function","label":"Clipping Functions"},{"type":"doc","id":"docs/clipping/Clipping_Regions","label":"Simple Clipping"}]},{"type":"category","label":"Groups and Layers","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/groups_and_layers/Change_Containers","label":"Change Containers"},{"type":"doc","id":"docs/groups_and_layers/Groups","label":"Groups"},{"type":"doc","id":"docs/groups_and_layers/Layering","label":"Layering"},{"type":"doc","id":"docs/groups_and_layers/zIndex","label":"zIndex"}]},{"type":"category","label":"Filters","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/filters/Blur","label":"Blur"},{"type":"doc","id":"docs/filters/Brighten","label":"Brighten"},{"type":"doc","id":"docs/filters/Contrast","label":"Contrast"},{"type":"doc","id":"docs/filters/Custom_Filter","label":"Custom Filter"},{"type":"doc","id":"docs/filters/Emboss","label":"Emboss"},{"type":"doc","id":"docs/filters/Enhance","label":"Enhance"},{"type":"doc","id":"docs/filters/Grayscale","label":"Grayscale"},{"type":"doc","id":"docs/filters/HSL","label":"HSL"},{"type":"doc","id":"docs/filters/HSV","label":"HSV"},{"type":"doc","id":"docs/filters/Invert","label":"Invert"},{"type":"doc","id":"docs/filters/Kaleidoscope","label":"Kaleidoscope"},{"type":"doc","id":"docs/filters/Mask","label":"Mask"},{"type":"doc","id":"docs/filters/Multiple_Filters","label":"Multiple Filters"},{"type":"doc","id":"docs/filters/Multiple_Filters","label":"Multiple Filters"},{"type":"doc","id":"docs/filters/Noise","label":"Noise"},{"type":"doc","id":"docs/filters/Pixelate","label":"Pixelate"},{"type":"doc","id":"docs/filters/RGB","label":"RGB"},{"type":"doc","id":"docs/filters/Sepia","label":"Sepia"},{"type":"doc","id":"docs/filters/Solarize","label":"Solarize"},{"type":"doc","id":"docs/filters/Threshold","label":"Threshold"}]},{"type":"category","label":"Tweens","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/tweens/All_Controls","label":"All Controls"},{"type":"doc","id":"docs/tweens/All_Easings","label":"All Easings"},{"type":"doc","id":"docs/tweens/Common_Easings","label":"Common Easings"},{"type":"doc","id":"docs/tweens/Complex_Tweening","label":"Complex Tweening"},{"type":"doc","id":"docs/tweens/Finish_Event"},{"type":"doc","id":"docs/tweens/Linear_Easing","label":"Linear Easing"},{"type":"doc","id":"docs/tweens/Tween_Filter","label":"Filter Tweening"}]},{"type":"category","label":"Animations","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/animations/Create_an_Animation","label":"Create Animation"},{"type":"doc","id":"docs/animations/Moving","label":"Moving"},{"type":"doc","id":"docs/animations/Rotation","label":"Rotation"},{"type":"doc","id":"docs/animations/Scaling","label":"Scaling"},{"type":"doc","id":"docs/animations/Stop_Animation","label":"Stop Animation"}]},{"type":"category","label":"Demos","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/sandbox/Shapes_with_Tooltip"},{"type":"doc","id":"docs/sandbox/Nodes"},{"type":"doc","id":"docs/sandbox/Animals_on_the_Beach_Game"},{"type":"doc","id":"docs/sandbox/Animation_Stress_Test"},{"type":"doc","id":"docs/sandbox/Canvas_Background"},{"type":"doc","id":"docs/sandbox/Canvas_Context_Menu"},{"type":"doc","id":"docs/sandbox/Canvas_Editor"},{"type":"doc","id":"docs/sandbox/Canvas_Scrolling"},{"type":"doc","id":"docs/sandbox/Canvas_to_PDF"},{"type":"doc","id":"docs/sandbox/Collision_Detection"},{"type":"doc","id":"docs/sandbox/Connected_Objects"},{"type":"doc","id":"docs/sandbox/Custom_Font"},{"type":"doc","id":"docs/sandbox/Drag_and_Drop_Multiple_Shapes"},{"type":"doc","id":"docs/sandbox/Drag_and_Drop_Stress_Test"},{"type":"doc","id":"docs/sandbox/Drop_DOM_Element"},{"type":"doc","id":"docs/sandbox/Editable_Text"},{"type":"doc","id":"docs/sandbox/Elastic_Stars"},{"type":"doc","id":"docs/sandbox/Expand_Images_on_Hover"},{"type":"doc","id":"docs/sandbox/Free_Drawing"},{"type":"doc","id":"docs/sandbox/GIF_On_Canvas"},{"type":"doc","id":"docs/sandbox/Gestures"},{"type":"doc","id":"docs/sandbox/Image_Border"},{"type":"doc","id":"docs/sandbox/Image_Border_Highlighting"},{"type":"doc","id":"docs/sandbox/Image_Labeling"},{"type":"doc","id":"docs/sandbox/Image_Resize"},{"type":"doc","id":"docs/sandbox/Interactive_Building_Map"},{"type":"doc","id":"docs/sandbox/Jumping_Bunnies"},{"type":"doc","id":"docs/sandbox/Limited_Drag_And_Resize"},{"type":"doc","id":"docs/sandbox/Mirror_Canvas_Shape"},{"type":"doc","id":"docs/sandbox/Modify_Curves_with_Anchor_Points"},{"type":"doc","id":"docs/sandbox/Modify_Shape_Color_on_Click"},{"type":"doc","id":"docs/sandbox/Multi-touch_Scale_Shape"},{"type":"doc","id":"docs/sandbox/Multi-touch_Scale_Stage"},{"type":"doc","id":"docs/sandbox/Native_Context_Access"},{"type":"doc","id":"docs/sandbox/Objects_Snapping"},{"type":"doc","id":"docs/sandbox/Physics_Simulator"},{"type":"doc","id":"docs/sandbox/Planets_Image_Map"},{"type":"doc","id":"docs/sandbox/Quantum_Squiggle"},{"type":"doc","id":"docs/sandbox/Relative_Pointer_Position"},{"type":"doc","id":"docs/sandbox/Resizing_Stress_Test"},{"type":"doc","id":"docs/sandbox/Responsive_Canvas"},{"type":"doc","id":"docs/sandbox/Rich_Text"},{"type":"doc","id":"docs/sandbox/SVG_On_Canvas"},{"type":"doc","id":"docs/sandbox/Scale_Image_To_Fit"},{"type":"doc","id":"docs/sandbox/Scroll_By_Edge_Drag"},{"type":"doc","id":"docs/sandbox/Seats_Reservation"},{"type":"doc","id":"docs/sandbox/Shape_Tango"},{"type":"doc","id":"docs/sandbox/Shape_Tooltips"},{"type":"doc","id":"docs/sandbox/Simple_Window_Frame"},{"type":"doc","id":"docs/sandbox/Stage_Preview"},{"type":"doc","id":"docs/sandbox/Star_Spinner"},{"type":"doc","id":"docs/sandbox/Transparent_Group"},{"type":"doc","id":"docs/sandbox/Video_On_Canvas"},{"type":"doc","id":"docs/sandbox/Web_Worker"},{"type":"doc","id":"docs/sandbox/Wheel_of_Fortune"},{"type":"doc","id":"docs/sandbox/Window_Frame_Designer"},{"type":"doc","id":"docs/sandbox/Zoom_Layer_On_hover"},{"type":"doc","id":"docs/sandbox/Zooming_Relative_To_Pointer"}]},{"type":"category","label":"Selectors","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/selectors/Select_by_Name","label":"Select by Name"},{"type":"doc","id":"docs/selectors/Select_by_Type","label":"Select by Type"},{"type":"doc","id":"docs/selectors/Select_by_id","label":"Select by id"}]},{"type":"category","label":"Data and Serialization","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/data_and_serialization/Best_Practices","label":"Best Practices"},{"type":"doc","id":"docs/data_and_serialization/Complex_Load","label":"Complex Load"},{"type":"doc","id":"docs/data_and_serialization/High-Quality-Export","label":"High Quality Export"},{"type":"doc","id":"docs/data_and_serialization/Serialize_a_Stage","label":"Serialize Stage"},{"type":"doc","id":"docs/data_and_serialization/Simple_Load","label":"Simple Load"},{"type":"doc","id":"docs/data_and_serialization/Stage_Data_URL","label":"Stage Data URL"}]},{"type":"category","label":"Performance","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/performance/All_Performance_Tips","label":"All Performance Tips"},{"type":"doc","id":"docs/performance/Avoid_Memory_Leaks","label":"Avoid Memory Leaks"},{"type":"doc","id":"docs/performance/Batch_Draw","label":"Batch Draw"},{"type":"doc","id":"docs/performance/Disable_Perfect_Draw","label":"Disable Perfect Draw"},{"type":"doc","id":"docs/performance/Layer_Management","label":"Layer Management"},{"type":"doc","id":"docs/performance/Listening_False","label":"Listening False"},{"type":"doc","id":"docs/performance/Optimize_Animation","label":"Optimize Animation"},{"type":"doc","id":"docs/performance/Optimize_Strokes","label":"Optimize Strokes"},{"type":"doc","id":"docs/performance/Shape_Caching","label":"Shape Caching"}]},{"type":"category","label":"React","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/react/Access_Konva_Nodes"},{"type":"doc","id":"docs/react/Canvas_Export"},{"type":"doc","id":"docs/react/Canvas_Portal"},{"type":"doc","id":"docs/react/Complex_Animations"},{"type":"doc","id":"docs/react/Custom_Shape"},{"type":"doc","id":"docs/react/DOM_Portal"},{"type":"doc","id":"docs/react/Drag_And_Drop"},{"type":"doc","id":"docs/react/Drop_Image"},{"type":"doc","id":"docs/react/Events"},{"type":"doc","id":"docs/react/Filters"},{"type":"doc","id":"docs/react/Free_Drawing"},{"type":"doc","id":"docs/react/Images"},{"type":"doc","id":"docs/react/Intro"},{"type":"doc","id":"docs/react/Shapes"},{"type":"doc","id":"docs/react/Simple_Animations"},{"type":"doc","id":"docs/react/Transformer"},{"type":"doc","id":"docs/react/Undo-Redo"},{"type":"doc","id":"docs/react/index"},{"type":"doc","id":"docs/react/zIndex"}]},{"type":"category","label":"Vue","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/vue/Cache"},{"type":"doc","id":"docs/vue/Custom_Shape"},{"type":"doc","id":"docs/vue/Drag_And_Drop"},{"type":"doc","id":"docs/vue/Events"},{"type":"doc","id":"docs/vue/Filters"},{"type":"doc","id":"docs/vue/Images"},{"type":"doc","id":"docs/vue/Save-Load"},{"type":"doc","id":"docs/vue/Shapes"},{"type":"doc","id":"docs/vue/Simple_Animations"},{"type":"doc","id":"docs/vue/Transformer"},{"type":"doc","id":"docs/vue/index"},{"type":"doc","id":"docs/vue/zIndex"}]},{"type":"category","label":"Svelte","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/svelte/Bindings"},{"type":"doc","id":"docs/svelte/Cache"},{"type":"doc","id":"docs/svelte/Custom_Shape"},{"type":"doc","id":"docs/svelte/Drag_And_Drop"},{"type":"doc","id":"docs/svelte/Events"},{"type":"doc","id":"docs/svelte/Filters"},{"type":"doc","id":"docs/svelte/Images"},{"type":"doc","id":"docs/svelte/Konva_Node"},{"type":"doc","id":"docs/svelte/Labels"},{"type":"doc","id":"docs/svelte/Save_Load"},{"type":"doc","id":"docs/svelte/Shapes"},{"type":"doc","id":"docs/svelte/Simple_Animations"},{"type":"doc","id":"docs/svelte/SvelteKit"},{"type":"doc","id":"docs/svelte/Transformer"},{"type":"doc","id":"docs/svelte/index"},{"type":"doc","id":"docs/svelte/zIndex"}]},{"type":"category","label":"posts","collapsible":true,"collapsed":true,"items":[{"type":"doc","id":"docs/posts/Position_vs_Offset"},{"type":"doc","id":"docs/posts/Tainted_Canvas"}]}],"apiSidebar":[{"type":"doc","id":"api/Konva","label":"Konva"},{"type":"doc","id":"api/Konva.Animation","label":"Animation"},{"type":"doc","id":"api/Konva.Arc","label":"Arc"},{"type":"doc","id":"api/Konva.Arrow","label":"Arrow"},{"type":"doc","id":"api/Konva.Canvas","label":"Canvas"},{"type":"doc","id":"api/Konva.Circle","label":"Circle"},{"type":"doc","id":"api/Konva.Container","label":"Container"},{"type":"doc","id":"api/Konva.Context","label":"Context"},{"type":"doc","id":"api/Konva.Easings","label":"Easings"},{"type":"doc","id":"api/Konva.Ellipse","label":"Ellipse"},{"type":"doc","id":"api/Konva.FastLayer","label":"FastLayer"},{"type":"doc","id":"api/Konva.Filters","label":"Filters"},{"type":"doc","id":"api/Konva.Group","label":"Group"},{"type":"doc","id":"api/Konva.Image","label":"Image"},{"type":"doc","id":"api/Konva.Label","label":"Label"},{"type":"doc","id":"api/Konva.Layer","label":"Layer"},{"type":"doc","id":"api/Konva.Line","label":"Line"},{"type":"doc","id":"api/Konva.Node","label":"Node"},{"type":"doc","id":"api/Konva.Path","label":"Path"},{"type":"doc","id":"api/Konva.Rect","label":"Rect"},{"type":"doc","id":"api/Konva.RegularPolygon","label":"RegularPolygon"},{"type":"doc","id":"api/Konva.Ring","label":"Ring"},{"type":"doc","id":"api/Konva.Shape","label":"Shape"},{"type":"doc","id":"api/Konva.Sprite","label":"Sprite"},{"type":"doc","id":"api/Konva.Stage","label":"Stage"},{"type":"doc","id":"api/Konva.Star","label":"Star"},{"type":"doc","id":"api/Konva.Tag","label":"Tag"},{"type":"doc","id":"api/Konva.Text","label":"Text"},{"type":"doc","id":"api/Konva.TextPath","label":"TextPath"},{"type":"doc","id":"api/Konva.Transform","label":"Transform"},{"type":"doc","id":"api/Konva.Transformer","label":"Transformer"},{"type":"doc","id":"api/Konva.Tween","label":"Tween"},{"type":"doc","id":"api/Konva.Util","label":"Util"},{"type":"doc","id":"api/Konva.Wedge","label":"Wedge"}],"demosSidebar":[]}}]}},"docusaurus-plugin-content-blog":{"default":{"blogSidebarTitle":"Recent posts","blogPosts":[],"blogListPaginated":[],"blogTags":{},"blogTagsListPath":"/blog/tags"}},"docusaurus-plugin-content-pages":{"default":[{"type":"jsx","permalink":"/","source":"@site/src/pages/index.tsx"},{"type":"jsx","permalink":"/kai","source":"@site/src/pages/kai.tsx"},{"type":"mdx","permalink":"/markdown-page","source":"@site/src/pages/markdown-page.md","title":"Markdown page example","description":"You don't need React to write simple standalone pages.","frontMatter":{"title":"Markdown page example"},"unlisted":false},{"type":"jsx","permalink":"/docs/sandbox.html","source":"@site/src/pages/docs/sandbox.html.tsx"},{"type":"jsx","permalink":"/docs/sandbox/index.html","source":"@site/src/pages/docs/sandbox/index.html.tsx"}]},"docusaurus-plugin-debug":{},"docusaurus-theme-classic":{},"docusaurus-theme-live-codeblock":{},"docusaurus-bootstrap-plugin":{},"docusaurus-mdx-fallback-plugin":{}}}
\ No newline at end of file
diff --git a/.docusaurus/docusaurus.config.mjs b/.docusaurus/docusaurus.config.mjs
new file mode 100644
index 000000000..831fbf9fd
--- /dev/null
+++ b/.docusaurus/docusaurus.config.mjs
@@ -0,0 +1,453 @@
+/*
+ * AUTOGENERATED - DON'T EDIT
+ * Your edits in this file will be overwritten in the next build!
+ * Modify the docusaurus.config.js file at your site's root instead.
+ */
+export default {
+  "title": "Konva - JavaScript Canvas 2d Library",
+  "tagline": "The ultimate bridge between your Vanilla/React/Vue/Svelte/Angular app and canvas graphics",
+  "favicon": "img/favicon.ico",
+  "themes": [
+    "./src/theme-live-codeblock"
+  ],
+  "url": "https://new.konvajs.org",
+  "baseUrl": "/",
+  "organizationName": "konvajs",
+  "projectName": "konva",
+  "onBrokenLinks": "ignore",
+  "onBrokenMarkdownLinks": "warn",
+  "i18n": {
+    "defaultLocale": "en",
+    "locales": [
+      "en"
+    ],
+    "path": "i18n",
+    "localeConfigs": {}
+  },
+  "scripts": [
+    {
+      "src": "https://plausible.io/js/plausible.js",
+      "async": true,
+      "defer": true,
+      "data-domain": "new.konvajs.org"
+    }
+  ],
+  "presets": [
+    [
+      "classic",
+      {
+        "docs": {
+          "sidebarPath": "./sidebars.ts",
+          "path": "content",
+          "routeBasePath": "/",
+          "editUrl": "https://github.com/konvajs/site/tree/new/"
+        },
+        "blog": {
+          "showReadingTime": true,
+          "feedOptions": {
+            "type": [
+              "rss",
+              "atom"
+            ],
+            "xslt": true
+          },
+          "editUrl": "https://github.com/konvajs/site/tree/new/",
+          "onInlineTags": "warn",
+          "onInlineAuthors": "warn",
+          "onUntruncatedBlogPosts": "warn"
+        },
+        "theme": {
+          "customCss": "./src/css/custom.css"
+        }
+      }
+    ]
+  ],
+  "themeConfig": {
+    "image": "img/social.jpeg",
+    "navbar": {
+      "title": "Konva",
+      "logo": {
+        "alt": "My Site Logo",
+        "src": "img/icon.png"
+      },
+      "items": [
+        {
+          "type": "docSidebar",
+          "sidebarId": "tutorialsSidebar",
+          "position": "left",
+          "label": "Tutorials"
+        },
+        {
+          "to": "docs/sandbox.html",
+          "position": "left",
+          "label": "Demos"
+        },
+        {
+          "type": "docSidebar",
+          "sidebarId": "apiSidebar",
+          "position": "left",
+          "label": "API Reference"
+        },
+        {
+          "type": "dropdown",
+          "label": "Frameworks",
+          "position": "left",
+          "items": [
+            {
+              "label": "React",
+              "to": "/docs/react/index.html"
+            },
+            {
+              "label": "Vue",
+              "to": "/docs/vue/index.html"
+            },
+            {
+              "label": "Svelte",
+              "to": "/docs/svelte/index.html"
+            }
+          ]
+        },
+        {
+          "label": "Kai",
+          "to": "/kai",
+          "position": "left"
+        },
+        {
+          "to": "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+          "label": "Price",
+          "position": "left"
+        },
+        {
+          "href": "https://github.com/konvajs/konva",
+          "className": "header-github-link",
+          "position": "right"
+        },
+        {
+          "href": "https://discord.gg/8FqZwVT",
+          "label": "Discord",
+          "position": "right"
+        },
+        {
+          "href": "https://twitter.com/lavrton",
+          "label": "Twitter",
+          "position": "right"
+        }
+      ],
+      "hideOnScroll": false
+    },
+    "footer": {
+      "style": "dark",
+      "links": [
+        {
+          "title": "Docs",
+          "items": [
+            {
+              "label": "Tutorial",
+              "to": "/docs/intro"
+            }
+          ]
+        },
+        {
+          "title": "Community",
+          "items": [
+            {
+              "label": "Stack Overflow",
+              "href": "https://stackoverflow.com/questions/tagged/konva"
+            },
+            {
+              "label": "Discord",
+              "href": "https://discord.gg/8FqZwVT"
+            },
+            {
+              "label": "Twitter",
+              "href": "https://twitter.com/lavrton"
+            }
+          ]
+        },
+        {
+          "title": "More",
+          "items": [
+            {
+              "label": "Blog",
+              "to": "/blog"
+            },
+            {
+              "label": "GitHub",
+              "href": "https://github.com/konvajs/konva"
+            }
+          ]
+        }
+      ],
+      "copyright": "Copyright © 2024 My Project, Inc. Built with Docusaurus."
+    },
+    "prism": {
+      "theme": {
+        "plain": {
+          "color": "#393A34",
+          "backgroundColor": "#f6f8fa"
+        },
+        "styles": [
+          {
+            "types": [
+              "comment",
+              "prolog",
+              "doctype",
+              "cdata"
+            ],
+            "style": {
+              "color": "#999988",
+              "fontStyle": "italic"
+            }
+          },
+          {
+            "types": [
+              "namespace"
+            ],
+            "style": {
+              "opacity": 0.7
+            }
+          },
+          {
+            "types": [
+              "string",
+              "attr-value"
+            ],
+            "style": {
+              "color": "#e3116c"
+            }
+          },
+          {
+            "types": [
+              "punctuation",
+              "operator"
+            ],
+            "style": {
+              "color": "#393A34"
+            }
+          },
+          {
+            "types": [
+              "entity",
+              "url",
+              "symbol",
+              "number",
+              "boolean",
+              "variable",
+              "constant",
+              "property",
+              "regex",
+              "inserted"
+            ],
+            "style": {
+              "color": "#36acaa"
+            }
+          },
+          {
+            "types": [
+              "atrule",
+              "keyword",
+              "attr-name",
+              "selector"
+            ],
+            "style": {
+              "color": "#00a4db"
+            }
+          },
+          {
+            "types": [
+              "function",
+              "deleted",
+              "tag"
+            ],
+            "style": {
+              "color": "#d73a49"
+            }
+          },
+          {
+            "types": [
+              "function-variable"
+            ],
+            "style": {
+              "color": "#6f42c1"
+            }
+          },
+          {
+            "types": [
+              "tag",
+              "selector",
+              "keyword"
+            ],
+            "style": {
+              "color": "#00009f"
+            }
+          }
+        ]
+      },
+      "darkTheme": {
+        "plain": {
+          "color": "#F8F8F2",
+          "backgroundColor": "#282A36"
+        },
+        "styles": [
+          {
+            "types": [
+              "prolog",
+              "constant",
+              "builtin"
+            ],
+            "style": {
+              "color": "rgb(189, 147, 249)"
+            }
+          },
+          {
+            "types": [
+              "inserted",
+              "function"
+            ],
+            "style": {
+              "color": "rgb(80, 250, 123)"
+            }
+          },
+          {
+            "types": [
+              "deleted"
+            ],
+            "style": {
+              "color": "rgb(255, 85, 85)"
+            }
+          },
+          {
+            "types": [
+              "changed"
+            ],
+            "style": {
+              "color": "rgb(255, 184, 108)"
+            }
+          },
+          {
+            "types": [
+              "punctuation",
+              "symbol"
+            ],
+            "style": {
+              "color": "rgb(248, 248, 242)"
+            }
+          },
+          {
+            "types": [
+              "string",
+              "char",
+              "tag",
+              "selector"
+            ],
+            "style": {
+              "color": "rgb(255, 121, 198)"
+            }
+          },
+          {
+            "types": [
+              "keyword",
+              "variable"
+            ],
+            "style": {
+              "color": "rgb(189, 147, 249)",
+              "fontStyle": "italic"
+            }
+          },
+          {
+            "types": [
+              "comment"
+            ],
+            "style": {
+              "color": "rgb(98, 114, 164)"
+            }
+          },
+          {
+            "types": [
+              "attr-name"
+            ],
+            "style": {
+              "color": "rgb(241, 250, 140)"
+            }
+          }
+        ]
+      },
+      "additionalLanguages": [],
+      "magicComments": [
+        {
+          "className": "theme-code-block-highlighted-line",
+          "line": "highlight-next-line",
+          "block": {
+            "start": "highlight-start",
+            "end": "highlight-end"
+          }
+        }
+      ]
+    },
+    "colorMode": {
+      "defaultMode": "light",
+      "disableSwitch": false,
+      "respectPrefersColorScheme": false
+    },
+    "docs": {
+      "versionPersistence": "localStorage",
+      "sidebar": {
+        "hideable": false,
+        "autoCollapseCategories": false
+      }
+    },
+    "blog": {
+      "sidebar": {
+        "groupByYear": true
+      }
+    },
+    "metadata": [],
+    "tableOfContents": {
+      "minHeadingLevel": 2,
+      "maxHeadingLevel": 3
+    },
+    "liveCodeBlock": {
+      "playgroundPosition": "bottom"
+    }
+  },
+  "baseUrlIssueBanner": true,
+  "future": {
+    "experimental_faster": {
+      "swcJsLoader": false,
+      "swcJsMinimizer": false,
+      "swcHtmlMinimizer": false,
+      "lightningCssMinimizer": false,
+      "mdxCrossCompilerCache": false,
+      "rspackBundler": false
+    },
+    "experimental_storage": {
+      "type": "localStorage",
+      "namespace": false
+    },
+    "experimental_router": "browser"
+  },
+  "onBrokenAnchors": "warn",
+  "onDuplicateRoutes": "warn",
+  "staticDirectories": [
+    "static"
+  ],
+  "customFields": {},
+  "plugins": [],
+  "headTags": [],
+  "stylesheets": [],
+  "clientModules": [],
+  "titleDelimiter": "|",
+  "noIndex": false,
+  "markdown": {
+    "format": "mdx",
+    "mermaid": false,
+    "mdx1Compat": {
+      "comments": true,
+      "admonitions": true,
+      "headingIds": true
+    },
+    "anchors": {
+      "maintainCase": false
+    }
+  }
+};
diff --git a/.docusaurus/globalData.json b/.docusaurus/globalData.json
new file mode 100644
index 000000000..227947da7
--- /dev/null
+++ b/.docusaurus/globalData.json
@@ -0,0 +1,1395 @@
+{
+  "docusaurus-plugin-content-docs": {
+    "default": {
+      "path": "/",
+      "versions": [
+        {
+          "name": "current",
+          "label": "Next",
+          "isLast": true,
+          "path": "/",
+          "mainDocId": "docs/tools",
+          "docs": [
+            {
+              "id": "api/Konva",
+              "path": "/api/Konva.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Animation",
+              "path": "/api/Konva.Animation.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Arc",
+              "path": "/api/Konva.Arc.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Arrow",
+              "path": "/api/Konva.Arrow.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Canvas",
+              "path": "/api/Konva.Canvas.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Circle",
+              "path": "/api/Konva.Circle.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Container",
+              "path": "/api/Konva.Container.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Context",
+              "path": "/api/Konva.Context.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Easings",
+              "path": "/api/Konva.Easings.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Ellipse",
+              "path": "/api/Konva.Ellipse.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.FastLayer",
+              "path": "/api/Konva.FastLayer.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Filters",
+              "path": "/api/Konva.Filters.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Group",
+              "path": "/api/Konva.Group.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Image",
+              "path": "/api/Konva.Image.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Label",
+              "path": "/api/Konva.Label.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Layer",
+              "path": "/api/Konva.Layer.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Line",
+              "path": "/api/Konva.Line.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Node",
+              "path": "/api/Konva.Node.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Path",
+              "path": "/api/Konva.Path.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Rect",
+              "path": "/api/Konva.Rect.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.RegularPolygon",
+              "path": "/api/Konva.RegularPolygon.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Ring",
+              "path": "/api/Konva.Ring.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Shape",
+              "path": "/api/Konva.Shape.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Sprite",
+              "path": "/api/Konva.Sprite.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Stage",
+              "path": "/api/Konva.Stage.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Star",
+              "path": "/api/Konva.Star.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Tag",
+              "path": "/api/Konva.Tag.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Text",
+              "path": "/api/Konva.Text.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.TextPath",
+              "path": "/api/Konva.TextPath.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Transform",
+              "path": "/api/Konva.Transform.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Transformer",
+              "path": "/api/Konva.Transformer.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Tween",
+              "path": "/api/Konva.Tween.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Util",
+              "path": "/api/Konva.Util.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "api/Konva.Wedge",
+              "path": "/api/Konva.Wedge.html",
+              "sidebar": "apiSidebar"
+            },
+            {
+              "id": "docs/animations/Create_an_Animation",
+              "path": "/docs/animations/Create_an_Animation.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/animations/Moving",
+              "path": "/docs/animations/Moving.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/animations/Rotation",
+              "path": "/docs/animations/Rotation.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/animations/Scaling",
+              "path": "/docs/animations/Scaling.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/animations/Stop_Animation",
+              "path": "/docs/animations/Stop_Animation.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/clipping/Clipping_Function",
+              "path": "/docs/clipping/Clipping_Function.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/clipping/Clipping_Regions",
+              "path": "/docs/clipping/Clipping_Regions.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/data_and_serialization/Best_Practices",
+              "path": "/docs/data_and_serialization/Best_Practices.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/data_and_serialization/Complex_Load",
+              "path": "/docs/data_and_serialization/Complex_Load.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/data_and_serialization/High-Quality-Export",
+              "path": "/docs/data_and_serialization/High-Quality-Export.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/data_and_serialization/Serialize_a_Stage",
+              "path": "/docs/data_and_serialization/Serialize_a_Stage.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/data_and_serialization/Simple_Load",
+              "path": "/docs/data_and_serialization/Simple_Load.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/data_and_serialization/Stage_Data_URL",
+              "path": "/docs/data_and_serialization/Stage_Data_URL.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/donate",
+              "path": "/docs/donate.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Complex_Drag_and_Drop",
+              "path": "/docs/drag_and_drop/Complex_Drag_and_Drop.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Drag_a_Group",
+              "path": "/docs/drag_and_drop/Drag_a_Group.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Drag_a_Line",
+              "path": "/docs/drag_and_drop/Drag_a_Line.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Drag_a_Stage",
+              "path": "/docs/drag_and_drop/Drag_a_Stage.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Drag_an_Image",
+              "path": "/docs/drag_and_drop/Drag_an_Image.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Drag_and_Drop",
+              "path": "/docs/drag_and_drop/Drag_and_Drop.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Drag_Events",
+              "path": "/docs/drag_and_drop/Drag_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Drop_Events",
+              "path": "/docs/drag_and_drop/Drop_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/drag_and_drop/Simple_Drag_Bounds",
+              "path": "/docs/drag_and_drop/Simple_Drag_Bounds.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Binding_Events",
+              "path": "/docs/events/Binding_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Cancel_Propagation",
+              "path": "/docs/events/Cancel_Propagation.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Custom_Hit_Region",
+              "path": "/docs/events/Custom_Hit_Region.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Desktop_and_Mobile",
+              "path": "/docs/events/Desktop_and_Mobile.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Event_Delegation",
+              "path": "/docs/events/Event_Delegation.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Fire_Events",
+              "path": "/docs/events/Fire_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Image_Events",
+              "path": "/docs/events/Image_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Keyboard_Events",
+              "path": "/docs/events/Keyboard_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Listen_for_Events",
+              "path": "/docs/events/Listen_for_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Mobile_Events",
+              "path": "/docs/events/Mobile_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Mobile_Scrolling",
+              "path": "/docs/events/Mobile_Scrolling.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Multi_Event",
+              "path": "/docs/events/Multi_Event.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Pointer_Events",
+              "path": "/docs/events/Pointer_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Remove_by_Name",
+              "path": "/docs/events/Remove_by_Name.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Remove_Event",
+              "path": "/docs/events/Remove_Event.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/events/Stage_Events",
+              "path": "/docs/events/Stage_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Blur",
+              "path": "/docs/filters/Blur.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Brighten",
+              "path": "/docs/filters/Brighten.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Contrast",
+              "path": "/docs/filters/Contrast.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Custom_Filter",
+              "path": "/docs/filters/Custom_Filter.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Emboss",
+              "path": "/docs/filters/Emboss.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Enhance",
+              "path": "/docs/filters/Enhance.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Grayscale",
+              "path": "/docs/filters/Grayscale.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/HSL",
+              "path": "/docs/filters/HSL.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/HSV",
+              "path": "/docs/filters/HSV.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Invert",
+              "path": "/docs/filters/Invert.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Kaleidoscope",
+              "path": "/docs/filters/Kaleidoscope.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Mask",
+              "path": "/docs/filters/Mask.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Multiple_Filters",
+              "path": "/docs/filters/Multiple_Filters",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Multiple_Filters",
+              "path": "/docs/filters/Multiple_Filters.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Noise",
+              "path": "/docs/filters/Noise.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Pixelate",
+              "path": "/docs/filters/Pixelate.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/RGB",
+              "path": "/docs/filters/RGB.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Sepia",
+              "path": "/docs/filters/Sepia.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Solarize",
+              "path": "/docs/filters/Solarize.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/filters/Threshold",
+              "path": "/docs/filters/Threshold.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/groups_and_layers/Change_Containers",
+              "path": "/docs/groups_and_layers/Change_Containers.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/groups_and_layers/Groups",
+              "path": "/docs/groups_and_layers/Groups.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/groups_and_layers/Layering",
+              "path": "/docs/groups_and_layers/Layering.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/groups_and_layers/zIndex",
+              "path": "/docs/groups_and_layers/zIndex.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/index",
+              "path": "/docs/index.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/overview",
+              "path": "/docs/overview.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/All_Performance_Tips",
+              "path": "/docs/performance/All_Performance_Tips.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Avoid_Memory_Leaks",
+              "path": "/docs/performance/Avoid_Memory_Leaks.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Batch_Draw",
+              "path": "/docs/performance/Batch_Draw.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Disable_Perfect_Draw",
+              "path": "/docs/performance/Disable_Perfect_Draw.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Layer_Management",
+              "path": "/docs/performance/Layer_Management.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Listening_False",
+              "path": "/docs/performance/Listening_False.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Optimize_Animation",
+              "path": "/docs/performance/Optimize_Animation.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Optimize_Strokes",
+              "path": "/docs/performance/Optimize_Strokes.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/performance/Shape_Caching",
+              "path": "/docs/performance/Shape_Caching.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/posts/Position_vs_Offset",
+              "path": "/docs/posts/Position_vs_Offset",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/posts/Tainted_Canvas",
+              "path": "/docs/posts/Tainted_Canvas",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Access_Konva_Nodes",
+              "path": "/docs/react/Access_Konva_Nodes",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Canvas_Export",
+              "path": "/docs/react/Canvas_Export",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Canvas_Portal",
+              "path": "/docs/react/Canvas_Portal",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Complex_Animations",
+              "path": "/docs/react/Complex_Animations",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Custom_Shape",
+              "path": "/docs/react/Custom_Shape",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/DOM_Portal",
+              "path": "/docs/react/DOM_Portal",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Drag_And_Drop",
+              "path": "/docs/react/Drag_And_Drop",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Drop_Image",
+              "path": "/docs/react/Drop_Image",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Events",
+              "path": "/docs/react/Events",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Filters",
+              "path": "/docs/react/Filters",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Free_Drawing",
+              "path": "/docs/react/Free_Drawing",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Images",
+              "path": "/docs/react/Images",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/index",
+              "path": "/docs/react/",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Intro",
+              "path": "/docs/react/Intro",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Shapes",
+              "path": "/docs/react/Shapes",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Simple_Animations",
+              "path": "/docs/react/Simple_Animations",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Transformer",
+              "path": "/docs/react/Transformer",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/Undo-Redo",
+              "path": "/docs/react/Undo-Redo",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/react/zIndex",
+              "path": "/docs/react/zIndex",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Animals_on_the_Beach_Game",
+              "path": "/docs/sandbox/Animals_on_the_Beach_Game",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Animation_Stress_Test",
+              "path": "/docs/sandbox/Animation_Stress_Test",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Canvas_Background",
+              "path": "/docs/sandbox/Canvas_Background",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Canvas_Context_Menu",
+              "path": "/docs/sandbox/Canvas_Context_Menu",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Canvas_Editor",
+              "path": "/docs/sandbox/Canvas_Editor",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Canvas_Scrolling",
+              "path": "/docs/sandbox/Canvas_Scrolling",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Canvas_to_PDF",
+              "path": "/docs/sandbox/Canvas_to_PDF",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Collision_Detection",
+              "path": "/docs/sandbox/Collision_Detection",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Connected_Objects",
+              "path": "/docs/sandbox/Connected_Objects",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Custom_Font",
+              "path": "/docs/sandbox/Custom_Font",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Drag_and_Drop_Multiple_Shapes",
+              "path": "/docs/sandbox/Drag_and_Drop_Multiple_Shapes",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Drag_and_Drop_Stress_Test",
+              "path": "/docs/sandbox/Drag_and_Drop_Stress_Test",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Drop_DOM_Element",
+              "path": "/docs/sandbox/Drop_DOM_Element",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Editable_Text",
+              "path": "/docs/sandbox/Editable_Text",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Elastic_Stars",
+              "path": "/docs/sandbox/Elastic_Stars",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Expand_Images_on_Hover",
+              "path": "/docs/sandbox/Expand_Images_on_Hover",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Free_Drawing",
+              "path": "/docs/sandbox/Free_Drawing",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Gestures",
+              "path": "/docs/sandbox/Gestures",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/GIF_On_Canvas",
+              "path": "/docs/sandbox/GIF_On_Canvas",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Image_Border",
+              "path": "/docs/sandbox/Image_Border",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Image_Border_Highlighting",
+              "path": "/docs/sandbox/Image_Border_Highlighting",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Image_Labeling",
+              "path": "/docs/sandbox/Image_Labeling",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Image_Resize",
+              "path": "/docs/sandbox/Image_Resize",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Interactive_Building_Map",
+              "path": "/docs/sandbox/Interactive_Building_Map",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Jumping_Bunnies",
+              "path": "/docs/sandbox/Jumping_Bunnies",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Limited_Drag_And_Resize",
+              "path": "/docs/sandbox/Limited_Drag_And_Resize",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Mirror_Canvas_Shape",
+              "path": "/docs/sandbox/Mirror_Canvas_Shape",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Modify_Curves_with_Anchor_Points",
+              "path": "/docs/sandbox/Modify_Curves_with_Anchor_Points",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Modify_Shape_Color_on_Click",
+              "path": "/docs/sandbox/Modify_Shape_Color_on_Click",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Multi-touch_Scale_Shape",
+              "path": "/docs/sandbox/Multi-touch_Scale_Shape",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Multi-touch_Scale_Stage",
+              "path": "/docs/sandbox/Multi-touch_Scale_Stage",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Native_Context_Access",
+              "path": "/docs/sandbox/Native_Context_Access",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Nodes",
+              "path": "/docs/sandbox/Nodes",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Objects_Snapping",
+              "path": "/docs/sandbox/Objects_Snapping",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Physics_Simulator",
+              "path": "/docs/sandbox/Physics_Simulator",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Planets_Image_Map",
+              "path": "/docs/sandbox/Planets_Image_Map",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Quantum_Squiggle",
+              "path": "/docs/sandbox/Quantum_Squiggle",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Relative_Pointer_Position",
+              "path": "/docs/sandbox/Relative_Pointer_Position",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Resizing_Stress_Test",
+              "path": "/docs/sandbox/Resizing_Stress_Test",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Responsive_Canvas",
+              "path": "/docs/sandbox/Responsive_Canvas",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Rich_Text",
+              "path": "/docs/sandbox/Rich_Text",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Scale_Image_To_Fit",
+              "path": "/docs/sandbox/Scale_Image_To_Fit",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Scroll_By_Edge_Drag",
+              "path": "/docs/sandbox/Scroll_By_Edge_Drag",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Seats_Reservation",
+              "path": "/docs/sandbox/Seats_Reservation",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Shape_Tango",
+              "path": "/docs/sandbox/Shape_Tango",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Shape_Tooltips",
+              "path": "/docs/sandbox/Shape_Tooltips",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Shapes_with_Tooltip",
+              "path": "/docs/sandbox/Shapes_with_Tooltip",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Simple_Window_Frame",
+              "path": "/docs/sandbox/Simple_Window_Frame",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Stage_Preview",
+              "path": "/docs/sandbox/Stage_Preview",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Star_Spinner",
+              "path": "/docs/sandbox/Star_Spinner",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/SVG_On_Canvas",
+              "path": "/docs/sandbox/SVG_On_Canvas",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Transparent_Group",
+              "path": "/docs/sandbox/Transparent_Group",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Video_On_Canvas",
+              "path": "/docs/sandbox/Video_On_Canvas",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Web_Worker",
+              "path": "/docs/sandbox/Web_Worker",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Wheel_of_Fortune",
+              "path": "/docs/sandbox/Wheel_of_Fortune",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Window_Frame_Designer",
+              "path": "/docs/sandbox/Window_Frame_Designer",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Zoom_Layer_On_hover",
+              "path": "/docs/sandbox/Zoom_Layer_On_hover",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/sandbox/Zooming_Relative_To_Pointer",
+              "path": "/docs/sandbox/Zooming_Relative_To_Pointer",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Basic_demo",
+              "path": "/docs/select_and_transform/Basic_demo.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Centered_Scaling",
+              "path": "/docs/select_and_transform/Centered_Scaling.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Force_Update",
+              "path": "/docs/select_and_transform/Force_Update.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Ignore_Stroke_On_Transform",
+              "path": "/docs/select_and_transform/Ignore_Stroke_On_Transform.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Keep_Ratio",
+              "path": "/docs/select_and_transform/Keep_Ratio.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Resize_Limits",
+              "path": "/docs/select_and_transform/Resize_Limits.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Resize_Snaps",
+              "path": "/docs/select_and_transform/Resize_Snaps.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Resize_Text",
+              "path": "/docs/select_and_transform/Resize_Text.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Rotation_Snaps",
+              "path": "/docs/select_and_transform/Rotation_Snaps.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Stop_Transform",
+              "path": "/docs/select_and_transform/Stop_Transform.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Transform_Events",
+              "path": "/docs/select_and_transform/Transform_Events.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Transformer_Complex_Styling",
+              "path": "/docs/select_and_transform/Transformer_Complex_Styling.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/select_and_transform/Transformer_Styling",
+              "path": "/docs/select_and_transform/Transformer_Styling.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/selectors/Select_by_id",
+              "path": "/docs/selectors/Select_by_id.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/selectors/Select_by_Name",
+              "path": "/docs/selectors/Select_by_Name.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/selectors/Select_by_Type",
+              "path": "/docs/selectors/Select_by_Type.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Arc",
+              "path": "/docs/shapes/Arc.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Arrow",
+              "path": "/docs/shapes/Arrow.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Circle",
+              "path": "/docs/shapes/Circle.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Custom",
+              "path": "/docs/shapes/Custom.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Ellipse",
+              "path": "/docs/shapes/Ellipse.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Group",
+              "path": "/docs/shapes/Group.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Image",
+              "path": "/docs/shapes/Image.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Label",
+              "path": "/docs/shapes/Label.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Line",
+              "path": "/docs/shapes/Line.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Line_-_Blob",
+              "path": "/docs/shapes/Line_-_Blob.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Line_-_Polygon",
+              "path": "/docs/shapes/Line_-_Polygon.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Line_-_Simple_Line",
+              "path": "/docs/shapes/Line_-_Simple_Line.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Line_-_Spline",
+              "path": "/docs/shapes/Line_-_Spline.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Path",
+              "path": "/docs/shapes/Path.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Rect",
+              "path": "/docs/shapes/Rect.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/RegularPolygon",
+              "path": "/docs/shapes/RegularPolygon.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Ring",
+              "path": "/docs/shapes/Ring.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Sprite",
+              "path": "/docs/shapes/Sprite.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Star",
+              "path": "/docs/shapes/Star.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Text",
+              "path": "/docs/shapes/Text.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/TextPath",
+              "path": "/docs/shapes/TextPath.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/shapes/Wedge",
+              "path": "/docs/shapes/Wedge.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Blend_Mode",
+              "path": "/docs/styling/Blend_Mode.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Fill",
+              "path": "/docs/styling/Fill.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Fill_Stroke_Order",
+              "path": "/docs/styling/Fill_Stroke_Order.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Hide_and_Show",
+              "path": "/docs/styling/hide-and-show.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Line_Join",
+              "path": "/docs/styling/Line_Join.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Mouse_Cursor",
+              "path": "/docs/styling/Mouse_Cursor.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Opacity",
+              "path": "/docs/styling/Opacity.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Shadow",
+              "path": "/docs/styling/Shadow.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/styling/Stroke",
+              "path": "/docs/styling/Stroke.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/support",
+              "path": "/docs/support.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Bindings",
+              "path": "/docs/svelte/Bindings",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Cache",
+              "path": "/docs/svelte/Cache",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Custom_Shape",
+              "path": "/docs/svelte/Custom_Shape",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Drag_And_Drop",
+              "path": "/docs/svelte/Drag_And_Drop",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Events",
+              "path": "/docs/svelte/Events",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Filters",
+              "path": "/docs/svelte/Filters",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Images",
+              "path": "/docs/svelte/Images",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/index",
+              "path": "/docs/svelte/",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Konva_Node",
+              "path": "/docs/svelte/Konva_Node",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Labels",
+              "path": "/docs/svelte/Labels",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Save_Load",
+              "path": "/docs/svelte/Save_Load",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Shapes",
+              "path": "/docs/svelte/Shapes",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Simple_Animations",
+              "path": "/docs/svelte/Simple_Animations",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/SvelteKit",
+              "path": "/docs/svelte/SvelteKit",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/Transformer",
+              "path": "/docs/svelte/Transformer",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/svelte/zIndex",
+              "path": "/docs/svelte/zIndex",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tools",
+              "path": "/docs/tools.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tweens/All_Controls",
+              "path": "/docs/tweens/All_Controls.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tweens/All_Easings",
+              "path": "/docs/tweens/All_Easings.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tweens/Common_Easings",
+              "path": "/docs/tweens/Common_Easings.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tweens/Complex_Tweening",
+              "path": "/docs/tweens/Complex_Tweening.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tweens/Finish_Event",
+              "path": "/docs/tweens/Finish_Event",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tweens/Linear_Easing",
+              "path": "/docs/tweens/Linear_Easing.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/tweens/Tween_Filter",
+              "path": "/docs/tweens/Tween_Filter.html",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Cache",
+              "path": "/docs/vue/Cache",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Custom_Shape",
+              "path": "/docs/vue/Custom_Shape",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Drag_And_Drop",
+              "path": "/docs/vue/Drag_And_Drop",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Events",
+              "path": "/docs/vue/Events",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Filters",
+              "path": "/docs/vue/Filters",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Images",
+              "path": "/docs/vue/Images",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/index",
+              "path": "/docs/vue/",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Save-Load",
+              "path": "/docs/vue/Save-Load",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Shapes",
+              "path": "/docs/vue/Shapes",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Simple_Animations",
+              "path": "/docs/vue/Simple_Animations",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/Transformer",
+              "path": "/docs/vue/Transformer",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "docs/vue/zIndex",
+              "path": "/docs/vue/zIndex",
+              "sidebar": "tutorialsSidebar"
+            },
+            {
+              "id": "/category/shapes",
+              "path": "/category/shapes",
+              "sidebar": "tutorialsSidebar"
+            }
+          ],
+          "draftIds": [],
+          "sidebars": {
+            "tutorialsSidebar": {
+              "link": {
+                "path": "/docs/tools.html",
+                "label": "Tools"
+              }
+            },
+            "apiSidebar": {
+              "link": {
+                "path": "/api/Konva.html",
+                "label": "Konva"
+              }
+            },
+            "demosSidebar": {}
+          }
+        }
+      ],
+      "breadcrumbs": true
+    }
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/i18n.json b/.docusaurus/i18n.json
new file mode 100644
index 000000000..285e67dc5
--- /dev/null
+++ b/.docusaurus/i18n.json
@@ -0,0 +1,17 @@
+{
+  "defaultLocale": "en",
+  "locales": [
+    "en"
+  ],
+  "path": "i18n",
+  "currentLocale": "en",
+  "localeConfigs": {
+    "en": {
+      "label": "English",
+      "direction": "ltr",
+      "htmlLang": "en",
+      "calendar": "gregory",
+      "path": "en"
+    }
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/registry.js b/.docusaurus/registry.js
new file mode 100644
index 000000000..3484947c0
--- /dev/null
+++ b/.docusaurus/registry.js
@@ -0,0 +1,296 @@
+export default {
+  "__comp---site-src-pages-docs-sandbox-html-tsx-445-130": [() => import(/* webpackChunkName: "__comp---site-src-pages-docs-sandbox-html-tsx-445-130" */ "@site/src/pages/docs/sandbox.html.tsx"), "@site/src/pages/docs/sandbox.html.tsx", require.resolveWeak("@site/src/pages/docs/sandbox.html.tsx")],
+  "__comp---site-src-pages-docs-sandbox-index-html-tsxbe-7-540": [() => import(/* webpackChunkName: "__comp---site-src-pages-docs-sandbox-index-html-tsxbe-7-540" */ "@site/src/pages/docs/sandbox/index.html.tsx"), "@site/src/pages/docs/sandbox/index.html.tsx", require.resolveWeak("@site/src/pages/docs/sandbox/index.html.tsx")],
+  "__comp---site-src-pages-index-tsx-1-df-d3e": [() => import(/* webpackChunkName: "__comp---site-src-pages-index-tsx-1-df-d3e" */ "@site/src/pages/index.tsx"), "@site/src/pages/index.tsx", require.resolveWeak("@site/src/pages/index.tsx")],
+  "__comp---site-src-pages-kai-tsx-3-c-5-6d9": [() => import(/* webpackChunkName: "__comp---site-src-pages-kai-tsx-3-c-5-6d9" */ "@site/src/pages/kai.tsx"), "@site/src/pages/kai.tsx", require.resolveWeak("@site/src/pages/kai.tsx")],
+  "__comp---theme-debug-config-23-a-2ff": [() => import(/* webpackChunkName: "__comp---theme-debug-config-23-a-2ff" */ "@theme/DebugConfig"), "@theme/DebugConfig", require.resolveWeak("@theme/DebugConfig")],
+  "__comp---theme-debug-contentba-8-ce7": [() => import(/* webpackChunkName: "__comp---theme-debug-contentba-8-ce7" */ "@theme/DebugContent"), "@theme/DebugContent", require.resolveWeak("@theme/DebugContent")],
+  "__comp---theme-debug-global-dataede-0fa": [() => import(/* webpackChunkName: "__comp---theme-debug-global-dataede-0fa" */ "@theme/DebugGlobalData"), "@theme/DebugGlobalData", require.resolveWeak("@theme/DebugGlobalData")],
+  "__comp---theme-debug-registry-679-501": [() => import(/* webpackChunkName: "__comp---theme-debug-registry-679-501" */ "@theme/DebugRegistry"), "@theme/DebugRegistry", require.resolveWeak("@theme/DebugRegistry")],
+  "__comp---theme-debug-routes-946-699": [() => import(/* webpackChunkName: "__comp---theme-debug-routes-946-699" */ "@theme/DebugRoutes"), "@theme/DebugRoutes", require.resolveWeak("@theme/DebugRoutes")],
+  "__comp---theme-debug-site-metadata-68-e-3d4": [() => import(/* webpackChunkName: "__comp---theme-debug-site-metadata-68-e-3d4" */ "@theme/DebugSiteMetadata"), "@theme/DebugSiteMetadata", require.resolveWeak("@theme/DebugSiteMetadata")],
+  "__comp---theme-doc-category-generated-index-page-14-e-640": [() => import(/* webpackChunkName: "__comp---theme-doc-category-generated-index-page-14-e-640" */ "@theme/DocCategoryGeneratedIndexPage"), "@theme/DocCategoryGeneratedIndexPage", require.resolveWeak("@theme/DocCategoryGeneratedIndexPage")],
+  "__comp---theme-doc-item-178-a40": [() => import(/* webpackChunkName: "__comp---theme-doc-item-178-a40" */ "@theme/DocItem"), "@theme/DocItem", require.resolveWeak("@theme/DocItem")],
+  "__comp---theme-doc-roota-94-67a": [() => import(/* webpackChunkName: "__comp---theme-doc-roota-94-67a" */ "@theme/DocRoot"), "@theme/DocRoot", require.resolveWeak("@theme/DocRoot")],
+  "__comp---theme-doc-version-roota-7-b-5de": [() => import(/* webpackChunkName: "__comp---theme-doc-version-roota-7-b-5de" */ "@theme/DocVersionRoot"), "@theme/DocVersionRoot", require.resolveWeak("@theme/DocVersionRoot")],
+  "__comp---theme-docs-root-5-e-9-0b6": [() => import(/* webpackChunkName: "__comp---theme-docs-root-5-e-9-0b6" */ "@theme/DocsRoot"), "@theme/DocsRoot", require.resolveWeak("@theme/DocsRoot")],
+  "__comp---theme-mdx-page-1-f-3-b90": [() => import(/* webpackChunkName: "__comp---theme-mdx-page-1-f-3-b90" */ "@theme/MDXPage"), "@theme/MDXPage", require.resolveWeak("@theme/MDXPage")],
+  "__props---22-d-307": [() => import(/* webpackChunkName: "__props---22-d-307" */ "@generated/docusaurus-plugin-content-docs/default/p/index-466.json"), "@generated/docusaurus-plugin-content-docs/default/p/index-466.json", require.resolveWeak("@generated/docusaurus-plugin-content-docs/default/p/index-466.json")],
+  "__props---category-shapesddd-0f4": [() => import(/* webpackChunkName: "__props---category-shapesddd-0f4" */ "@generated/docusaurus-plugin-content-docs/default/p/category-shapes-6e4.json"), "@generated/docusaurus-plugin-content-docs/default/p/category-shapes-6e4.json", require.resolveWeak("@generated/docusaurus-plugin-content-docs/default/p/category-shapes-6e4.json")],
+  "__props---docusaurus-debug-content-3-c-0-be2": [() => import(/* webpackChunkName: "__props---docusaurus-debug-content-3-c-0-be2" */ "@generated/docusaurus-plugin-debug/default/p/docusaurus-debug-content-0d5.json"), "@generated/docusaurus-plugin-debug/default/p/docusaurus-debug-content-0d5.json", require.resolveWeak("@generated/docusaurus-plugin-debug/default/p/docusaurus-debug-content-0d5.json")],
+  "config---docs-sandbox-html-5-e-9-c49": [() => import(/* webpackChunkName: "config---docs-sandbox-html-5-e-9-c49" */ "@generated/docusaurus.config"), "@generated/docusaurus.config", require.resolveWeak("@generated/docusaurus.config")],
+  "content---api-konva-animation-html-621-f2c": [() => import(/* webpackChunkName: "content---api-konva-animation-html-621-f2c" */ "@site/content/api/Konva.Animation.mdx"), "@site/content/api/Konva.Animation.mdx", require.resolveWeak("@site/content/api/Konva.Animation.mdx")],
+  "content---api-konva-arc-htmld-2-e-d9e": [() => import(/* webpackChunkName: "content---api-konva-arc-htmld-2-e-d9e" */ "@site/content/api/Konva.Arc.mdx"), "@site/content/api/Konva.Arc.mdx", require.resolveWeak("@site/content/api/Konva.Arc.mdx")],
+  "content---api-konva-arrow-htmla-02-93d": [() => import(/* webpackChunkName: "content---api-konva-arrow-htmla-02-93d" */ "@site/content/api/Konva.Arrow.mdx"), "@site/content/api/Konva.Arrow.mdx", require.resolveWeak("@site/content/api/Konva.Arrow.mdx")],
+  "content---api-konva-canvas-htmlef-5-73d": [() => import(/* webpackChunkName: "content---api-konva-canvas-htmlef-5-73d" */ "@site/content/api/Konva.Canvas.mdx"), "@site/content/api/Konva.Canvas.mdx", require.resolveWeak("@site/content/api/Konva.Canvas.mdx")],
+  "content---api-konva-circle-html-0-d-5-9e9": [() => import(/* webpackChunkName: "content---api-konva-circle-html-0-d-5-9e9" */ "@site/content/api/Konva.Circle.mdx"), "@site/content/api/Konva.Circle.mdx", require.resolveWeak("@site/content/api/Konva.Circle.mdx")],
+  "content---api-konva-container-html-1-ee-7a0": [() => import(/* webpackChunkName: "content---api-konva-container-html-1-ee-7a0" */ "@site/content/api/Konva.Container.mdx"), "@site/content/api/Konva.Container.mdx", require.resolveWeak("@site/content/api/Konva.Container.mdx")],
+  "content---api-konva-context-htmlb-1-f-049": [() => import(/* webpackChunkName: "content---api-konva-context-htmlb-1-f-049" */ "@site/content/api/Konva.Context.mdx"), "@site/content/api/Konva.Context.mdx", require.resolveWeak("@site/content/api/Konva.Context.mdx")],
+  "content---api-konva-easings-htmlea-6-476": [() => import(/* webpackChunkName: "content---api-konva-easings-htmlea-6-476" */ "@site/content/api/Konva.Easings.mdx"), "@site/content/api/Konva.Easings.mdx", require.resolveWeak("@site/content/api/Konva.Easings.mdx")],
+  "content---api-konva-ellipse-htmla-79-a19": [() => import(/* webpackChunkName: "content---api-konva-ellipse-htmla-79-a19" */ "@site/content/api/Konva.Ellipse.mdx"), "@site/content/api/Konva.Ellipse.mdx", require.resolveWeak("@site/content/api/Konva.Ellipse.mdx")],
+  "content---api-konva-fast-layer-html-06-e-4b8": [() => import(/* webpackChunkName: "content---api-konva-fast-layer-html-06-e-4b8" */ "@site/content/api/Konva.FastLayer.mdx"), "@site/content/api/Konva.FastLayer.mdx", require.resolveWeak("@site/content/api/Konva.FastLayer.mdx")],
+  "content---api-konva-filters-htmlf-9-c-1d4": [() => import(/* webpackChunkName: "content---api-konva-filters-htmlf-9-c-1d4" */ "@site/content/api/Konva.Filters.mdx"), "@site/content/api/Konva.Filters.mdx", require.resolveWeak("@site/content/api/Konva.Filters.mdx")],
+  "content---api-konva-group-html-9-c-7-452": [() => import(/* webpackChunkName: "content---api-konva-group-html-9-c-7-452" */ "@site/content/api/Konva.Group.mdx"), "@site/content/api/Konva.Group.mdx", require.resolveWeak("@site/content/api/Konva.Group.mdx")],
+  "content---api-konva-html-8-b-1-f3b": [() => import(/* webpackChunkName: "content---api-konva-html-8-b-1-f3b" */ "@site/content/api/Konva.mdx"), "@site/content/api/Konva.mdx", require.resolveWeak("@site/content/api/Konva.mdx")],
+  "content---api-konva-image-html-7-f-8-144": [() => import(/* webpackChunkName: "content---api-konva-image-html-7-f-8-144" */ "@site/content/api/Konva.Image.mdx"), "@site/content/api/Konva.Image.mdx", require.resolveWeak("@site/content/api/Konva.Image.mdx")],
+  "content---api-konva-label-htmlccd-91e": [() => import(/* webpackChunkName: "content---api-konva-label-htmlccd-91e" */ "@site/content/api/Konva.Label.mdx"), "@site/content/api/Konva.Label.mdx", require.resolveWeak("@site/content/api/Konva.Label.mdx")],
+  "content---api-konva-layer-html-79-b-618": [() => import(/* webpackChunkName: "content---api-konva-layer-html-79-b-618" */ "@site/content/api/Konva.Layer.mdx"), "@site/content/api/Konva.Layer.mdx", require.resolveWeak("@site/content/api/Konva.Layer.mdx")],
+  "content---api-konva-line-htmlef-9-7cd": [() => import(/* webpackChunkName: "content---api-konva-line-htmlef-9-7cd" */ "@site/content/api/Konva.Line.mdx"), "@site/content/api/Konva.Line.mdx", require.resolveWeak("@site/content/api/Konva.Line.mdx")],
+  "content---api-konva-node-html-618-628": [() => import(/* webpackChunkName: "content---api-konva-node-html-618-628" */ "@site/content/api/Konva.Node.mdx"), "@site/content/api/Konva.Node.mdx", require.resolveWeak("@site/content/api/Konva.Node.mdx")],
+  "content---api-konva-path-htmle-44-38f": [() => import(/* webpackChunkName: "content---api-konva-path-htmle-44-38f" */ "@site/content/api/Konva.Path.mdx"), "@site/content/api/Konva.Path.mdx", require.resolveWeak("@site/content/api/Konva.Path.mdx")],
+  "content---api-konva-rect-html-226-f98": [() => import(/* webpackChunkName: "content---api-konva-rect-html-226-f98" */ "@site/content/api/Konva.Rect.mdx"), "@site/content/api/Konva.Rect.mdx", require.resolveWeak("@site/content/api/Konva.Rect.mdx")],
+  "content---api-konva-regular-polygon-htmlda-5-c03": [() => import(/* webpackChunkName: "content---api-konva-regular-polygon-htmlda-5-c03" */ "@site/content/api/Konva.RegularPolygon.mdx"), "@site/content/api/Konva.RegularPolygon.mdx", require.resolveWeak("@site/content/api/Konva.RegularPolygon.mdx")],
+  "content---api-konva-ring-html-860-5fd": [() => import(/* webpackChunkName: "content---api-konva-ring-html-860-5fd" */ "@site/content/api/Konva.Ring.mdx"), "@site/content/api/Konva.Ring.mdx", require.resolveWeak("@site/content/api/Konva.Ring.mdx")],
+  "content---api-konva-shape-html-2-df-7c1": [() => import(/* webpackChunkName: "content---api-konva-shape-html-2-df-7c1" */ "@site/content/api/Konva.Shape.mdx"), "@site/content/api/Konva.Shape.mdx", require.resolveWeak("@site/content/api/Konva.Shape.mdx")],
+  "content---api-konva-sprite-html-7-ca-47c": [() => import(/* webpackChunkName: "content---api-konva-sprite-html-7-ca-47c" */ "@site/content/api/Konva.Sprite.mdx"), "@site/content/api/Konva.Sprite.mdx", require.resolveWeak("@site/content/api/Konva.Sprite.mdx")],
+  "content---api-konva-stage-htmlc-1-a-0b8": [() => import(/* webpackChunkName: "content---api-konva-stage-htmlc-1-a-0b8" */ "@site/content/api/Konva.Stage.mdx"), "@site/content/api/Konva.Stage.mdx", require.resolveWeak("@site/content/api/Konva.Stage.mdx")],
+  "content---api-konva-star-html-2-a-8-7f2": [() => import(/* webpackChunkName: "content---api-konva-star-html-2-a-8-7f2" */ "@site/content/api/Konva.Star.mdx"), "@site/content/api/Konva.Star.mdx", require.resolveWeak("@site/content/api/Konva.Star.mdx")],
+  "content---api-konva-tag-html-51-a-b64": [() => import(/* webpackChunkName: "content---api-konva-tag-html-51-a-b64" */ "@site/content/api/Konva.Tag.mdx"), "@site/content/api/Konva.Tag.mdx", require.resolveWeak("@site/content/api/Konva.Tag.mdx")],
+  "content---api-konva-text-html-573-877": [() => import(/* webpackChunkName: "content---api-konva-text-html-573-877" */ "@site/content/api/Konva.Text.mdx"), "@site/content/api/Konva.Text.mdx", require.resolveWeak("@site/content/api/Konva.Text.mdx")],
+  "content---api-konva-text-path-html-4-a-2-956": [() => import(/* webpackChunkName: "content---api-konva-text-path-html-4-a-2-956" */ "@site/content/api/Konva.TextPath.mdx"), "@site/content/api/Konva.TextPath.mdx", require.resolveWeak("@site/content/api/Konva.TextPath.mdx")],
+  "content---api-konva-transform-html-610-1e0": [() => import(/* webpackChunkName: "content---api-konva-transform-html-610-1e0" */ "@site/content/api/Konva.Transform.mdx"), "@site/content/api/Konva.Transform.mdx", require.resolveWeak("@site/content/api/Konva.Transform.mdx")],
+  "content---api-konva-transformer-htmlacf-6cb": [() => import(/* webpackChunkName: "content---api-konva-transformer-htmlacf-6cb" */ "@site/content/api/Konva.Transformer.mdx"), "@site/content/api/Konva.Transformer.mdx", require.resolveWeak("@site/content/api/Konva.Transformer.mdx")],
+  "content---api-konva-tween-htmlca-8-b73": [() => import(/* webpackChunkName: "content---api-konva-tween-htmlca-8-b73" */ "@site/content/api/Konva.Tween.mdx"), "@site/content/api/Konva.Tween.mdx", require.resolveWeak("@site/content/api/Konva.Tween.mdx")],
+  "content---api-konva-util-htmlb-7-d-407": [() => import(/* webpackChunkName: "content---api-konva-util-htmlb-7-d-407" */ "@site/content/api/Konva.Util.mdx"), "@site/content/api/Konva.Util.mdx", require.resolveWeak("@site/content/api/Konva.Util.mdx")],
+  "content---api-konva-wedge-html-98-e-6e8": [() => import(/* webpackChunkName: "content---api-konva-wedge-html-98-e-6e8" */ "@site/content/api/Konva.Wedge.mdx"), "@site/content/api/Konva.Wedge.mdx", require.resolveWeak("@site/content/api/Konva.Wedge.mdx")],
+  "content---docs-animations-create-an-animation-htmlc-79-758": [() => import(/* webpackChunkName: "content---docs-animations-create-an-animation-htmlc-79-758" */ "@site/content/docs/animations/Create_an_Animation.mdx"), "@site/content/docs/animations/Create_an_Animation.mdx", require.resolveWeak("@site/content/docs/animations/Create_an_Animation.mdx")],
+  "content---docs-animations-moving-htmlc-36-373": [() => import(/* webpackChunkName: "content---docs-animations-moving-htmlc-36-373" */ "@site/content/docs/animations/Moving.mdx"), "@site/content/docs/animations/Moving.mdx", require.resolveWeak("@site/content/docs/animations/Moving.mdx")],
+  "content---docs-animations-rotation-html-6-d-6-0d6": [() => import(/* webpackChunkName: "content---docs-animations-rotation-html-6-d-6-0d6" */ "@site/content/docs/animations/Rotation.mdx"), "@site/content/docs/animations/Rotation.mdx", require.resolveWeak("@site/content/docs/animations/Rotation.mdx")],
+  "content---docs-animations-scaling-html-54-b-4a2": [() => import(/* webpackChunkName: "content---docs-animations-scaling-html-54-b-4a2" */ "@site/content/docs/animations/Scaling.mdx"), "@site/content/docs/animations/Scaling.mdx", require.resolveWeak("@site/content/docs/animations/Scaling.mdx")],
+  "content---docs-animations-stop-animation-html-8-b-7-686": [() => import(/* webpackChunkName: "content---docs-animations-stop-animation-html-8-b-7-686" */ "@site/content/docs/animations/Stop_Animation.mdx"), "@site/content/docs/animations/Stop_Animation.mdx", require.resolveWeak("@site/content/docs/animations/Stop_Animation.mdx")],
+  "content---docs-clipping-clipping-function-htmleb-7-210": [() => import(/* webpackChunkName: "content---docs-clipping-clipping-function-htmleb-7-210" */ "@site/content/docs/clipping/Clipping_Function.mdx"), "@site/content/docs/clipping/Clipping_Function.mdx", require.resolveWeak("@site/content/docs/clipping/Clipping_Function.mdx")],
+  "content---docs-clipping-clipping-regions-htmlda-3-d00": [() => import(/* webpackChunkName: "content---docs-clipping-clipping-regions-htmlda-3-d00" */ "@site/content/docs/clipping/Clipping_Regions.mdx"), "@site/content/docs/clipping/Clipping_Regions.mdx", require.resolveWeak("@site/content/docs/clipping/Clipping_Regions.mdx")],
+  "content---docs-data-and-serialization-best-practices-htmlfc-2-606": [() => import(/* webpackChunkName: "content---docs-data-and-serialization-best-practices-htmlfc-2-606" */ "@site/content/docs/data_and_serialization/Best_Practices.mdx"), "@site/content/docs/data_and_serialization/Best_Practices.mdx", require.resolveWeak("@site/content/docs/data_and_serialization/Best_Practices.mdx")],
+  "content---docs-data-and-serialization-complex-load-htmle-22-a33": [() => import(/* webpackChunkName: "content---docs-data-and-serialization-complex-load-htmle-22-a33" */ "@site/content/docs/data_and_serialization/Complex_Load.mdx"), "@site/content/docs/data_and_serialization/Complex_Load.mdx", require.resolveWeak("@site/content/docs/data_and_serialization/Complex_Load.mdx")],
+  "content---docs-data-and-serialization-high-quality-export-html-861-e36": [() => import(/* webpackChunkName: "content---docs-data-and-serialization-high-quality-export-html-861-e36" */ "@site/content/docs/data_and_serialization/High-Quality-Export.mdx"), "@site/content/docs/data_and_serialization/High-Quality-Export.mdx", require.resolveWeak("@site/content/docs/data_and_serialization/High-Quality-Export.mdx")],
+  "content---docs-data-and-serialization-serialize-a-stage-html-41-e-db8": [() => import(/* webpackChunkName: "content---docs-data-and-serialization-serialize-a-stage-html-41-e-db8" */ "@site/content/docs/data_and_serialization/Serialize_a_Stage.mdx"), "@site/content/docs/data_and_serialization/Serialize_a_Stage.mdx", require.resolveWeak("@site/content/docs/data_and_serialization/Serialize_a_Stage.mdx")],
+  "content---docs-data-and-serialization-simple-load-html-353-ee1": [() => import(/* webpackChunkName: "content---docs-data-and-serialization-simple-load-html-353-ee1" */ "@site/content/docs/data_and_serialization/Simple_Load.mdx"), "@site/content/docs/data_and_serialization/Simple_Load.mdx", require.resolveWeak("@site/content/docs/data_and_serialization/Simple_Load.mdx")],
+  "content---docs-data-and-serialization-stage-data-url-htmlf-0-e-2fb": [() => import(/* webpackChunkName: "content---docs-data-and-serialization-stage-data-url-htmlf-0-e-2fb" */ "@site/content/docs/data_and_serialization/Stage_Data_URL.mdx"), "@site/content/docs/data_and_serialization/Stage_Data_URL.mdx", require.resolveWeak("@site/content/docs/data_and_serialization/Stage_Data_URL.mdx")],
+  "content---docs-donate-html-20-f-faf": [() => import(/* webpackChunkName: "content---docs-donate-html-20-f-faf" */ "@site/content/docs/donate.md"), "@site/content/docs/donate.md", require.resolveWeak("@site/content/docs/donate.md")],
+  "content---docs-drag-and-drop-complex-drag-and-drop-html-9-ac-1b1": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-complex-drag-and-drop-html-9-ac-1b1" */ "@site/content/docs/drag_and_drop/08_Complex_Drag_and_Drop.mdx"), "@site/content/docs/drag_and_drop/08_Complex_Drag_and_Drop.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/08_Complex_Drag_and_Drop.mdx")],
+  "content---docs-drag-and-drop-drag-a-group-html-794-d4f": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-drag-a-group-html-794-d4f" */ "@site/content/docs/drag_and_drop/03_Drag_a_Group.mdx"), "@site/content/docs/drag_and_drop/03_Drag_a_Group.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/03_Drag_a_Group.mdx")],
+  "content---docs-drag-and-drop-drag-a-line-htmld-3-d-690": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-drag-a-line-htmld-3-d-690" */ "@site/content/docs/drag_and_drop/04_Drag_a_Line.mdx"), "@site/content/docs/drag_and_drop/04_Drag_a_Line.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/04_Drag_a_Line.mdx")],
+  "content---docs-drag-and-drop-drag-a-stage-html-218-3d6": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-drag-a-stage-html-218-3d6" */ "@site/content/docs/drag_and_drop/05_Drag_a_Stage.mdx"), "@site/content/docs/drag_and_drop/05_Drag_a_Stage.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/05_Drag_a_Stage.mdx")],
+  "content---docs-drag-and-drop-drag-an-image-html-451-e2a": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-drag-an-image-html-451-e2a" */ "@site/content/docs/drag_and_drop/02_Drag_an_Image.mdx"), "@site/content/docs/drag_and_drop/02_Drag_an_Image.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/02_Drag_an_Image.mdx")],
+  "content---docs-drag-and-drop-drag-and-drop-html-415-18f": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-drag-and-drop-html-415-18f" */ "@site/content/docs/drag_and_drop/01_Drag_and_Drop.mdx"), "@site/content/docs/drag_and_drop/01_Drag_and_Drop.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/01_Drag_and_Drop.mdx")],
+  "content---docs-drag-and-drop-drag-events-html-8-de-897": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-drag-events-html-8-de-897" */ "@site/content/docs/drag_and_drop/06_Drag_Events.mdx"), "@site/content/docs/drag_and_drop/06_Drag_Events.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/06_Drag_Events.mdx")],
+  "content---docs-drag-and-drop-drop-events-html-2-fe-6d3": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-drop-events-html-2-fe-6d3" */ "@site/content/docs/drag_and_drop/09_Drop_Events.mdx"), "@site/content/docs/drag_and_drop/09_Drop_Events.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/09_Drop_Events.mdx")],
+  "content---docs-drag-and-drop-simple-drag-bounds-html-827-21d": [() => import(/* webpackChunkName: "content---docs-drag-and-drop-simple-drag-bounds-html-827-21d" */ "@site/content/docs/drag_and_drop/07_Simple_Drag_Bounds.mdx"), "@site/content/docs/drag_and_drop/07_Simple_Drag_Bounds.mdx", require.resolveWeak("@site/content/docs/drag_and_drop/07_Simple_Drag_Bounds.mdx")],
+  "content---docs-events-binding-events-htmla-68-7e2": [() => import(/* webpackChunkName: "content---docs-events-binding-events-htmla-68-7e2" */ "@site/content/docs/events/Binding_Events.mdx"), "@site/content/docs/events/Binding_Events.mdx", require.resolveWeak("@site/content/docs/events/Binding_Events.mdx")],
+  "content---docs-events-cancel-propagation-htmla-1-e-f51": [() => import(/* webpackChunkName: "content---docs-events-cancel-propagation-htmla-1-e-f51" */ "@site/content/docs/events/Cancel_Propagation.mdx"), "@site/content/docs/events/Cancel_Propagation.mdx", require.resolveWeak("@site/content/docs/events/Cancel_Propagation.mdx")],
+  "content---docs-events-custom-hit-region-htmlce-2-b73": [() => import(/* webpackChunkName: "content---docs-events-custom-hit-region-htmlce-2-b73" */ "@site/content/docs/events/Custom_Hit_Region.mdx"), "@site/content/docs/events/Custom_Hit_Region.mdx", require.resolveWeak("@site/content/docs/events/Custom_Hit_Region.mdx")],
+  "content---docs-events-desktop-and-mobile-html-345-073": [() => import(/* webpackChunkName: "content---docs-events-desktop-and-mobile-html-345-073" */ "@site/content/docs/events/Desktop_and_Mobile.mdx"), "@site/content/docs/events/Desktop_and_Mobile.mdx", require.resolveWeak("@site/content/docs/events/Desktop_and_Mobile.mdx")],
+  "content---docs-events-event-delegation-htmlcc-1-5d7": [() => import(/* webpackChunkName: "content---docs-events-event-delegation-htmlcc-1-5d7" */ "@site/content/docs/events/Event_Delegation.mdx"), "@site/content/docs/events/Event_Delegation.mdx", require.resolveWeak("@site/content/docs/events/Event_Delegation.mdx")],
+  "content---docs-events-fire-events-html-6-ca-36c": [() => import(/* webpackChunkName: "content---docs-events-fire-events-html-6-ca-36c" */ "@site/content/docs/events/Fire_Events.mdx"), "@site/content/docs/events/Fire_Events.mdx", require.resolveWeak("@site/content/docs/events/Fire_Events.mdx")],
+  "content---docs-events-image-events-htmla-83-bc8": [() => import(/* webpackChunkName: "content---docs-events-image-events-htmla-83-bc8" */ "@site/content/docs/events/Image_Events.mdx"), "@site/content/docs/events/Image_Events.mdx", require.resolveWeak("@site/content/docs/events/Image_Events.mdx")],
+  "content---docs-events-keyboard-events-html-800-6f3": [() => import(/* webpackChunkName: "content---docs-events-keyboard-events-html-800-6f3" */ "@site/content/docs/events/Keyboard_Events.mdx"), "@site/content/docs/events/Keyboard_Events.mdx", require.resolveWeak("@site/content/docs/events/Keyboard_Events.mdx")],
+  "content---docs-events-listen-for-events-html-5-fc-ece": [() => import(/* webpackChunkName: "content---docs-events-listen-for-events-html-5-fc-ece" */ "@site/content/docs/events/Listen_for_Events.mdx"), "@site/content/docs/events/Listen_for_Events.mdx", require.resolveWeak("@site/content/docs/events/Listen_for_Events.mdx")],
+  "content---docs-events-mobile-events-html-953-770": [() => import(/* webpackChunkName: "content---docs-events-mobile-events-html-953-770" */ "@site/content/docs/events/Mobile_Events.mdx"), "@site/content/docs/events/Mobile_Events.mdx", require.resolveWeak("@site/content/docs/events/Mobile_Events.mdx")],
+  "content---docs-events-mobile-scrolling-htmle-0-e-c21": [() => import(/* webpackChunkName: "content---docs-events-mobile-scrolling-htmle-0-e-c21" */ "@site/content/docs/events/Mobile_Scrolling.mdx"), "@site/content/docs/events/Mobile_Scrolling.mdx", require.resolveWeak("@site/content/docs/events/Mobile_Scrolling.mdx")],
+  "content---docs-events-multi-event-html-3-d-7-c84": [() => import(/* webpackChunkName: "content---docs-events-multi-event-html-3-d-7-c84" */ "@site/content/docs/events/Multi_Event.mdx"), "@site/content/docs/events/Multi_Event.mdx", require.resolveWeak("@site/content/docs/events/Multi_Event.mdx")],
+  "content---docs-events-pointer-events-html-2-ae-a67": [() => import(/* webpackChunkName: "content---docs-events-pointer-events-html-2-ae-a67" */ "@site/content/docs/events/Pointer_Events.mdx"), "@site/content/docs/events/Pointer_Events.mdx", require.resolveWeak("@site/content/docs/events/Pointer_Events.mdx")],
+  "content---docs-events-remove-by-name-html-4-ce-f55": [() => import(/* webpackChunkName: "content---docs-events-remove-by-name-html-4-ce-f55" */ "@site/content/docs/events/Remove_by_Name.mdx"), "@site/content/docs/events/Remove_by_Name.mdx", require.resolveWeak("@site/content/docs/events/Remove_by_Name.mdx")],
+  "content---docs-events-remove-event-html-42-c-681": [() => import(/* webpackChunkName: "content---docs-events-remove-event-html-42-c-681" */ "@site/content/docs/events/Remove_Event.mdx"), "@site/content/docs/events/Remove_Event.mdx", require.resolveWeak("@site/content/docs/events/Remove_Event.mdx")],
+  "content---docs-events-stage-events-html-621-d84": [() => import(/* webpackChunkName: "content---docs-events-stage-events-html-621-d84" */ "@site/content/docs/events/Stage_Events.mdx"), "@site/content/docs/events/Stage_Events.mdx", require.resolveWeak("@site/content/docs/events/Stage_Events.mdx")],
+  "content---docs-filters-blur-htmle-8-e-20d": [() => import(/* webpackChunkName: "content---docs-filters-blur-htmle-8-e-20d" */ "@site/content/docs/filters/Blur.mdx"), "@site/content/docs/filters/Blur.mdx", require.resolveWeak("@site/content/docs/filters/Blur.mdx")],
+  "content---docs-filters-brighten-html-143-2fb": [() => import(/* webpackChunkName: "content---docs-filters-brighten-html-143-2fb" */ "@site/content/docs/filters/Brighten.mdx"), "@site/content/docs/filters/Brighten.mdx", require.resolveWeak("@site/content/docs/filters/Brighten.mdx")],
+  "content---docs-filters-contrast-htmlbd-7-39c": [() => import(/* webpackChunkName: "content---docs-filters-contrast-htmlbd-7-39c" */ "@site/content/docs/filters/Contrast.mdx"), "@site/content/docs/filters/Contrast.mdx", require.resolveWeak("@site/content/docs/filters/Contrast.mdx")],
+  "content---docs-filters-custom-filter-html-887-cd5": [() => import(/* webpackChunkName: "content---docs-filters-custom-filter-html-887-cd5" */ "@site/content/docs/filters/Custom_Filter.mdx"), "@site/content/docs/filters/Custom_Filter.mdx", require.resolveWeak("@site/content/docs/filters/Custom_Filter.mdx")],
+  "content---docs-filters-emboss-html-102-4f1": [() => import(/* webpackChunkName: "content---docs-filters-emboss-html-102-4f1" */ "@site/content/docs/filters/Emboss.mdx"), "@site/content/docs/filters/Emboss.mdx", require.resolveWeak("@site/content/docs/filters/Emboss.mdx")],
+  "content---docs-filters-enhance-html-52-e-7eb": [() => import(/* webpackChunkName: "content---docs-filters-enhance-html-52-e-7eb" */ "@site/content/docs/filters/Enhance.mdx"), "@site/content/docs/filters/Enhance.mdx", require.resolveWeak("@site/content/docs/filters/Enhance.mdx")],
+  "content---docs-filters-grayscale-html-9-a-2-2ff": [() => import(/* webpackChunkName: "content---docs-filters-grayscale-html-9-a-2-2ff" */ "@site/content/docs/filters/Grayscale.mdx"), "@site/content/docs/filters/Grayscale.mdx", require.resolveWeak("@site/content/docs/filters/Grayscale.mdx")],
+  "content---docs-filters-hsl-htmlcad-db0": [() => import(/* webpackChunkName: "content---docs-filters-hsl-htmlcad-db0" */ "@site/content/docs/filters/HSL.mdx"), "@site/content/docs/filters/HSL.mdx", require.resolveWeak("@site/content/docs/filters/HSL.mdx")],
+  "content---docs-filters-hsv-html-5-eb-cc2": [() => import(/* webpackChunkName: "content---docs-filters-hsv-html-5-eb-cc2" */ "@site/content/docs/filters/HSV.mdx"), "@site/content/docs/filters/HSV.mdx", require.resolveWeak("@site/content/docs/filters/HSV.mdx")],
+  "content---docs-filters-invert-html-0-a-9-ebf": [() => import(/* webpackChunkName: "content---docs-filters-invert-html-0-a-9-ebf" */ "@site/content/docs/filters/Invert.mdx"), "@site/content/docs/filters/Invert.mdx", require.resolveWeak("@site/content/docs/filters/Invert.mdx")],
+  "content---docs-filters-kaleidoscope-html-91-f-ba8": [() => import(/* webpackChunkName: "content---docs-filters-kaleidoscope-html-91-f-ba8" */ "@site/content/docs/filters/Kaleidoscope.mdx"), "@site/content/docs/filters/Kaleidoscope.mdx", require.resolveWeak("@site/content/docs/filters/Kaleidoscope.mdx")],
+  "content---docs-filters-mask-html-7-c-4-b64": [() => import(/* webpackChunkName: "content---docs-filters-mask-html-7-c-4-b64" */ "@site/content/docs/filters/Mask.mdx"), "@site/content/docs/filters/Mask.mdx", require.resolveWeak("@site/content/docs/filters/Mask.mdx")],
+  "content---docs-filters-multiple-filters-html-24-d-794": [() => import(/* webpackChunkName: "content---docs-filters-multiple-filters-html-24-d-794" */ "@site/content/docs/filters/Multiple_Filters.mdx"), "@site/content/docs/filters/Multiple_Filters.mdx", require.resolveWeak("@site/content/docs/filters/Multiple_Filters.mdx")],
+  "content---docs-filters-multiple-filtersaef-85d": [() => import(/* webpackChunkName: "content---docs-filters-multiple-filtersaef-85d" */ "@site/content/docs/filters/Multiple_Filters.md"), "@site/content/docs/filters/Multiple_Filters.md", require.resolveWeak("@site/content/docs/filters/Multiple_Filters.md")],
+  "content---docs-filters-noise-html-547-6e4": [() => import(/* webpackChunkName: "content---docs-filters-noise-html-547-6e4" */ "@site/content/docs/filters/Noise.mdx"), "@site/content/docs/filters/Noise.mdx", require.resolveWeak("@site/content/docs/filters/Noise.mdx")],
+  "content---docs-filters-pixelate-html-264-613": [() => import(/* webpackChunkName: "content---docs-filters-pixelate-html-264-613" */ "@site/content/docs/filters/Pixelate.mdx"), "@site/content/docs/filters/Pixelate.mdx", require.resolveWeak("@site/content/docs/filters/Pixelate.mdx")],
+  "content---docs-filters-rgb-html-59-b-3cc": [() => import(/* webpackChunkName: "content---docs-filters-rgb-html-59-b-3cc" */ "@site/content/docs/filters/RGB.mdx"), "@site/content/docs/filters/RGB.mdx", require.resolveWeak("@site/content/docs/filters/RGB.mdx")],
+  "content---docs-filters-sepia-htmla-11-e48": [() => import(/* webpackChunkName: "content---docs-filters-sepia-htmla-11-e48" */ "@site/content/docs/filters/Sepia.mdx"), "@site/content/docs/filters/Sepia.mdx", require.resolveWeak("@site/content/docs/filters/Sepia.mdx")],
+  "content---docs-filters-solarize-htmlaa-0-e4b": [() => import(/* webpackChunkName: "content---docs-filters-solarize-htmlaa-0-e4b" */ "@site/content/docs/filters/Solarize.mdx"), "@site/content/docs/filters/Solarize.mdx", require.resolveWeak("@site/content/docs/filters/Solarize.mdx")],
+  "content---docs-filters-threshold-html-827-773": [() => import(/* webpackChunkName: "content---docs-filters-threshold-html-827-773" */ "@site/content/docs/filters/Threshold.mdx"), "@site/content/docs/filters/Threshold.mdx", require.resolveWeak("@site/content/docs/filters/Threshold.mdx")],
+  "content---docs-groups-and-layers-change-containers-html-23-f-6f8": [() => import(/* webpackChunkName: "content---docs-groups-and-layers-change-containers-html-23-f-6f8" */ "@site/content/docs/groups_and_layers/Change_Containers.mdx"), "@site/content/docs/groups_and_layers/Change_Containers.mdx", require.resolveWeak("@site/content/docs/groups_and_layers/Change_Containers.mdx")],
+  "content---docs-groups-and-layers-groups-html-081-f64": [() => import(/* webpackChunkName: "content---docs-groups-and-layers-groups-html-081-f64" */ "@site/content/docs/groups_and_layers/Groups.mdx"), "@site/content/docs/groups_and_layers/Groups.mdx", require.resolveWeak("@site/content/docs/groups_and_layers/Groups.mdx")],
+  "content---docs-groups-and-layers-layering-htmlc-58-8ca": [() => import(/* webpackChunkName: "content---docs-groups-and-layers-layering-htmlc-58-8ca" */ "@site/content/docs/groups_and_layers/Layering.mdx"), "@site/content/docs/groups_and_layers/Layering.mdx", require.resolveWeak("@site/content/docs/groups_and_layers/Layering.mdx")],
+  "content---docs-groups-and-layers-z-index-html-05-a-1e3": [() => import(/* webpackChunkName: "content---docs-groups-and-layers-z-index-html-05-a-1e3" */ "@site/content/docs/groups_and_layers/zIndex.mdx"), "@site/content/docs/groups_and_layers/zIndex.mdx", require.resolveWeak("@site/content/docs/groups_and_layers/zIndex.mdx")],
+  "content---docs-index-html-467-a52": [() => import(/* webpackChunkName: "content---docs-index-html-467-a52" */ "@site/content/docs/index.md"), "@site/content/docs/index.md", require.resolveWeak("@site/content/docs/index.md")],
+  "content---docs-overview-htmlf-34-538": [() => import(/* webpackChunkName: "content---docs-overview-htmlf-34-538" */ "@site/content/docs/overview.md"), "@site/content/docs/overview.md", require.resolveWeak("@site/content/docs/overview.md")],
+  "content---docs-performance-all-performance-tips-htmla-0-f-c13": [() => import(/* webpackChunkName: "content---docs-performance-all-performance-tips-htmla-0-f-c13" */ "@site/content/docs/performance/All_Performance_Tips.mdx"), "@site/content/docs/performance/All_Performance_Tips.mdx", require.resolveWeak("@site/content/docs/performance/All_Performance_Tips.mdx")],
+  "content---docs-performance-avoid-memory-leaks-html-4-db-96d": [() => import(/* webpackChunkName: "content---docs-performance-avoid-memory-leaks-html-4-db-96d" */ "@site/content/docs/performance/Avoid_Memory_Leaks.mdx"), "@site/content/docs/performance/Avoid_Memory_Leaks.mdx", require.resolveWeak("@site/content/docs/performance/Avoid_Memory_Leaks.mdx")],
+  "content---docs-performance-batch-draw-htmlfce-2be": [() => import(/* webpackChunkName: "content---docs-performance-batch-draw-htmlfce-2be" */ "@site/content/docs/performance/Batch_Draw.mdx"), "@site/content/docs/performance/Batch_Draw.mdx", require.resolveWeak("@site/content/docs/performance/Batch_Draw.mdx")],
+  "content---docs-performance-disable-perfect-draw-html-887-68d": [() => import(/* webpackChunkName: "content---docs-performance-disable-perfect-draw-html-887-68d" */ "@site/content/docs/performance/Disable_Perfect_Draw.mdx"), "@site/content/docs/performance/Disable_Perfect_Draw.mdx", require.resolveWeak("@site/content/docs/performance/Disable_Perfect_Draw.mdx")],
+  "content---docs-performance-layer-management-html-50-f-13e": [() => import(/* webpackChunkName: "content---docs-performance-layer-management-html-50-f-13e" */ "@site/content/docs/performance/Layer_Management.mdx"), "@site/content/docs/performance/Layer_Management.mdx", require.resolveWeak("@site/content/docs/performance/Layer_Management.mdx")],
+  "content---docs-performance-listening-false-html-1-d-0-67b": [() => import(/* webpackChunkName: "content---docs-performance-listening-false-html-1-d-0-67b" */ "@site/content/docs/performance/Listening_False.mdx"), "@site/content/docs/performance/Listening_False.mdx", require.resolveWeak("@site/content/docs/performance/Listening_False.mdx")],
+  "content---docs-performance-optimize-animation-htmld-3-d-670": [() => import(/* webpackChunkName: "content---docs-performance-optimize-animation-htmld-3-d-670" */ "@site/content/docs/performance/Optimize_Animation.mdx"), "@site/content/docs/performance/Optimize_Animation.mdx", require.resolveWeak("@site/content/docs/performance/Optimize_Animation.mdx")],
+  "content---docs-performance-optimize-strokes-htmlaf-0-55c": [() => import(/* webpackChunkName: "content---docs-performance-optimize-strokes-htmlaf-0-55c" */ "@site/content/docs/performance/Optimize_Strokes.mdx"), "@site/content/docs/performance/Optimize_Strokes.mdx", require.resolveWeak("@site/content/docs/performance/Optimize_Strokes.mdx")],
+  "content---docs-performance-shape-caching-html-912-403": [() => import(/* webpackChunkName: "content---docs-performance-shape-caching-html-912-403" */ "@site/content/docs/performance/Shape_Caching.mdx"), "@site/content/docs/performance/Shape_Caching.mdx", require.resolveWeak("@site/content/docs/performance/Shape_Caching.mdx")],
+  "content---docs-posts-position-vs-offset-99-c-9e2": [() => import(/* webpackChunkName: "content---docs-posts-position-vs-offset-99-c-9e2" */ "@site/content/docs/posts/Position_vs_Offset.md"), "@site/content/docs/posts/Position_vs_Offset.md", require.resolveWeak("@site/content/docs/posts/Position_vs_Offset.md")],
+  "content---docs-posts-tainted-canvasca-5-101": [() => import(/* webpackChunkName: "content---docs-posts-tainted-canvasca-5-101" */ "@site/content/docs/posts/Tainted_Canvas.md"), "@site/content/docs/posts/Tainted_Canvas.md", require.resolveWeak("@site/content/docs/posts/Tainted_Canvas.md")],
+  "content---docs-react-9-a-1-038": [() => import(/* webpackChunkName: "content---docs-react-9-a-1-038" */ "@site/content/docs/react/index.md"), "@site/content/docs/react/index.md", require.resolveWeak("@site/content/docs/react/index.md")],
+  "content---docs-react-access-konva-nodesf-61-a18": [() => import(/* webpackChunkName: "content---docs-react-access-konva-nodesf-61-a18" */ "@site/content/docs/react/Access_Konva_Nodes.md"), "@site/content/docs/react/Access_Konva_Nodes.md", require.resolveWeak("@site/content/docs/react/Access_Konva_Nodes.md")],
+  "content---docs-react-canvas-export-75-f-57a": [() => import(/* webpackChunkName: "content---docs-react-canvas-export-75-f-57a" */ "@site/content/docs/react/Canvas_Export.md"), "@site/content/docs/react/Canvas_Export.md", require.resolveWeak("@site/content/docs/react/Canvas_Export.md")],
+  "content---docs-react-canvas-portalf-51-e3e": [() => import(/* webpackChunkName: "content---docs-react-canvas-portalf-51-e3e" */ "@site/content/docs/react/Canvas_Portal.md"), "@site/content/docs/react/Canvas_Portal.md", require.resolveWeak("@site/content/docs/react/Canvas_Portal.md")],
+  "content---docs-react-complex-animations-776-0c3": [() => import(/* webpackChunkName: "content---docs-react-complex-animations-776-0c3" */ "@site/content/docs/react/Complex_Animations.md"), "@site/content/docs/react/Complex_Animations.md", require.resolveWeak("@site/content/docs/react/Complex_Animations.md")],
+  "content---docs-react-custom-shapec-7-a-c60": [() => import(/* webpackChunkName: "content---docs-react-custom-shapec-7-a-c60" */ "@site/content/docs/react/Custom_Shape.md"), "@site/content/docs/react/Custom_Shape.md", require.resolveWeak("@site/content/docs/react/Custom_Shape.md")],
+  "content---docs-react-dom-portalb-8-a-711": [() => import(/* webpackChunkName: "content---docs-react-dom-portalb-8-a-711" */ "@site/content/docs/react/DOM_Portal.md"), "@site/content/docs/react/DOM_Portal.md", require.resolveWeak("@site/content/docs/react/DOM_Portal.md")],
+  "content---docs-react-drag-and-drop-93-d-ff2": [() => import(/* webpackChunkName: "content---docs-react-drag-and-drop-93-d-ff2" */ "@site/content/docs/react/Drag_And_Drop.md"), "@site/content/docs/react/Drag_And_Drop.md", require.resolveWeak("@site/content/docs/react/Drag_And_Drop.md")],
+  "content---docs-react-drop-image-58-a-b73": [() => import(/* webpackChunkName: "content---docs-react-drop-image-58-a-b73" */ "@site/content/docs/react/Drop_Image.md"), "@site/content/docs/react/Drop_Image.md", require.resolveWeak("@site/content/docs/react/Drop_Image.md")],
+  "content---docs-react-events-81-d-023": [() => import(/* webpackChunkName: "content---docs-react-events-81-d-023" */ "@site/content/docs/react/Events.md"), "@site/content/docs/react/Events.md", require.resolveWeak("@site/content/docs/react/Events.md")],
+  "content---docs-react-filters-3-e-9-d14": [() => import(/* webpackChunkName: "content---docs-react-filters-3-e-9-d14" */ "@site/content/docs/react/Filters.md"), "@site/content/docs/react/Filters.md", require.resolveWeak("@site/content/docs/react/Filters.md")],
+  "content---docs-react-free-drawing-5-f-2-748": [() => import(/* webpackChunkName: "content---docs-react-free-drawing-5-f-2-748" */ "@site/content/docs/react/Free_Drawing.md"), "@site/content/docs/react/Free_Drawing.md", require.resolveWeak("@site/content/docs/react/Free_Drawing.md")],
+  "content---docs-react-images-47-c-f08": [() => import(/* webpackChunkName: "content---docs-react-images-47-c-f08" */ "@site/content/docs/react/Images.md"), "@site/content/docs/react/Images.md", require.resolveWeak("@site/content/docs/react/Images.md")],
+  "content---docs-react-introc-4-d-c32": [() => import(/* webpackChunkName: "content---docs-react-introc-4-d-c32" */ "@site/content/docs/react/Intro.md"), "@site/content/docs/react/Intro.md", require.resolveWeak("@site/content/docs/react/Intro.md")],
+  "content---docs-react-shapese-4-e-058": [() => import(/* webpackChunkName: "content---docs-react-shapese-4-e-058" */ "@site/content/docs/react/Shapes.md"), "@site/content/docs/react/Shapes.md", require.resolveWeak("@site/content/docs/react/Shapes.md")],
+  "content---docs-react-simple-animations-3-fa-870": [() => import(/* webpackChunkName: "content---docs-react-simple-animations-3-fa-870" */ "@site/content/docs/react/Simple_Animations.md"), "@site/content/docs/react/Simple_Animations.md", require.resolveWeak("@site/content/docs/react/Simple_Animations.md")],
+  "content---docs-react-transformera-74-814": [() => import(/* webpackChunkName: "content---docs-react-transformera-74-814" */ "@site/content/docs/react/Transformer.md"), "@site/content/docs/react/Transformer.md", require.resolveWeak("@site/content/docs/react/Transformer.md")],
+  "content---docs-react-undo-redo-5-dc-ec7": [() => import(/* webpackChunkName: "content---docs-react-undo-redo-5-dc-ec7" */ "@site/content/docs/react/Undo-Redo.md"), "@site/content/docs/react/Undo-Redo.md", require.resolveWeak("@site/content/docs/react/Undo-Redo.md")],
+  "content---docs-react-z-index-5-ce-8c3": [() => import(/* webpackChunkName: "content---docs-react-z-index-5-ce-8c3" */ "@site/content/docs/react/zIndex.md"), "@site/content/docs/react/zIndex.md", require.resolveWeak("@site/content/docs/react/zIndex.md")],
+  "content---docs-sandbox-animals-on-the-beach-gameee-5-90e": [() => import(/* webpackChunkName: "content---docs-sandbox-animals-on-the-beach-gameee-5-90e" */ "@site/content/docs/sandbox/Animals_on_the_Beach_Game.md"), "@site/content/docs/sandbox/Animals_on_the_Beach_Game.md", require.resolveWeak("@site/content/docs/sandbox/Animals_on_the_Beach_Game.md")],
+  "content---docs-sandbox-animation-stress-test-8-aa-faa": [() => import(/* webpackChunkName: "content---docs-sandbox-animation-stress-test-8-aa-faa" */ "@site/content/docs/sandbox/Animation_Stress_Test.md"), "@site/content/docs/sandbox/Animation_Stress_Test.md", require.resolveWeak("@site/content/docs/sandbox/Animation_Stress_Test.md")],
+  "content---docs-sandbox-canvas-background-453-18f": [() => import(/* webpackChunkName: "content---docs-sandbox-canvas-background-453-18f" */ "@site/content/docs/sandbox/Canvas_Background.md"), "@site/content/docs/sandbox/Canvas_Background.md", require.resolveWeak("@site/content/docs/sandbox/Canvas_Background.md")],
+  "content---docs-sandbox-canvas-context-menu-7-c-5-490": [() => import(/* webpackChunkName: "content---docs-sandbox-canvas-context-menu-7-c-5-490" */ "@site/content/docs/sandbox/Canvas_Context_Menu.md"), "@site/content/docs/sandbox/Canvas_Context_Menu.md", require.resolveWeak("@site/content/docs/sandbox/Canvas_Context_Menu.md")],
+  "content---docs-sandbox-canvas-editore-22-c82": [() => import(/* webpackChunkName: "content---docs-sandbox-canvas-editore-22-c82" */ "@site/content/docs/sandbox/Canvas_Editor.md"), "@site/content/docs/sandbox/Canvas_Editor.md", require.resolveWeak("@site/content/docs/sandbox/Canvas_Editor.md")],
+  "content---docs-sandbox-canvas-scrolling-491-9ac": [() => import(/* webpackChunkName: "content---docs-sandbox-canvas-scrolling-491-9ac" */ "@site/content/docs/sandbox/Canvas_Scrolling.md"), "@site/content/docs/sandbox/Canvas_Scrolling.md", require.resolveWeak("@site/content/docs/sandbox/Canvas_Scrolling.md")],
+  "content---docs-sandbox-canvas-to-pdf-081-02d": [() => import(/* webpackChunkName: "content---docs-sandbox-canvas-to-pdf-081-02d" */ "@site/content/docs/sandbox/Canvas_to_PDF.md"), "@site/content/docs/sandbox/Canvas_to_PDF.md", require.resolveWeak("@site/content/docs/sandbox/Canvas_to_PDF.md")],
+  "content---docs-sandbox-collision-detectionbb-7-169": [() => import(/* webpackChunkName: "content---docs-sandbox-collision-detectionbb-7-169" */ "@site/content/docs/sandbox/Collision_Detection.md"), "@site/content/docs/sandbox/Collision_Detection.md", require.resolveWeak("@site/content/docs/sandbox/Collision_Detection.md")],
+  "content---docs-sandbox-connected-objects-93-e-345": [() => import(/* webpackChunkName: "content---docs-sandbox-connected-objects-93-e-345" */ "@site/content/docs/sandbox/Connected_Objects.md"), "@site/content/docs/sandbox/Connected_Objects.md", require.resolveWeak("@site/content/docs/sandbox/Connected_Objects.md")],
+  "content---docs-sandbox-custom-fonta-17-db9": [() => import(/* webpackChunkName: "content---docs-sandbox-custom-fonta-17-db9" */ "@site/content/docs/sandbox/Custom_Font.md"), "@site/content/docs/sandbox/Custom_Font.md", require.resolveWeak("@site/content/docs/sandbox/Custom_Font.md")],
+  "content---docs-sandbox-drag-and-drop-multiple-shapes-029-c5b": [() => import(/* webpackChunkName: "content---docs-sandbox-drag-and-drop-multiple-shapes-029-c5b" */ "@site/content/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md"), "@site/content/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md", require.resolveWeak("@site/content/docs/sandbox/Drag_and_Drop_Multiple_Shapes.md")],
+  "content---docs-sandbox-drag-and-drop-stress-test-9-dd-37a": [() => import(/* webpackChunkName: "content---docs-sandbox-drag-and-drop-stress-test-9-dd-37a" */ "@site/content/docs/sandbox/Drag_and_Drop_Stress_Test.md"), "@site/content/docs/sandbox/Drag_and_Drop_Stress_Test.md", require.resolveWeak("@site/content/docs/sandbox/Drag_and_Drop_Stress_Test.md")],
+  "content---docs-sandbox-drop-dom-element-409-1c9": [() => import(/* webpackChunkName: "content---docs-sandbox-drop-dom-element-409-1c9" */ "@site/content/docs/sandbox/Drop_DOM_Element.md"), "@site/content/docs/sandbox/Drop_DOM_Element.md", require.resolveWeak("@site/content/docs/sandbox/Drop_DOM_Element.md")],
+  "content---docs-sandbox-editable-textfeb-880": [() => import(/* webpackChunkName: "content---docs-sandbox-editable-textfeb-880" */ "@site/content/docs/sandbox/Editable_Text.md"), "@site/content/docs/sandbox/Editable_Text.md", require.resolveWeak("@site/content/docs/sandbox/Editable_Text.md")],
+  "content---docs-sandbox-elastic-stars-1-eb-8df": [() => import(/* webpackChunkName: "content---docs-sandbox-elastic-stars-1-eb-8df" */ "@site/content/docs/sandbox/Elastic_Stars.md"), "@site/content/docs/sandbox/Elastic_Stars.md", require.resolveWeak("@site/content/docs/sandbox/Elastic_Stars.md")],
+  "content---docs-sandbox-expand-images-on-hover-605-2d5": [() => import(/* webpackChunkName: "content---docs-sandbox-expand-images-on-hover-605-2d5" */ "@site/content/docs/sandbox/Expand_Images_on_Hover.md"), "@site/content/docs/sandbox/Expand_Images_on_Hover.md", require.resolveWeak("@site/content/docs/sandbox/Expand_Images_on_Hover.md")],
+  "content---docs-sandbox-free-drawing-017-fb2": [() => import(/* webpackChunkName: "content---docs-sandbox-free-drawing-017-fb2" */ "@site/content/docs/sandbox/Free_Drawing.md"), "@site/content/docs/sandbox/Free_Drawing.md", require.resolveWeak("@site/content/docs/sandbox/Free_Drawing.md")],
+  "content---docs-sandbox-gestures-23-b-3dd": [() => import(/* webpackChunkName: "content---docs-sandbox-gestures-23-b-3dd" */ "@site/content/docs/sandbox/Gestures.md"), "@site/content/docs/sandbox/Gestures.md", require.resolveWeak("@site/content/docs/sandbox/Gestures.md")],
+  "content---docs-sandbox-gif-on-canvas-371-8ea": [() => import(/* webpackChunkName: "content---docs-sandbox-gif-on-canvas-371-8ea" */ "@site/content/docs/sandbox/GIF_On_Canvas.md"), "@site/content/docs/sandbox/GIF_On_Canvas.md", require.resolveWeak("@site/content/docs/sandbox/GIF_On_Canvas.md")],
+  "content---docs-sandbox-image-border-7-a-2-7a7": [() => import(/* webpackChunkName: "content---docs-sandbox-image-border-7-a-2-7a7" */ "@site/content/docs/sandbox/Image_Border.md"), "@site/content/docs/sandbox/Image_Border.md", require.resolveWeak("@site/content/docs/sandbox/Image_Border.md")],
+  "content---docs-sandbox-image-border-highlightingc-6-b-bc3": [() => import(/* webpackChunkName: "content---docs-sandbox-image-border-highlightingc-6-b-bc3" */ "@site/content/docs/sandbox/Image_Border_Highlighting.md"), "@site/content/docs/sandbox/Image_Border_Highlighting.md", require.resolveWeak("@site/content/docs/sandbox/Image_Border_Highlighting.md")],
+  "content---docs-sandbox-image-labeling-321-237": [() => import(/* webpackChunkName: "content---docs-sandbox-image-labeling-321-237" */ "@site/content/docs/sandbox/Image_Labeling.md"), "@site/content/docs/sandbox/Image_Labeling.md", require.resolveWeak("@site/content/docs/sandbox/Image_Labeling.md")],
+  "content---docs-sandbox-image-resizeda-7-40b": [() => import(/* webpackChunkName: "content---docs-sandbox-image-resizeda-7-40b" */ "@site/content/docs/sandbox/Image_Resize.md"), "@site/content/docs/sandbox/Image_Resize.md", require.resolveWeak("@site/content/docs/sandbox/Image_Resize.md")],
+  "content---docs-sandbox-interactive-building-map-971-d3d": [() => import(/* webpackChunkName: "content---docs-sandbox-interactive-building-map-971-d3d" */ "@site/content/docs/sandbox/Interactive_Building_Map.md"), "@site/content/docs/sandbox/Interactive_Building_Map.md", require.resolveWeak("@site/content/docs/sandbox/Interactive_Building_Map.md")],
+  "content---docs-sandbox-jumping-bunnies-519-454": [() => import(/* webpackChunkName: "content---docs-sandbox-jumping-bunnies-519-454" */ "@site/content/docs/sandbox/Jumping_Bunnies.md"), "@site/content/docs/sandbox/Jumping_Bunnies.md", require.resolveWeak("@site/content/docs/sandbox/Jumping_Bunnies.md")],
+  "content---docs-sandbox-limited-drag-and-resizeea-0-a25": [() => import(/* webpackChunkName: "content---docs-sandbox-limited-drag-and-resizeea-0-a25" */ "@site/content/docs/sandbox/Limited_Drag_And_Resize.md"), "@site/content/docs/sandbox/Limited_Drag_And_Resize.md", require.resolveWeak("@site/content/docs/sandbox/Limited_Drag_And_Resize.md")],
+  "content---docs-sandbox-mirror-canvas-shape-75-b-052": [() => import(/* webpackChunkName: "content---docs-sandbox-mirror-canvas-shape-75-b-052" */ "@site/content/docs/sandbox/Mirror_Canvas_Shape.md"), "@site/content/docs/sandbox/Mirror_Canvas_Shape.md", require.resolveWeak("@site/content/docs/sandbox/Mirror_Canvas_Shape.md")],
+  "content---docs-sandbox-modify-curves-with-anchor-points-3-d-8-b10": [() => import(/* webpackChunkName: "content---docs-sandbox-modify-curves-with-anchor-points-3-d-8-b10" */ "@site/content/docs/sandbox/Modify_Curves_with_Anchor_Points.md"), "@site/content/docs/sandbox/Modify_Curves_with_Anchor_Points.md", require.resolveWeak("@site/content/docs/sandbox/Modify_Curves_with_Anchor_Points.md")],
+  "content---docs-sandbox-modify-shape-color-on-clickf-36-943": [() => import(/* webpackChunkName: "content---docs-sandbox-modify-shape-color-on-clickf-36-943" */ "@site/content/docs/sandbox/Modify_Shape_Color_on_Click.md"), "@site/content/docs/sandbox/Modify_Shape_Color_on_Click.md", require.resolveWeak("@site/content/docs/sandbox/Modify_Shape_Color_on_Click.md")],
+  "content---docs-sandbox-multi-touch-scale-shapecd-1-7ab": [() => import(/* webpackChunkName: "content---docs-sandbox-multi-touch-scale-shapecd-1-7ab" */ "@site/content/docs/sandbox/Multi-touch_Scale_Shape.md"), "@site/content/docs/sandbox/Multi-touch_Scale_Shape.md", require.resolveWeak("@site/content/docs/sandbox/Multi-touch_Scale_Shape.md")],
+  "content---docs-sandbox-multi-touch-scale-stageaf-6-679": [() => import(/* webpackChunkName: "content---docs-sandbox-multi-touch-scale-stageaf-6-679" */ "@site/content/docs/sandbox/Multi-touch_Scale_Stage.md"), "@site/content/docs/sandbox/Multi-touch_Scale_Stage.md", require.resolveWeak("@site/content/docs/sandbox/Multi-touch_Scale_Stage.md")],
+  "content---docs-sandbox-native-context-access-2-be-009": [() => import(/* webpackChunkName: "content---docs-sandbox-native-context-access-2-be-009" */ "@site/content/docs/sandbox/Native_Context_Access.md"), "@site/content/docs/sandbox/Native_Context_Access.md", require.resolveWeak("@site/content/docs/sandbox/Native_Context_Access.md")],
+  "content---docs-sandbox-nodes-09-d-58f": [() => import(/* webpackChunkName: "content---docs-sandbox-nodes-09-d-58f" */ "@site/content/docs/sandbox/20000_Nodes.md"), "@site/content/docs/sandbox/20000_Nodes.md", require.resolveWeak("@site/content/docs/sandbox/20000_Nodes.md")],
+  "content---docs-sandbox-objects-snappingb-33-141": [() => import(/* webpackChunkName: "content---docs-sandbox-objects-snappingb-33-141" */ "@site/content/docs/sandbox/Objects_Snapping.md"), "@site/content/docs/sandbox/Objects_Snapping.md", require.resolveWeak("@site/content/docs/sandbox/Objects_Snapping.md")],
+  "content---docs-sandbox-physics-simulator-76-e-b96": [() => import(/* webpackChunkName: "content---docs-sandbox-physics-simulator-76-e-b96" */ "@site/content/docs/sandbox/Physics_Simulator.md"), "@site/content/docs/sandbox/Physics_Simulator.md", require.resolveWeak("@site/content/docs/sandbox/Physics_Simulator.md")],
+  "content---docs-sandbox-planets-image-map-9-db-1cb": [() => import(/* webpackChunkName: "content---docs-sandbox-planets-image-map-9-db-1cb" */ "@site/content/docs/sandbox/Planets_Image_Map.md"), "@site/content/docs/sandbox/Planets_Image_Map.md", require.resolveWeak("@site/content/docs/sandbox/Planets_Image_Map.md")],
+  "content---docs-sandbox-quantum-squiggle-495-554": [() => import(/* webpackChunkName: "content---docs-sandbox-quantum-squiggle-495-554" */ "@site/content/docs/sandbox/Quantum_Squiggle.md"), "@site/content/docs/sandbox/Quantum_Squiggle.md", require.resolveWeak("@site/content/docs/sandbox/Quantum_Squiggle.md")],
+  "content---docs-sandbox-relative-pointer-position-239-4d0": [() => import(/* webpackChunkName: "content---docs-sandbox-relative-pointer-position-239-4d0" */ "@site/content/docs/sandbox/Relative_Pointer_Position.md"), "@site/content/docs/sandbox/Relative_Pointer_Position.md", require.resolveWeak("@site/content/docs/sandbox/Relative_Pointer_Position.md")],
+  "content---docs-sandbox-resizing-stress-test-598-43e": [() => import(/* webpackChunkName: "content---docs-sandbox-resizing-stress-test-598-43e" */ "@site/content/docs/sandbox/Resizing_Stress_Test.md"), "@site/content/docs/sandbox/Resizing_Stress_Test.md", require.resolveWeak("@site/content/docs/sandbox/Resizing_Stress_Test.md")],
+  "content---docs-sandbox-responsive-canvas-5-ee-a5f": [() => import(/* webpackChunkName: "content---docs-sandbox-responsive-canvas-5-ee-a5f" */ "@site/content/docs/sandbox/Responsive_Canvas.md"), "@site/content/docs/sandbox/Responsive_Canvas.md", require.resolveWeak("@site/content/docs/sandbox/Responsive_Canvas.md")],
+  "content---docs-sandbox-rich-textb-84-16b": [() => import(/* webpackChunkName: "content---docs-sandbox-rich-textb-84-16b" */ "@site/content/docs/sandbox/Rich_Text.md"), "@site/content/docs/sandbox/Rich_Text.md", require.resolveWeak("@site/content/docs/sandbox/Rich_Text.md")],
+  "content---docs-sandbox-scale-image-to-fit-751-7a0": [() => import(/* webpackChunkName: "content---docs-sandbox-scale-image-to-fit-751-7a0" */ "@site/content/docs/sandbox/Scale_Image_To_Fit.md"), "@site/content/docs/sandbox/Scale_Image_To_Fit.md", require.resolveWeak("@site/content/docs/sandbox/Scale_Image_To_Fit.md")],
+  "content---docs-sandbox-scroll-by-edge-drag-7-de-4f3": [() => import(/* webpackChunkName: "content---docs-sandbox-scroll-by-edge-drag-7-de-4f3" */ "@site/content/docs/sandbox/Scroll_By_Edge_Drag.md"), "@site/content/docs/sandbox/Scroll_By_Edge_Drag.md", require.resolveWeak("@site/content/docs/sandbox/Scroll_By_Edge_Drag.md")],
+  "content---docs-sandbox-seats-reservation-536-104": [() => import(/* webpackChunkName: "content---docs-sandbox-seats-reservation-536-104" */ "@site/content/docs/sandbox/Seats_Reservation.md"), "@site/content/docs/sandbox/Seats_Reservation.md", require.resolveWeak("@site/content/docs/sandbox/Seats_Reservation.md")],
+  "content---docs-sandbox-shape-tango-4-a-1-726": [() => import(/* webpackChunkName: "content---docs-sandbox-shape-tango-4-a-1-726" */ "@site/content/docs/sandbox/Shape_Tango.md"), "@site/content/docs/sandbox/Shape_Tango.md", require.resolveWeak("@site/content/docs/sandbox/Shape_Tango.md")],
+  "content---docs-sandbox-shape-tooltips-1-dc-7bc": [() => import(/* webpackChunkName: "content---docs-sandbox-shape-tooltips-1-dc-7bc" */ "@site/content/docs/sandbox/Shape_Tooltips.md"), "@site/content/docs/sandbox/Shape_Tooltips.md", require.resolveWeak("@site/content/docs/sandbox/Shape_Tooltips.md")],
+  "content---docs-sandbox-shapes-with-tooltip-2-a-7-d97": [() => import(/* webpackChunkName: "content---docs-sandbox-shapes-with-tooltip-2-a-7-d97" */ "@site/content/docs/sandbox/10000_Shapes_with_Tooltip.md"), "@site/content/docs/sandbox/10000_Shapes_with_Tooltip.md", require.resolveWeak("@site/content/docs/sandbox/10000_Shapes_with_Tooltip.md")],
+  "content---docs-sandbox-simple-window-frameb-6-f-580": [() => import(/* webpackChunkName: "content---docs-sandbox-simple-window-frameb-6-f-580" */ "@site/content/docs/sandbox/Simple_Window_Frame.md"), "@site/content/docs/sandbox/Simple_Window_Frame.md", require.resolveWeak("@site/content/docs/sandbox/Simple_Window_Frame.md")],
+  "content---docs-sandbox-stage-preview-33-b-8bb": [() => import(/* webpackChunkName: "content---docs-sandbox-stage-preview-33-b-8bb" */ "@site/content/docs/sandbox/Stage_Preview.md"), "@site/content/docs/sandbox/Stage_Preview.md", require.resolveWeak("@site/content/docs/sandbox/Stage_Preview.md")],
+  "content---docs-sandbox-star-spinner-945-770": [() => import(/* webpackChunkName: "content---docs-sandbox-star-spinner-945-770" */ "@site/content/docs/sandbox/Star_Spinner.md"), "@site/content/docs/sandbox/Star_Spinner.md", require.resolveWeak("@site/content/docs/sandbox/Star_Spinner.md")],
+  "content---docs-sandbox-svg-on-canvas-8-f-6-9f8": [() => import(/* webpackChunkName: "content---docs-sandbox-svg-on-canvas-8-f-6-9f8" */ "@site/content/docs/sandbox/SVG_On_Canvas.md"), "@site/content/docs/sandbox/SVG_On_Canvas.md", require.resolveWeak("@site/content/docs/sandbox/SVG_On_Canvas.md")],
+  "content---docs-sandbox-transparent-group-176-46d": [() => import(/* webpackChunkName: "content---docs-sandbox-transparent-group-176-46d" */ "@site/content/docs/sandbox/Transparent_Group.md"), "@site/content/docs/sandbox/Transparent_Group.md", require.resolveWeak("@site/content/docs/sandbox/Transparent_Group.md")],
+  "content---docs-sandbox-video-on-canvasb-75-fd9": [() => import(/* webpackChunkName: "content---docs-sandbox-video-on-canvasb-75-fd9" */ "@site/content/docs/sandbox/Video_On_Canvas.md"), "@site/content/docs/sandbox/Video_On_Canvas.md", require.resolveWeak("@site/content/docs/sandbox/Video_On_Canvas.md")],
+  "content---docs-sandbox-web-worker-8-f-6-174": [() => import(/* webpackChunkName: "content---docs-sandbox-web-worker-8-f-6-174" */ "@site/content/docs/sandbox/Web_Worker.md"), "@site/content/docs/sandbox/Web_Worker.md", require.resolveWeak("@site/content/docs/sandbox/Web_Worker.md")],
+  "content---docs-sandbox-wheel-of-fortune-4-cf-601": [() => import(/* webpackChunkName: "content---docs-sandbox-wheel-of-fortune-4-cf-601" */ "@site/content/docs/sandbox/Wheel_of_Fortune.md"), "@site/content/docs/sandbox/Wheel_of_Fortune.md", require.resolveWeak("@site/content/docs/sandbox/Wheel_of_Fortune.md")],
+  "content---docs-sandbox-window-frame-designer-7-a-3-2e3": [() => import(/* webpackChunkName: "content---docs-sandbox-window-frame-designer-7-a-3-2e3" */ "@site/content/docs/sandbox/Window_Frame_Designer.md"), "@site/content/docs/sandbox/Window_Frame_Designer.md", require.resolveWeak("@site/content/docs/sandbox/Window_Frame_Designer.md")],
+  "content---docs-sandbox-zoom-layer-on-hover-282-8f0": [() => import(/* webpackChunkName: "content---docs-sandbox-zoom-layer-on-hover-282-8f0" */ "@site/content/docs/sandbox/Zoom_Layer_On_hover.md"), "@site/content/docs/sandbox/Zoom_Layer_On_hover.md", require.resolveWeak("@site/content/docs/sandbox/Zoom_Layer_On_hover.md")],
+  "content---docs-sandbox-zooming-relative-to-pointer-765-fcc": [() => import(/* webpackChunkName: "content---docs-sandbox-zooming-relative-to-pointer-765-fcc" */ "@site/content/docs/sandbox/Zooming_Relative_To_Pointer.md"), "@site/content/docs/sandbox/Zooming_Relative_To_Pointer.md", require.resolveWeak("@site/content/docs/sandbox/Zooming_Relative_To_Pointer.md")],
+  "content---docs-select-and-transform-basic-demo-html-9-b-8-17d": [() => import(/* webpackChunkName: "content---docs-select-and-transform-basic-demo-html-9-b-8-17d" */ "@site/content/docs/select_and_transform/01_Basic_demo.mdx"), "@site/content/docs/select_and_transform/01_Basic_demo.mdx", require.resolveWeak("@site/content/docs/select_and_transform/01_Basic_demo.mdx")],
+  "content---docs-select-and-transform-centered-scaling-htmlf-16-306": [() => import(/* webpackChunkName: "content---docs-select-and-transform-centered-scaling-htmlf-16-306" */ "@site/content/docs/select_and_transform/02_Centered_Scaling.mdx"), "@site/content/docs/select_and_transform/02_Centered_Scaling.mdx", require.resolveWeak("@site/content/docs/select_and_transform/02_Centered_Scaling.mdx")],
+  "content---docs-select-and-transform-force-update-html-8-ec-e9f": [() => import(/* webpackChunkName: "content---docs-select-and-transform-force-update-html-8-ec-e9f" */ "@site/content/docs/select_and_transform/10_Force_Update.mdx"), "@site/content/docs/select_and_transform/10_Force_Update.mdx", require.resolveWeak("@site/content/docs/select_and_transform/10_Force_Update.mdx")],
+  "content---docs-select-and-transform-ignore-stroke-on-transform-htmlf-9-d-fe5": [() => import(/* webpackChunkName: "content---docs-select-and-transform-ignore-stroke-on-transform-htmlf-9-d-fe5" */ "@site/content/docs/select_and_transform/12_Ignore_Stroke_On_Transform.mdx"), "@site/content/docs/select_and_transform/12_Ignore_Stroke_On_Transform.mdx", require.resolveWeak("@site/content/docs/select_and_transform/12_Ignore_Stroke_On_Transform.mdx")],
+  "content---docs-select-and-transform-keep-ratio-html-0-fa-292": [() => import(/* webpackChunkName: "content---docs-select-and-transform-keep-ratio-html-0-fa-292" */ "@site/content/docs/select_and_transform/03_Keep_Ratio.mdx"), "@site/content/docs/select_and_transform/03_Keep_Ratio.mdx", require.resolveWeak("@site/content/docs/select_and_transform/03_Keep_Ratio.mdx")],
+  "content---docs-select-and-transform-resize-limits-html-625-b62": [() => import(/* webpackChunkName: "content---docs-select-and-transform-resize-limits-html-625-b62" */ "@site/content/docs/select_and_transform/07_Resize_Limits.mdx"), "@site/content/docs/select_and_transform/07_Resize_Limits.mdx", require.resolveWeak("@site/content/docs/select_and_transform/07_Resize_Limits.mdx")],
+  "content---docs-select-and-transform-resize-snaps-html-4-a-5-39a": [() => import(/* webpackChunkName: "content---docs-select-and-transform-resize-snaps-html-4-a-5-39a" */ "@site/content/docs/select_and_transform/08_Resize_Snaps.mdx"), "@site/content/docs/select_and_transform/08_Resize_Snaps.mdx", require.resolveWeak("@site/content/docs/select_and_transform/08_Resize_Snaps.mdx")],
+  "content---docs-select-and-transform-resize-text-htmla-12-759": [() => import(/* webpackChunkName: "content---docs-select-and-transform-resize-text-htmla-12-759" */ "@site/content/docs/select_and_transform/11_Resize_Text.mdx"), "@site/content/docs/select_and_transform/11_Resize_Text.mdx", require.resolveWeak("@site/content/docs/select_and_transform/11_Resize_Text.mdx")],
+  "content---docs-select-and-transform-rotation-snaps-html-9-b-5-048": [() => import(/* webpackChunkName: "content---docs-select-and-transform-rotation-snaps-html-9-b-5-048" */ "@site/content/docs/select_and_transform/08_Rotation_Snaps.mdx"), "@site/content/docs/select_and_transform/08_Rotation_Snaps.mdx", require.resolveWeak("@site/content/docs/select_and_transform/08_Rotation_Snaps.mdx")],
+  "content---docs-select-and-transform-stop-transform-htmlcff-32c": [() => import(/* webpackChunkName: "content---docs-select-and-transform-stop-transform-htmlcff-32c" */ "@site/content/docs/select_and_transform/09_Stop_Transform.mdx"), "@site/content/docs/select_and_transform/09_Stop_Transform.mdx", require.resolveWeak("@site/content/docs/select_and_transform/09_Stop_Transform.mdx")],
+  "content---docs-select-and-transform-transform-events-htmladd-db1": [() => import(/* webpackChunkName: "content---docs-select-and-transform-transform-events-htmladd-db1" */ "@site/content/docs/select_and_transform/06_Transform_Events.mdx"), "@site/content/docs/select_and_transform/06_Transform_Events.mdx", require.resolveWeak("@site/content/docs/select_and_transform/06_Transform_Events.mdx")],
+  "content---docs-select-and-transform-transformer-complex-styling-html-798-c8a": [() => import(/* webpackChunkName: "content---docs-select-and-transform-transformer-complex-styling-html-798-c8a" */ "@site/content/docs/select_and_transform/05_Transformer_Complex_Styling.mdx"), "@site/content/docs/select_and_transform/05_Transformer_Complex_Styling.mdx", require.resolveWeak("@site/content/docs/select_and_transform/05_Transformer_Complex_Styling.mdx")],
+  "content---docs-select-and-transform-transformer-styling-html-349-178": [() => import(/* webpackChunkName: "content---docs-select-and-transform-transformer-styling-html-349-178" */ "@site/content/docs/select_and_transform/04_Transformer_Styling.mdx"), "@site/content/docs/select_and_transform/04_Transformer_Styling.mdx", require.resolveWeak("@site/content/docs/select_and_transform/04_Transformer_Styling.mdx")],
+  "content---docs-selectors-select-by-id-html-6-c-0-1ae": [() => import(/* webpackChunkName: "content---docs-selectors-select-by-id-html-6-c-0-1ae" */ "@site/content/docs/selectors/Select_by_id.mdx"), "@site/content/docs/selectors/Select_by_id.mdx", require.resolveWeak("@site/content/docs/selectors/Select_by_id.mdx")],
+  "content---docs-selectors-select-by-name-html-971-97a": [() => import(/* webpackChunkName: "content---docs-selectors-select-by-name-html-971-97a" */ "@site/content/docs/selectors/Select_by_Name.mdx"), "@site/content/docs/selectors/Select_by_Name.mdx", require.resolveWeak("@site/content/docs/selectors/Select_by_Name.mdx")],
+  "content---docs-selectors-select-by-type-html-29-f-36c": [() => import(/* webpackChunkName: "content---docs-selectors-select-by-type-html-29-f-36c" */ "@site/content/docs/selectors/Select_by_Type.mdx"), "@site/content/docs/selectors/Select_by_Type.mdx", require.resolveWeak("@site/content/docs/selectors/Select_by_Type.mdx")],
+  "content---docs-shapes-arc-html-4-af-135": [() => import(/* webpackChunkName: "content---docs-shapes-arc-html-4-af-135" */ "@site/content/docs/shapes/Arc.mdx"), "@site/content/docs/shapes/Arc.mdx", require.resolveWeak("@site/content/docs/shapes/Arc.mdx")],
+  "content---docs-shapes-arrow-html-420-ac7": [() => import(/* webpackChunkName: "content---docs-shapes-arrow-html-420-ac7" */ "@site/content/docs/shapes/Arrow.mdx"), "@site/content/docs/shapes/Arrow.mdx", require.resolveWeak("@site/content/docs/shapes/Arrow.mdx")],
+  "content---docs-shapes-circle-html-5-cf-57d": [() => import(/* webpackChunkName: "content---docs-shapes-circle-html-5-cf-57d" */ "@site/content/docs/shapes/Circle.mdx"), "@site/content/docs/shapes/Circle.mdx", require.resolveWeak("@site/content/docs/shapes/Circle.mdx")],
+  "content---docs-shapes-custom-html-631-5fe": [() => import(/* webpackChunkName: "content---docs-shapes-custom-html-631-5fe" */ "@site/content/docs/shapes/Custom.mdx"), "@site/content/docs/shapes/Custom.mdx", require.resolveWeak("@site/content/docs/shapes/Custom.mdx")],
+  "content---docs-shapes-ellipse-html-9-e-7-a43": [() => import(/* webpackChunkName: "content---docs-shapes-ellipse-html-9-e-7-a43" */ "@site/content/docs/shapes/Ellipse.mdx"), "@site/content/docs/shapes/Ellipse.mdx", require.resolveWeak("@site/content/docs/shapes/Ellipse.mdx")],
+  "content---docs-shapes-group-htmle-62-147": [() => import(/* webpackChunkName: "content---docs-shapes-group-htmle-62-147" */ "@site/content/docs/shapes/Group.mdx"), "@site/content/docs/shapes/Group.mdx", require.resolveWeak("@site/content/docs/shapes/Group.mdx")],
+  "content---docs-shapes-image-html-1-f-7-50a": [() => import(/* webpackChunkName: "content---docs-shapes-image-html-1-f-7-50a" */ "@site/content/docs/shapes/Image.mdx"), "@site/content/docs/shapes/Image.mdx", require.resolveWeak("@site/content/docs/shapes/Image.mdx")],
+  "content---docs-shapes-label-html-65-d-640": [() => import(/* webpackChunkName: "content---docs-shapes-label-html-65-d-640" */ "@site/content/docs/shapes/Label.mdx"), "@site/content/docs/shapes/Label.mdx", require.resolveWeak("@site/content/docs/shapes/Label.mdx")],
+  "content---docs-shapes-line-blob-html-8-a-4-588": [() => import(/* webpackChunkName: "content---docs-shapes-line-blob-html-8-a-4-588" */ "@site/content/docs/shapes/Line_-_Blob.mdx"), "@site/content/docs/shapes/Line_-_Blob.mdx", require.resolveWeak("@site/content/docs/shapes/Line_-_Blob.mdx")],
+  "content---docs-shapes-line-html-92-f-195": [() => import(/* webpackChunkName: "content---docs-shapes-line-html-92-f-195" */ "@site/content/docs/shapes/Line.mdx"), "@site/content/docs/shapes/Line.mdx", require.resolveWeak("@site/content/docs/shapes/Line.mdx")],
+  "content---docs-shapes-line-polygon-htmlbde-17b": [() => import(/* webpackChunkName: "content---docs-shapes-line-polygon-htmlbde-17b" */ "@site/content/docs/shapes/Line_-_Polygon.mdx"), "@site/content/docs/shapes/Line_-_Polygon.mdx", require.resolveWeak("@site/content/docs/shapes/Line_-_Polygon.mdx")],
+  "content---docs-shapes-line-simple-line-htmlb-70-ca8": [() => import(/* webpackChunkName: "content---docs-shapes-line-simple-line-htmlb-70-ca8" */ "@site/content/docs/shapes/Line_-_Simple_Line.mdx"), "@site/content/docs/shapes/Line_-_Simple_Line.mdx", require.resolveWeak("@site/content/docs/shapes/Line_-_Simple_Line.mdx")],
+  "content---docs-shapes-line-spline-htmldd-7-483": [() => import(/* webpackChunkName: "content---docs-shapes-line-spline-htmldd-7-483" */ "@site/content/docs/shapes/Line_-_Spline.mdx"), "@site/content/docs/shapes/Line_-_Spline.mdx", require.resolveWeak("@site/content/docs/shapes/Line_-_Spline.mdx")],
+  "content---docs-shapes-path-htmlb-28-1cc": [() => import(/* webpackChunkName: "content---docs-shapes-path-htmlb-28-1cc" */ "@site/content/docs/shapes/Path.mdx"), "@site/content/docs/shapes/Path.mdx", require.resolveWeak("@site/content/docs/shapes/Path.mdx")],
+  "content---docs-shapes-rect-html-277-76a": [() => import(/* webpackChunkName: "content---docs-shapes-rect-html-277-76a" */ "@site/content/docs/shapes/Rect.mdx"), "@site/content/docs/shapes/Rect.mdx", require.resolveWeak("@site/content/docs/shapes/Rect.mdx")],
+  "content---docs-shapes-regular-polygon-htmla-35-837": [() => import(/* webpackChunkName: "content---docs-shapes-regular-polygon-htmla-35-837" */ "@site/content/docs/shapes/RegularPolygon.mdx"), "@site/content/docs/shapes/RegularPolygon.mdx", require.resolveWeak("@site/content/docs/shapes/RegularPolygon.mdx")],
+  "content---docs-shapes-ring-html-4-d-6-38b": [() => import(/* webpackChunkName: "content---docs-shapes-ring-html-4-d-6-38b" */ "@site/content/docs/shapes/Ring.mdx"), "@site/content/docs/shapes/Ring.mdx", require.resolveWeak("@site/content/docs/shapes/Ring.mdx")],
+  "content---docs-shapes-sprite-htmld-75-73d": [() => import(/* webpackChunkName: "content---docs-shapes-sprite-htmld-75-73d" */ "@site/content/docs/shapes/Sprite.mdx"), "@site/content/docs/shapes/Sprite.mdx", require.resolveWeak("@site/content/docs/shapes/Sprite.mdx")],
+  "content---docs-shapes-star-html-2-c-6-327": [() => import(/* webpackChunkName: "content---docs-shapes-star-html-2-c-6-327" */ "@site/content/docs/shapes/Star.mdx"), "@site/content/docs/shapes/Star.mdx", require.resolveWeak("@site/content/docs/shapes/Star.mdx")],
+  "content---docs-shapes-text-htmle-6-f-303": [() => import(/* webpackChunkName: "content---docs-shapes-text-htmle-6-f-303" */ "@site/content/docs/shapes/Text.mdx"), "@site/content/docs/shapes/Text.mdx", require.resolveWeak("@site/content/docs/shapes/Text.mdx")],
+  "content---docs-shapes-text-path-html-919-5d4": [() => import(/* webpackChunkName: "content---docs-shapes-text-path-html-919-5d4" */ "@site/content/docs/shapes/TextPath.mdx"), "@site/content/docs/shapes/TextPath.mdx", require.resolveWeak("@site/content/docs/shapes/TextPath.mdx")],
+  "content---docs-shapes-wedge-html-542-59a": [() => import(/* webpackChunkName: "content---docs-shapes-wedge-html-542-59a" */ "@site/content/docs/shapes/Wedge.mdx"), "@site/content/docs/shapes/Wedge.mdx", require.resolveWeak("@site/content/docs/shapes/Wedge.mdx")],
+  "content---docs-styling-blend-mode-html-6-a-4-d7a": [() => import(/* webpackChunkName: "content---docs-styling-blend-mode-html-6-a-4-d7a" */ "@site/content/docs/styling/08-Blend_Mode.mdx"), "@site/content/docs/styling/08-Blend_Mode.mdx", require.resolveWeak("@site/content/docs/styling/08-Blend_Mode.mdx")],
+  "content---docs-styling-fill-html-542-c9f": [() => import(/* webpackChunkName: "content---docs-styling-fill-html-542-c9f" */ "@site/content/docs/styling/01-Fill.mdx"), "@site/content/docs/styling/01-Fill.mdx", require.resolveWeak("@site/content/docs/styling/01-Fill.mdx")],
+  "content---docs-styling-fill-stroke-order-html-1-c-1-fe4": [() => import(/* webpackChunkName: "content---docs-styling-fill-stroke-order-html-1-c-1-fe4" */ "@site/content/docs/styling/09-Fill_Stroke_Order.mdx"), "@site/content/docs/styling/09-Fill_Stroke_Order.mdx", require.resolveWeak("@site/content/docs/styling/09-Fill_Stroke_Order.mdx")],
+  "content---docs-styling-hide-and-show-html-454-f57": [() => import(/* webpackChunkName: "content---docs-styling-hide-and-show-html-454-f57" */ "@site/content/docs/styling/06-Hide_and_Show.mdx"), "@site/content/docs/styling/06-Hide_and_Show.mdx", require.resolveWeak("@site/content/docs/styling/06-Hide_and_Show.mdx")],
+  "content---docs-styling-line-join-htmlfac-4d2": [() => import(/* webpackChunkName: "content---docs-styling-line-join-htmlfac-4d2" */ "@site/content/docs/styling/05-Line_Join.mdx"), "@site/content/docs/styling/05-Line_Join.mdx", require.resolveWeak("@site/content/docs/styling/05-Line_Join.mdx")],
+  "content---docs-styling-mouse-cursor-html-6-b-8-377": [() => import(/* webpackChunkName: "content---docs-styling-mouse-cursor-html-6-b-8-377" */ "@site/content/docs/styling/07-Mouse_Cursor.mdx"), "@site/content/docs/styling/07-Mouse_Cursor.mdx", require.resolveWeak("@site/content/docs/styling/07-Mouse_Cursor.mdx")],
+  "content---docs-styling-opacity-html-999-f88": [() => import(/* webpackChunkName: "content---docs-styling-opacity-html-999-f88" */ "@site/content/docs/styling/03-Opacity.mdx"), "@site/content/docs/styling/03-Opacity.mdx", require.resolveWeak("@site/content/docs/styling/03-Opacity.mdx")],
+  "content---docs-styling-shadow-htmlf-3-d-e53": [() => import(/* webpackChunkName: "content---docs-styling-shadow-htmlf-3-d-e53" */ "@site/content/docs/styling/04-Shadow.mdx"), "@site/content/docs/styling/04-Shadow.mdx", require.resolveWeak("@site/content/docs/styling/04-Shadow.mdx")],
+  "content---docs-styling-stroke-html-00-a-a3f": [() => import(/* webpackChunkName: "content---docs-styling-stroke-html-00-a-a3f" */ "@site/content/docs/styling/02-Stroke.mdx"), "@site/content/docs/styling/02-Stroke.mdx", require.resolveWeak("@site/content/docs/styling/02-Stroke.mdx")],
+  "content---docs-support-html-8-e-8-8e5": [() => import(/* webpackChunkName: "content---docs-support-html-8-e-8-8e5" */ "@site/content/docs/support.md"), "@site/content/docs/support.md", require.resolveWeak("@site/content/docs/support.md")],
+  "content---docs-svelte-494-b1c": [() => import(/* webpackChunkName: "content---docs-svelte-494-b1c" */ "@site/content/docs/svelte/index.md"), "@site/content/docs/svelte/index.md", require.resolveWeak("@site/content/docs/svelte/index.md")],
+  "content---docs-svelte-bindings-871-7d3": [() => import(/* webpackChunkName: "content---docs-svelte-bindings-871-7d3" */ "@site/content/docs/svelte/Bindings.md"), "@site/content/docs/svelte/Bindings.md", require.resolveWeak("@site/content/docs/svelte/Bindings.md")],
+  "content---docs-svelte-cache-39-c-0fc": [() => import(/* webpackChunkName: "content---docs-svelte-cache-39-c-0fc" */ "@site/content/docs/svelte/Cache.md"), "@site/content/docs/svelte/Cache.md", require.resolveWeak("@site/content/docs/svelte/Cache.md")],
+  "content---docs-svelte-custom-shape-973-d18": [() => import(/* webpackChunkName: "content---docs-svelte-custom-shape-973-d18" */ "@site/content/docs/svelte/Custom_Shape.md"), "@site/content/docs/svelte/Custom_Shape.md", require.resolveWeak("@site/content/docs/svelte/Custom_Shape.md")],
+  "content---docs-svelte-drag-and-dropb-90-501": [() => import(/* webpackChunkName: "content---docs-svelte-drag-and-dropb-90-501" */ "@site/content/docs/svelte/Drag_And_Drop.md"), "@site/content/docs/svelte/Drag_And_Drop.md", require.resolveWeak("@site/content/docs/svelte/Drag_And_Drop.md")],
+  "content---docs-svelte-events-07-d-0e3": [() => import(/* webpackChunkName: "content---docs-svelte-events-07-d-0e3" */ "@site/content/docs/svelte/Events.md"), "@site/content/docs/svelte/Events.md", require.resolveWeak("@site/content/docs/svelte/Events.md")],
+  "content---docs-svelte-filters-9-b-7-0d3": [() => import(/* webpackChunkName: "content---docs-svelte-filters-9-b-7-0d3" */ "@site/content/docs/svelte/Filters.md"), "@site/content/docs/svelte/Filters.md", require.resolveWeak("@site/content/docs/svelte/Filters.md")],
+  "content---docs-svelte-images-5-ee-3f6": [() => import(/* webpackChunkName: "content---docs-svelte-images-5-ee-3f6" */ "@site/content/docs/svelte/Images.md"), "@site/content/docs/svelte/Images.md", require.resolveWeak("@site/content/docs/svelte/Images.md")],
+  "content---docs-svelte-konva-nodec-93-b59": [() => import(/* webpackChunkName: "content---docs-svelte-konva-nodec-93-b59" */ "@site/content/docs/svelte/Konva_Node.md"), "@site/content/docs/svelte/Konva_Node.md", require.resolveWeak("@site/content/docs/svelte/Konva_Node.md")],
+  "content---docs-svelte-labels-5-ac-391": [() => import(/* webpackChunkName: "content---docs-svelte-labels-5-ac-391" */ "@site/content/docs/svelte/Labels.md"), "@site/content/docs/svelte/Labels.md", require.resolveWeak("@site/content/docs/svelte/Labels.md")],
+  "content---docs-svelte-save-load-9-c-8-7eb": [() => import(/* webpackChunkName: "content---docs-svelte-save-load-9-c-8-7eb" */ "@site/content/docs/svelte/Save_Load.md"), "@site/content/docs/svelte/Save_Load.md", require.resolveWeak("@site/content/docs/svelte/Save_Load.md")],
+  "content---docs-svelte-shapes-3-e-6-8a3": [() => import(/* webpackChunkName: "content---docs-svelte-shapes-3-e-6-8a3" */ "@site/content/docs/svelte/Shapes.md"), "@site/content/docs/svelte/Shapes.md", require.resolveWeak("@site/content/docs/svelte/Shapes.md")],
+  "content---docs-svelte-simple-animations-168-428": [() => import(/* webpackChunkName: "content---docs-svelte-simple-animations-168-428" */ "@site/content/docs/svelte/Simple_Animations.md"), "@site/content/docs/svelte/Simple_Animations.md", require.resolveWeak("@site/content/docs/svelte/Simple_Animations.md")],
+  "content---docs-svelte-svelte-kit-7-fa-3d3": [() => import(/* webpackChunkName: "content---docs-svelte-svelte-kit-7-fa-3d3" */ "@site/content/docs/svelte/SvelteKit.md"), "@site/content/docs/svelte/SvelteKit.md", require.resolveWeak("@site/content/docs/svelte/SvelteKit.md")],
+  "content---docs-svelte-transformerb-33-35b": [() => import(/* webpackChunkName: "content---docs-svelte-transformerb-33-35b" */ "@site/content/docs/svelte/Transformer.md"), "@site/content/docs/svelte/Transformer.md", require.resolveWeak("@site/content/docs/svelte/Transformer.md")],
+  "content---docs-svelte-z-index-0-ed-d68": [() => import(/* webpackChunkName: "content---docs-svelte-z-index-0-ed-d68" */ "@site/content/docs/svelte/zIndex.md"), "@site/content/docs/svelte/zIndex.md", require.resolveWeak("@site/content/docs/svelte/zIndex.md")],
+  "content---docs-tools-html-370-525": [() => import(/* webpackChunkName: "content---docs-tools-html-370-525" */ "@site/content/docs/tools.md"), "@site/content/docs/tools.md", require.resolveWeak("@site/content/docs/tools.md")],
+  "content---docs-tweens-all-controls-htmla-4-f-f6c": [() => import(/* webpackChunkName: "content---docs-tweens-all-controls-htmla-4-f-f6c" */ "@site/content/docs/tweens/All_Controls.mdx"), "@site/content/docs/tweens/All_Controls.mdx", require.resolveWeak("@site/content/docs/tweens/All_Controls.mdx")],
+  "content---docs-tweens-all-easings-html-684-c89": [() => import(/* webpackChunkName: "content---docs-tweens-all-easings-html-684-c89" */ "@site/content/docs/tweens/All_Easings.mdx"), "@site/content/docs/tweens/All_Easings.mdx", require.resolveWeak("@site/content/docs/tweens/All_Easings.mdx")],
+  "content---docs-tweens-common-easings-html-210-d99": [() => import(/* webpackChunkName: "content---docs-tweens-common-easings-html-210-d99" */ "@site/content/docs/tweens/Common_Easings.mdx"), "@site/content/docs/tweens/Common_Easings.mdx", require.resolveWeak("@site/content/docs/tweens/Common_Easings.mdx")],
+  "content---docs-tweens-complex-tweening-htmla-20-e37": [() => import(/* webpackChunkName: "content---docs-tweens-complex-tweening-htmla-20-e37" */ "@site/content/docs/tweens/Complex_Tweening.mdx"), "@site/content/docs/tweens/Complex_Tweening.mdx", require.resolveWeak("@site/content/docs/tweens/Complex_Tweening.mdx")],
+  "content---docs-tweens-finish-event-767-06f": [() => import(/* webpackChunkName: "content---docs-tweens-finish-event-767-06f" */ "@site/content/docs/tweens/Finish_Event.mdx"), "@site/content/docs/tweens/Finish_Event.mdx", require.resolveWeak("@site/content/docs/tweens/Finish_Event.mdx")],
+  "content---docs-tweens-linear-easing-html-154-c03": [() => import(/* webpackChunkName: "content---docs-tweens-linear-easing-html-154-c03" */ "@site/content/docs/tweens/Linear_Easing.mdx"), "@site/content/docs/tweens/Linear_Easing.mdx", require.resolveWeak("@site/content/docs/tweens/Linear_Easing.mdx")],
+  "content---docs-tweens-tween-filter-html-8-bf-418": [() => import(/* webpackChunkName: "content---docs-tweens-tween-filter-html-8-bf-418" */ "@site/content/docs/tweens/Tween_Filter.mdx"), "@site/content/docs/tweens/Tween_Filter.mdx", require.resolveWeak("@site/content/docs/tweens/Tween_Filter.mdx")],
+  "content---docs-vue-150-cb7": [() => import(/* webpackChunkName: "content---docs-vue-150-cb7" */ "@site/content/docs/vue/index.md"), "@site/content/docs/vue/index.md", require.resolveWeak("@site/content/docs/vue/index.md")],
+  "content---docs-vue-cachee-0-d-dd7": [() => import(/* webpackChunkName: "content---docs-vue-cachee-0-d-dd7" */ "@site/content/docs/vue/Cache.md"), "@site/content/docs/vue/Cache.md", require.resolveWeak("@site/content/docs/vue/Cache.md")],
+  "content---docs-vue-custom-shape-9-a-0-b6e": [() => import(/* webpackChunkName: "content---docs-vue-custom-shape-9-a-0-b6e" */ "@site/content/docs/vue/Custom_Shape.md"), "@site/content/docs/vue/Custom_Shape.md", require.resolveWeak("@site/content/docs/vue/Custom_Shape.md")],
+  "content---docs-vue-drag-and-drop-650-15e": [() => import(/* webpackChunkName: "content---docs-vue-drag-and-drop-650-15e" */ "@site/content/docs/vue/Drag_And_Drop.md"), "@site/content/docs/vue/Drag_And_Drop.md", require.resolveWeak("@site/content/docs/vue/Drag_And_Drop.md")],
+  "content---docs-vue-events-71-b-c58": [() => import(/* webpackChunkName: "content---docs-vue-events-71-b-c58" */ "@site/content/docs/vue/Events.md"), "@site/content/docs/vue/Events.md", require.resolveWeak("@site/content/docs/vue/Events.md")],
+  "content---docs-vue-filtersac-2-621": [() => import(/* webpackChunkName: "content---docs-vue-filtersac-2-621" */ "@site/content/docs/vue/Filters.md"), "@site/content/docs/vue/Filters.md", require.resolveWeak("@site/content/docs/vue/Filters.md")],
+  "content---docs-vue-imagesc-2-a-f4b": [() => import(/* webpackChunkName: "content---docs-vue-imagesc-2-a-f4b" */ "@site/content/docs/vue/Images.md"), "@site/content/docs/vue/Images.md", require.resolveWeak("@site/content/docs/vue/Images.md")],
+  "content---docs-vue-save-load-7-bc-f00": [() => import(/* webpackChunkName: "content---docs-vue-save-load-7-bc-f00" */ "@site/content/docs/vue/Save-Load.md"), "@site/content/docs/vue/Save-Load.md", require.resolveWeak("@site/content/docs/vue/Save-Load.md")],
+  "content---docs-vue-shapes-391-0c8": [() => import(/* webpackChunkName: "content---docs-vue-shapes-391-0c8" */ "@site/content/docs/vue/Shapes.md"), "@site/content/docs/vue/Shapes.md", require.resolveWeak("@site/content/docs/vue/Shapes.md")],
+  "content---docs-vue-simple-animations-188-b42": [() => import(/* webpackChunkName: "content---docs-vue-simple-animations-188-b42" */ "@site/content/docs/vue/Simple_Animations.md"), "@site/content/docs/vue/Simple_Animations.md", require.resolveWeak("@site/content/docs/vue/Simple_Animations.md")],
+  "content---docs-vue-transformerf-23-9cc": [() => import(/* webpackChunkName: "content---docs-vue-transformerf-23-9cc" */ "@site/content/docs/vue/Transformer.md"), "@site/content/docs/vue/Transformer.md", require.resolveWeak("@site/content/docs/vue/Transformer.md")],
+  "content---docs-vue-z-indexc-6-a-52f": [() => import(/* webpackChunkName: "content---docs-vue-z-indexc-6-a-52f" */ "@site/content/docs/vue/zIndex.md"), "@site/content/docs/vue/zIndex.md", require.resolveWeak("@site/content/docs/vue/zIndex.md")],
+  "content---markdown-page-393-028": [() => import(/* webpackChunkName: "content---markdown-page-393-028" */ "@site/src/pages/markdown-page.md"), "@site/src/pages/markdown-page.md", require.resolveWeak("@site/src/pages/markdown-page.md")],
+  "plugin---aba-d70": [() => import(/* webpackChunkName: "plugin---aba-d70" */ "@generated/docusaurus-plugin-content-docs/default/__plugin.json"), "@generated/docusaurus-plugin-content-docs/default/__plugin.json", require.resolveWeak("@generated/docusaurus-plugin-content-docs/default/__plugin.json")],
+  "plugin---docs-sandbox-htmla-74-94f": [() => import(/* webpackChunkName: "plugin---docs-sandbox-htmla-74-94f" */ "@generated/docusaurus-plugin-content-pages/default/__plugin.json"), "@generated/docusaurus-plugin-content-pages/default/__plugin.json", require.resolveWeak("@generated/docusaurus-plugin-content-pages/default/__plugin.json")],
+  "plugin---docusaurus-debugb-38-ad3": [() => import(/* webpackChunkName: "plugin---docusaurus-debugb-38-ad3" */ "@generated/docusaurus-plugin-debug/default/__plugin.json"), "@generated/docusaurus-plugin-debug/default/__plugin.json", require.resolveWeak("@generated/docusaurus-plugin-debug/default/__plugin.json")],};
diff --git a/.docusaurus/routes.js b/.docusaurus/routes.js
new file mode 100644
index 000000000..5e379a59c
--- /dev/null
+++ b/.docusaurus/routes.js
@@ -0,0 +1,1719 @@
+import React from 'react';
+import ComponentCreator from '@docusaurus/ComponentCreator';
+
+export default [
+  {
+    path: '/__docusaurus/debug',
+    component: ComponentCreator('/__docusaurus/debug', '5ff'),
+    exact: true
+  },
+  {
+    path: '/__docusaurus/debug/config',
+    component: ComponentCreator('/__docusaurus/debug/config', '5ba'),
+    exact: true
+  },
+  {
+    path: '/__docusaurus/debug/content',
+    component: ComponentCreator('/__docusaurus/debug/content', 'a2b'),
+    exact: true
+  },
+  {
+    path: '/__docusaurus/debug/globalData',
+    component: ComponentCreator('/__docusaurus/debug/globalData', 'c3c'),
+    exact: true
+  },
+  {
+    path: '/__docusaurus/debug/metadata',
+    component: ComponentCreator('/__docusaurus/debug/metadata', '156'),
+    exact: true
+  },
+  {
+    path: '/__docusaurus/debug/registry',
+    component: ComponentCreator('/__docusaurus/debug/registry', '88c'),
+    exact: true
+  },
+  {
+    path: '/__docusaurus/debug/routes',
+    component: ComponentCreator('/__docusaurus/debug/routes', '000'),
+    exact: true
+  },
+  {
+    path: '/docs/sandbox.html',
+    component: ComponentCreator('/docs/sandbox.html', 'd01'),
+    exact: true
+  },
+  {
+    path: '/docs/sandbox/index.html',
+    component: ComponentCreator('/docs/sandbox/index.html', '066'),
+    exact: true
+  },
+  {
+    path: '/kai',
+    component: ComponentCreator('/kai', '0b9'),
+    exact: true
+  },
+  {
+    path: '/markdown-page',
+    component: ComponentCreator('/markdown-page', '3d7'),
+    exact: true
+  },
+  {
+    path: '/',
+    component: ComponentCreator('/', 'e5f'),
+    exact: true
+  },
+  {
+    path: '/',
+    component: ComponentCreator('/', '8a3'),
+    routes: [
+      {
+        path: '/',
+        component: ComponentCreator('/', 'a99'),
+        routes: [
+          {
+            path: '/',
+            component: ComponentCreator('/', '3c6'),
+            routes: [
+              {
+                path: '/api/Konva.Animation.html',
+                component: ComponentCreator('/api/Konva.Animation.html', '3f9'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Arc.html',
+                component: ComponentCreator('/api/Konva.Arc.html', '53b'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Arrow.html',
+                component: ComponentCreator('/api/Konva.Arrow.html', '94d'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Canvas.html',
+                component: ComponentCreator('/api/Konva.Canvas.html', 'abf'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Circle.html',
+                component: ComponentCreator('/api/Konva.Circle.html', 'a2a'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Container.html',
+                component: ComponentCreator('/api/Konva.Container.html', '746'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Context.html',
+                component: ComponentCreator('/api/Konva.Context.html', '86a'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Easings.html',
+                component: ComponentCreator('/api/Konva.Easings.html', '5f4'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Ellipse.html',
+                component: ComponentCreator('/api/Konva.Ellipse.html', 'f53'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.FastLayer.html',
+                component: ComponentCreator('/api/Konva.FastLayer.html', 'cd6'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Filters.html',
+                component: ComponentCreator('/api/Konva.Filters.html', '5ea'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Group.html',
+                component: ComponentCreator('/api/Konva.Group.html', 'e6a'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.html',
+                component: ComponentCreator('/api/Konva.html', '022'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Image.html',
+                component: ComponentCreator('/api/Konva.Image.html', '3c3'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Label.html',
+                component: ComponentCreator('/api/Konva.Label.html', '149'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Layer.html',
+                component: ComponentCreator('/api/Konva.Layer.html', '70a'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Line.html',
+                component: ComponentCreator('/api/Konva.Line.html', '6dc'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Node.html',
+                component: ComponentCreator('/api/Konva.Node.html', '6e2'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Path.html',
+                component: ComponentCreator('/api/Konva.Path.html', '595'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Rect.html',
+                component: ComponentCreator('/api/Konva.Rect.html', 'a8a'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.RegularPolygon.html',
+                component: ComponentCreator('/api/Konva.RegularPolygon.html', '366'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Ring.html',
+                component: ComponentCreator('/api/Konva.Ring.html', 'b0e'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Shape.html',
+                component: ComponentCreator('/api/Konva.Shape.html', 'ddf'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Sprite.html',
+                component: ComponentCreator('/api/Konva.Sprite.html', '3ca'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Stage.html',
+                component: ComponentCreator('/api/Konva.Stage.html', '48f'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Star.html',
+                component: ComponentCreator('/api/Konva.Star.html', 'f7b'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Tag.html',
+                component: ComponentCreator('/api/Konva.Tag.html', '70a'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Text.html',
+                component: ComponentCreator('/api/Konva.Text.html', '35d'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.TextPath.html',
+                component: ComponentCreator('/api/Konva.TextPath.html', 'd6f'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Transform.html',
+                component: ComponentCreator('/api/Konva.Transform.html', '893'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Transformer.html',
+                component: ComponentCreator('/api/Konva.Transformer.html', 'c51'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Tween.html',
+                component: ComponentCreator('/api/Konva.Tween.html', '51c'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Util.html',
+                component: ComponentCreator('/api/Konva.Util.html', 'e49'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/api/Konva.Wedge.html',
+                component: ComponentCreator('/api/Konva.Wedge.html', 'a1a'),
+                exact: true,
+                sidebar: "apiSidebar"
+              },
+              {
+                path: '/category/shapes',
+                component: ComponentCreator('/category/shapes', '146'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/animations/Create_an_Animation.html',
+                component: ComponentCreator('/docs/animations/Create_an_Animation.html', '2c3'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/animations/Moving.html',
+                component: ComponentCreator('/docs/animations/Moving.html', 'd30'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/animations/Rotation.html',
+                component: ComponentCreator('/docs/animations/Rotation.html', 'fdc'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/animations/Scaling.html',
+                component: ComponentCreator('/docs/animations/Scaling.html', '73d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/animations/Stop_Animation.html',
+                component: ComponentCreator('/docs/animations/Stop_Animation.html', 'c27'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/clipping/Clipping_Function.html',
+                component: ComponentCreator('/docs/clipping/Clipping_Function.html', 'f7d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/clipping/Clipping_Regions.html',
+                component: ComponentCreator('/docs/clipping/Clipping_Regions.html', '38d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/data_and_serialization/Best_Practices.html',
+                component: ComponentCreator('/docs/data_and_serialization/Best_Practices.html', 'a29'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/data_and_serialization/Complex_Load.html',
+                component: ComponentCreator('/docs/data_and_serialization/Complex_Load.html', '647'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/data_and_serialization/High-Quality-Export.html',
+                component: ComponentCreator('/docs/data_and_serialization/High-Quality-Export.html', '148'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/data_and_serialization/Serialize_a_Stage.html',
+                component: ComponentCreator('/docs/data_and_serialization/Serialize_a_Stage.html', '602'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/data_and_serialization/Simple_Load.html',
+                component: ComponentCreator('/docs/data_and_serialization/Simple_Load.html', 'af2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/data_and_serialization/Stage_Data_URL.html',
+                component: ComponentCreator('/docs/data_and_serialization/Stage_Data_URL.html', 'f92'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/donate.html',
+                component: ComponentCreator('/docs/donate.html', 'ed5'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Complex_Drag_and_Drop.html',
+                component: ComponentCreator('/docs/drag_and_drop/Complex_Drag_and_Drop.html', '8b1'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Drag_a_Group.html',
+                component: ComponentCreator('/docs/drag_and_drop/Drag_a_Group.html', '5fb'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Drag_a_Line.html',
+                component: ComponentCreator('/docs/drag_and_drop/Drag_a_Line.html', '3f9'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Drag_a_Stage.html',
+                component: ComponentCreator('/docs/drag_and_drop/Drag_a_Stage.html', '086'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Drag_an_Image.html',
+                component: ComponentCreator('/docs/drag_and_drop/Drag_an_Image.html', '148'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Drag_and_Drop.html',
+                component: ComponentCreator('/docs/drag_and_drop/Drag_and_Drop.html', '4db'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Drag_Events.html',
+                component: ComponentCreator('/docs/drag_and_drop/Drag_Events.html', '5ff'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Drop_Events.html',
+                component: ComponentCreator('/docs/drag_and_drop/Drop_Events.html', 'de5'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/drag_and_drop/Simple_Drag_Bounds.html',
+                component: ComponentCreator('/docs/drag_and_drop/Simple_Drag_Bounds.html', '69a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Binding_Events.html',
+                component: ComponentCreator('/docs/events/Binding_Events.html', 'f3a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Cancel_Propagation.html',
+                component: ComponentCreator('/docs/events/Cancel_Propagation.html', 'd8f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Custom_Hit_Region.html',
+                component: ComponentCreator('/docs/events/Custom_Hit_Region.html', 'a8d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Desktop_and_Mobile.html',
+                component: ComponentCreator('/docs/events/Desktop_and_Mobile.html', '76b'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Event_Delegation.html',
+                component: ComponentCreator('/docs/events/Event_Delegation.html', '738'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Fire_Events.html',
+                component: ComponentCreator('/docs/events/Fire_Events.html', 'acd'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Image_Events.html',
+                component: ComponentCreator('/docs/events/Image_Events.html', 'cac'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Keyboard_Events.html',
+                component: ComponentCreator('/docs/events/Keyboard_Events.html', 'bba'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Listen_for_Events.html',
+                component: ComponentCreator('/docs/events/Listen_for_Events.html', 'a13'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Mobile_Events.html',
+                component: ComponentCreator('/docs/events/Mobile_Events.html', '24c'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Mobile_Scrolling.html',
+                component: ComponentCreator('/docs/events/Mobile_Scrolling.html', 'f6b'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Multi_Event.html',
+                component: ComponentCreator('/docs/events/Multi_Event.html', '9b2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Pointer_Events.html',
+                component: ComponentCreator('/docs/events/Pointer_Events.html', '93b'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Remove_by_Name.html',
+                component: ComponentCreator('/docs/events/Remove_by_Name.html', '1c8'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Remove_Event.html',
+                component: ComponentCreator('/docs/events/Remove_Event.html', '013'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/events/Stage_Events.html',
+                component: ComponentCreator('/docs/events/Stage_Events.html', 'd42'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Blur.html',
+                component: ComponentCreator('/docs/filters/Blur.html', '5c2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Brighten.html',
+                component: ComponentCreator('/docs/filters/Brighten.html', '118'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Contrast.html',
+                component: ComponentCreator('/docs/filters/Contrast.html', 'e18'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Custom_Filter.html',
+                component: ComponentCreator('/docs/filters/Custom_Filter.html', '2c9'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Emboss.html',
+                component: ComponentCreator('/docs/filters/Emboss.html', '5d4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Enhance.html',
+                component: ComponentCreator('/docs/filters/Enhance.html', '54d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Grayscale.html',
+                component: ComponentCreator('/docs/filters/Grayscale.html', 'f67'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/HSL.html',
+                component: ComponentCreator('/docs/filters/HSL.html', 'cdd'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/HSV.html',
+                component: ComponentCreator('/docs/filters/HSV.html', '434'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Invert.html',
+                component: ComponentCreator('/docs/filters/Invert.html', 'f82'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Kaleidoscope.html',
+                component: ComponentCreator('/docs/filters/Kaleidoscope.html', '092'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Mask.html',
+                component: ComponentCreator('/docs/filters/Mask.html', '893'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Multiple_Filters',
+                component: ComponentCreator('/docs/filters/Multiple_Filters', '4b4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Multiple_Filters.html',
+                component: ComponentCreator('/docs/filters/Multiple_Filters.html', '4dc'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Noise.html',
+                component: ComponentCreator('/docs/filters/Noise.html', '5ec'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Pixelate.html',
+                component: ComponentCreator('/docs/filters/Pixelate.html', 'a8f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/RGB.html',
+                component: ComponentCreator('/docs/filters/RGB.html', '9d8'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Sepia.html',
+                component: ComponentCreator('/docs/filters/Sepia.html', '618'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Solarize.html',
+                component: ComponentCreator('/docs/filters/Solarize.html', '1ea'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/filters/Threshold.html',
+                component: ComponentCreator('/docs/filters/Threshold.html', '95e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/groups_and_layers/Change_Containers.html',
+                component: ComponentCreator('/docs/groups_and_layers/Change_Containers.html', '858'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/groups_and_layers/Groups.html',
+                component: ComponentCreator('/docs/groups_and_layers/Groups.html', '0fe'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/groups_and_layers/Layering.html',
+                component: ComponentCreator('/docs/groups_and_layers/Layering.html', 'ae7'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/groups_and_layers/zIndex.html',
+                component: ComponentCreator('/docs/groups_and_layers/zIndex.html', '1fa'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/index.html',
+                component: ComponentCreator('/docs/index.html', '211'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/overview.html',
+                component: ComponentCreator('/docs/overview.html', '9b4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/All_Performance_Tips.html',
+                component: ComponentCreator('/docs/performance/All_Performance_Tips.html', 'f17'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Avoid_Memory_Leaks.html',
+                component: ComponentCreator('/docs/performance/Avoid_Memory_Leaks.html', '3ed'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Batch_Draw.html',
+                component: ComponentCreator('/docs/performance/Batch_Draw.html', 'ba6'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Disable_Perfect_Draw.html',
+                component: ComponentCreator('/docs/performance/Disable_Perfect_Draw.html', '01f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Layer_Management.html',
+                component: ComponentCreator('/docs/performance/Layer_Management.html', 'ca4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Listening_False.html',
+                component: ComponentCreator('/docs/performance/Listening_False.html', 'e03'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Optimize_Animation.html',
+                component: ComponentCreator('/docs/performance/Optimize_Animation.html', 'c37'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Optimize_Strokes.html',
+                component: ComponentCreator('/docs/performance/Optimize_Strokes.html', '915'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/performance/Shape_Caching.html',
+                component: ComponentCreator('/docs/performance/Shape_Caching.html', '543'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/posts/Position_vs_Offset',
+                component: ComponentCreator('/docs/posts/Position_vs_Offset', 'a53'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/posts/Tainted_Canvas',
+                component: ComponentCreator('/docs/posts/Tainted_Canvas', 'e77'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/',
+                component: ComponentCreator('/docs/react/', 'c52'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Access_Konva_Nodes',
+                component: ComponentCreator('/docs/react/Access_Konva_Nodes', 'b6a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Canvas_Export',
+                component: ComponentCreator('/docs/react/Canvas_Export', 'df7'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Canvas_Portal',
+                component: ComponentCreator('/docs/react/Canvas_Portal', '9cf'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Complex_Animations',
+                component: ComponentCreator('/docs/react/Complex_Animations', '089'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Custom_Shape',
+                component: ComponentCreator('/docs/react/Custom_Shape', '1c4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/DOM_Portal',
+                component: ComponentCreator('/docs/react/DOM_Portal', 'ff7'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Drag_And_Drop',
+                component: ComponentCreator('/docs/react/Drag_And_Drop', '00f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Drop_Image',
+                component: ComponentCreator('/docs/react/Drop_Image', 'bb3'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Events',
+                component: ComponentCreator('/docs/react/Events', '84c'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Filters',
+                component: ComponentCreator('/docs/react/Filters', '732'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Free_Drawing',
+                component: ComponentCreator('/docs/react/Free_Drawing', '520'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Images',
+                component: ComponentCreator('/docs/react/Images', 'bf7'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Intro',
+                component: ComponentCreator('/docs/react/Intro', 'd5b'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Shapes',
+                component: ComponentCreator('/docs/react/Shapes', 'bb0'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Simple_Animations',
+                component: ComponentCreator('/docs/react/Simple_Animations', 'a92'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Transformer',
+                component: ComponentCreator('/docs/react/Transformer', '890'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/Undo-Redo',
+                component: ComponentCreator('/docs/react/Undo-Redo', 'efb'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/react/zIndex',
+                component: ComponentCreator('/docs/react/zIndex', 'bc2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Animals_on_the_Beach_Game',
+                component: ComponentCreator('/docs/sandbox/Animals_on_the_Beach_Game', 'a76'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Animation_Stress_Test',
+                component: ComponentCreator('/docs/sandbox/Animation_Stress_Test', '9d8'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Canvas_Background',
+                component: ComponentCreator('/docs/sandbox/Canvas_Background', 'f29'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Canvas_Context_Menu',
+                component: ComponentCreator('/docs/sandbox/Canvas_Context_Menu', '150'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Canvas_Editor',
+                component: ComponentCreator('/docs/sandbox/Canvas_Editor', 'e62'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Canvas_Scrolling',
+                component: ComponentCreator('/docs/sandbox/Canvas_Scrolling', '09b'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Canvas_to_PDF',
+                component: ComponentCreator('/docs/sandbox/Canvas_to_PDF', '3cf'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Collision_Detection',
+                component: ComponentCreator('/docs/sandbox/Collision_Detection', '359'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Connected_Objects',
+                component: ComponentCreator('/docs/sandbox/Connected_Objects', 'ecf'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Custom_Font',
+                component: ComponentCreator('/docs/sandbox/Custom_Font', 'af0'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Drag_and_Drop_Multiple_Shapes',
+                component: ComponentCreator('/docs/sandbox/Drag_and_Drop_Multiple_Shapes', '87a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Drag_and_Drop_Stress_Test',
+                component: ComponentCreator('/docs/sandbox/Drag_and_Drop_Stress_Test', 'ced'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Drop_DOM_Element',
+                component: ComponentCreator('/docs/sandbox/Drop_DOM_Element', '5e3'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Editable_Text',
+                component: ComponentCreator('/docs/sandbox/Editable_Text', 'd83'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Elastic_Stars',
+                component: ComponentCreator('/docs/sandbox/Elastic_Stars', '239'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Expand_Images_on_Hover',
+                component: ComponentCreator('/docs/sandbox/Expand_Images_on_Hover', '6e2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Free_Drawing',
+                component: ComponentCreator('/docs/sandbox/Free_Drawing', 'cff'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Gestures',
+                component: ComponentCreator('/docs/sandbox/Gestures', 'd5e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/GIF_On_Canvas',
+                component: ComponentCreator('/docs/sandbox/GIF_On_Canvas', 'de3'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Image_Border',
+                component: ComponentCreator('/docs/sandbox/Image_Border', '178'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Image_Border_Highlighting',
+                component: ComponentCreator('/docs/sandbox/Image_Border_Highlighting', '3a1'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Image_Labeling',
+                component: ComponentCreator('/docs/sandbox/Image_Labeling', 'ef8'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Image_Resize',
+                component: ComponentCreator('/docs/sandbox/Image_Resize', 'fc1'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Interactive_Building_Map',
+                component: ComponentCreator('/docs/sandbox/Interactive_Building_Map', '660'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Jumping_Bunnies',
+                component: ComponentCreator('/docs/sandbox/Jumping_Bunnies', 'ecd'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Limited_Drag_And_Resize',
+                component: ComponentCreator('/docs/sandbox/Limited_Drag_And_Resize', '14d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Mirror_Canvas_Shape',
+                component: ComponentCreator('/docs/sandbox/Mirror_Canvas_Shape', 'b12'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Modify_Curves_with_Anchor_Points',
+                component: ComponentCreator('/docs/sandbox/Modify_Curves_with_Anchor_Points', '20c'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Modify_Shape_Color_on_Click',
+                component: ComponentCreator('/docs/sandbox/Modify_Shape_Color_on_Click', 'd63'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Multi-touch_Scale_Shape',
+                component: ComponentCreator('/docs/sandbox/Multi-touch_Scale_Shape', 'b4a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Multi-touch_Scale_Stage',
+                component: ComponentCreator('/docs/sandbox/Multi-touch_Scale_Stage', 'a97'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Native_Context_Access',
+                component: ComponentCreator('/docs/sandbox/Native_Context_Access', 'c1c'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Nodes',
+                component: ComponentCreator('/docs/sandbox/Nodes', 'c24'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Objects_Snapping',
+                component: ComponentCreator('/docs/sandbox/Objects_Snapping', '494'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Physics_Simulator',
+                component: ComponentCreator('/docs/sandbox/Physics_Simulator', '292'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Planets_Image_Map',
+                component: ComponentCreator('/docs/sandbox/Planets_Image_Map', 'fab'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Quantum_Squiggle',
+                component: ComponentCreator('/docs/sandbox/Quantum_Squiggle', '063'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Relative_Pointer_Position',
+                component: ComponentCreator('/docs/sandbox/Relative_Pointer_Position', '340'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Resizing_Stress_Test',
+                component: ComponentCreator('/docs/sandbox/Resizing_Stress_Test', 'fec'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Responsive_Canvas',
+                component: ComponentCreator('/docs/sandbox/Responsive_Canvas', 'ffa'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Rich_Text',
+                component: ComponentCreator('/docs/sandbox/Rich_Text', '0f7'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Scale_Image_To_Fit',
+                component: ComponentCreator('/docs/sandbox/Scale_Image_To_Fit', 'b27'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Scroll_By_Edge_Drag',
+                component: ComponentCreator('/docs/sandbox/Scroll_By_Edge_Drag', '29c'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Seats_Reservation',
+                component: ComponentCreator('/docs/sandbox/Seats_Reservation', 'a0f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Shape_Tango',
+                component: ComponentCreator('/docs/sandbox/Shape_Tango', 'd9e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Shape_Tooltips',
+                component: ComponentCreator('/docs/sandbox/Shape_Tooltips', 'b0e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Shapes_with_Tooltip',
+                component: ComponentCreator('/docs/sandbox/Shapes_with_Tooltip', '444'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Simple_Window_Frame',
+                component: ComponentCreator('/docs/sandbox/Simple_Window_Frame', '5bc'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Stage_Preview',
+                component: ComponentCreator('/docs/sandbox/Stage_Preview', '116'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Star_Spinner',
+                component: ComponentCreator('/docs/sandbox/Star_Spinner', '95d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/SVG_On_Canvas',
+                component: ComponentCreator('/docs/sandbox/SVG_On_Canvas', '3d8'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Transparent_Group',
+                component: ComponentCreator('/docs/sandbox/Transparent_Group', '61d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Video_On_Canvas',
+                component: ComponentCreator('/docs/sandbox/Video_On_Canvas', 'e91'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Web_Worker',
+                component: ComponentCreator('/docs/sandbox/Web_Worker', 'cf5'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Wheel_of_Fortune',
+                component: ComponentCreator('/docs/sandbox/Wheel_of_Fortune', '3ec'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Window_Frame_Designer',
+                component: ComponentCreator('/docs/sandbox/Window_Frame_Designer', '28d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Zoom_Layer_On_hover',
+                component: ComponentCreator('/docs/sandbox/Zoom_Layer_On_hover', '273'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/sandbox/Zooming_Relative_To_Pointer',
+                component: ComponentCreator('/docs/sandbox/Zooming_Relative_To_Pointer', '555'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Basic_demo.html',
+                component: ComponentCreator('/docs/select_and_transform/Basic_demo.html', 'ba4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Centered_Scaling.html',
+                component: ComponentCreator('/docs/select_and_transform/Centered_Scaling.html', 'ac6'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Force_Update.html',
+                component: ComponentCreator('/docs/select_and_transform/Force_Update.html', '4b6'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Ignore_Stroke_On_Transform.html',
+                component: ComponentCreator('/docs/select_and_transform/Ignore_Stroke_On_Transform.html', '8c4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Keep_Ratio.html',
+                component: ComponentCreator('/docs/select_and_transform/Keep_Ratio.html', '70e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Resize_Limits.html',
+                component: ComponentCreator('/docs/select_and_transform/Resize_Limits.html', 'a3a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Resize_Snaps.html',
+                component: ComponentCreator('/docs/select_and_transform/Resize_Snaps.html', 'b0d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Resize_Text.html',
+                component: ComponentCreator('/docs/select_and_transform/Resize_Text.html', '83a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Rotation_Snaps.html',
+                component: ComponentCreator('/docs/select_and_transform/Rotation_Snaps.html', 'ca3'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Stop_Transform.html',
+                component: ComponentCreator('/docs/select_and_transform/Stop_Transform.html', '673'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Transform_Events.html',
+                component: ComponentCreator('/docs/select_and_transform/Transform_Events.html', '00e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Transformer_Complex_Styling.html',
+                component: ComponentCreator('/docs/select_and_transform/Transformer_Complex_Styling.html', '0bb'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/select_and_transform/Transformer_Styling.html',
+                component: ComponentCreator('/docs/select_and_transform/Transformer_Styling.html', '81e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/selectors/Select_by_id.html',
+                component: ComponentCreator('/docs/selectors/Select_by_id.html', '152'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/selectors/Select_by_Name.html',
+                component: ComponentCreator('/docs/selectors/Select_by_Name.html', '22c'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/selectors/Select_by_Type.html',
+                component: ComponentCreator('/docs/selectors/Select_by_Type.html', 'dc4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Arc.html',
+                component: ComponentCreator('/docs/shapes/Arc.html', 'a5f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Arrow.html',
+                component: ComponentCreator('/docs/shapes/Arrow.html', 'd43'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Circle.html',
+                component: ComponentCreator('/docs/shapes/Circle.html', '40b'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Custom.html',
+                component: ComponentCreator('/docs/shapes/Custom.html', '5d4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Ellipse.html',
+                component: ComponentCreator('/docs/shapes/Ellipse.html', '305'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Group.html',
+                component: ComponentCreator('/docs/shapes/Group.html', '8e6'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Image.html',
+                component: ComponentCreator('/docs/shapes/Image.html', '308'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Label.html',
+                component: ComponentCreator('/docs/shapes/Label.html', '6b2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Line_-_Blob.html',
+                component: ComponentCreator('/docs/shapes/Line_-_Blob.html', '0ae'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Line_-_Polygon.html',
+                component: ComponentCreator('/docs/shapes/Line_-_Polygon.html', '5cd'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Line_-_Simple_Line.html',
+                component: ComponentCreator('/docs/shapes/Line_-_Simple_Line.html', '45f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Line_-_Spline.html',
+                component: ComponentCreator('/docs/shapes/Line_-_Spline.html', '329'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Line.html',
+                component: ComponentCreator('/docs/shapes/Line.html', 'dd4'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Path.html',
+                component: ComponentCreator('/docs/shapes/Path.html', '7ce'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Rect.html',
+                component: ComponentCreator('/docs/shapes/Rect.html', '6b1'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/RegularPolygon.html',
+                component: ComponentCreator('/docs/shapes/RegularPolygon.html', '2d9'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Ring.html',
+                component: ComponentCreator('/docs/shapes/Ring.html', 'b46'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Sprite.html',
+                component: ComponentCreator('/docs/shapes/Sprite.html', 'aa5'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Star.html',
+                component: ComponentCreator('/docs/shapes/Star.html', '37e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Text.html',
+                component: ComponentCreator('/docs/shapes/Text.html', '575'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/TextPath.html',
+                component: ComponentCreator('/docs/shapes/TextPath.html', 'c30'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/shapes/Wedge.html',
+                component: ComponentCreator('/docs/shapes/Wedge.html', '6d1'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Blend_Mode.html',
+                component: ComponentCreator('/docs/styling/Blend_Mode.html', '856'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Fill_Stroke_Order.html',
+                component: ComponentCreator('/docs/styling/Fill_Stroke_Order.html', 'c3f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Fill.html',
+                component: ComponentCreator('/docs/styling/Fill.html', '3bf'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/hide-and-show.html',
+                component: ComponentCreator('/docs/styling/hide-and-show.html', '110'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Line_Join.html',
+                component: ComponentCreator('/docs/styling/Line_Join.html', 'c75'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Mouse_Cursor.html',
+                component: ComponentCreator('/docs/styling/Mouse_Cursor.html', '522'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Opacity.html',
+                component: ComponentCreator('/docs/styling/Opacity.html', '13e'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Shadow.html',
+                component: ComponentCreator('/docs/styling/Shadow.html', 'd10'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/styling/Stroke.html',
+                component: ComponentCreator('/docs/styling/Stroke.html', '2ab'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/support.html',
+                component: ComponentCreator('/docs/support.html', '9db'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/',
+                component: ComponentCreator('/docs/svelte/', 'f6c'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Bindings',
+                component: ComponentCreator('/docs/svelte/Bindings', '836'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Cache',
+                component: ComponentCreator('/docs/svelte/Cache', '15f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Custom_Shape',
+                component: ComponentCreator('/docs/svelte/Custom_Shape', 'd4d'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Drag_And_Drop',
+                component: ComponentCreator('/docs/svelte/Drag_And_Drop', 'd3a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Events',
+                component: ComponentCreator('/docs/svelte/Events', '0bc'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Filters',
+                component: ComponentCreator('/docs/svelte/Filters', 'e03'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Images',
+                component: ComponentCreator('/docs/svelte/Images', '622'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Konva_Node',
+                component: ComponentCreator('/docs/svelte/Konva_Node', 'ac3'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Labels',
+                component: ComponentCreator('/docs/svelte/Labels', '482'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Save_Load',
+                component: ComponentCreator('/docs/svelte/Save_Load', '465'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Shapes',
+                component: ComponentCreator('/docs/svelte/Shapes', '1b0'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Simple_Animations',
+                component: ComponentCreator('/docs/svelte/Simple_Animations', '9e8'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/SvelteKit',
+                component: ComponentCreator('/docs/svelte/SvelteKit', '822'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/Transformer',
+                component: ComponentCreator('/docs/svelte/Transformer', 'db9'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/svelte/zIndex',
+                component: ComponentCreator('/docs/svelte/zIndex', '8d2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tools.html',
+                component: ComponentCreator('/docs/tools.html', 'dbd'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tweens/All_Controls.html',
+                component: ComponentCreator('/docs/tweens/All_Controls.html', '568'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tweens/All_Easings.html',
+                component: ComponentCreator('/docs/tweens/All_Easings.html', '5c5'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tweens/Common_Easings.html',
+                component: ComponentCreator('/docs/tweens/Common_Easings.html', '020'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tweens/Complex_Tweening.html',
+                component: ComponentCreator('/docs/tweens/Complex_Tweening.html', '053'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tweens/Finish_Event',
+                component: ComponentCreator('/docs/tweens/Finish_Event', '6c0'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tweens/Linear_Easing.html',
+                component: ComponentCreator('/docs/tweens/Linear_Easing.html', '6fb'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/tweens/Tween_Filter.html',
+                component: ComponentCreator('/docs/tweens/Tween_Filter.html', '027'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/',
+                component: ComponentCreator('/docs/vue/', '323'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Cache',
+                component: ComponentCreator('/docs/vue/Cache', '88f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Custom_Shape',
+                component: ComponentCreator('/docs/vue/Custom_Shape', '6bd'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Drag_And_Drop',
+                component: ComponentCreator('/docs/vue/Drag_And_Drop', 'd45'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Events',
+                component: ComponentCreator('/docs/vue/Events', '377'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Filters',
+                component: ComponentCreator('/docs/vue/Filters', 'f30'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Images',
+                component: ComponentCreator('/docs/vue/Images', '753'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Save-Load',
+                component: ComponentCreator('/docs/vue/Save-Load', '088'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Shapes',
+                component: ComponentCreator('/docs/vue/Shapes', '9d2'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Simple_Animations',
+                component: ComponentCreator('/docs/vue/Simple_Animations', '63a'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/Transformer',
+                component: ComponentCreator('/docs/vue/Transformer', '09f'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              },
+              {
+                path: '/docs/vue/zIndex',
+                component: ComponentCreator('/docs/vue/zIndex', '759'),
+                exact: true,
+                sidebar: "tutorialsSidebar"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  {
+    path: '*',
+    component: ComponentCreator('*'),
+  },
+];
diff --git a/.docusaurus/routesChunkNames.json b/.docusaurus/routesChunkNames.json
new file mode 100644
index 000000000..8e23785ed
--- /dev/null
+++ b/.docusaurus/routesChunkNames.json
@@ -0,0 +1,1181 @@
+{
+  "/__docusaurus/debug-5ff": {
+    "__comp": "__comp---theme-debug-config-23-a-2ff",
+    "__context": {
+      "plugin": "plugin---docusaurus-debugb-38-ad3"
+    }
+  },
+  "/__docusaurus/debug/config-5ba": {
+    "__comp": "__comp---theme-debug-config-23-a-2ff",
+    "__context": {
+      "plugin": "plugin---docusaurus-debugb-38-ad3"
+    }
+  },
+  "/__docusaurus/debug/content-a2b": {
+    "__comp": "__comp---theme-debug-contentba-8-ce7",
+    "__context": {
+      "plugin": "plugin---docusaurus-debugb-38-ad3"
+    },
+    "__props": "__props---docusaurus-debug-content-3-c-0-be2"
+  },
+  "/__docusaurus/debug/globalData-c3c": {
+    "__comp": "__comp---theme-debug-global-dataede-0fa",
+    "__context": {
+      "plugin": "plugin---docusaurus-debugb-38-ad3"
+    }
+  },
+  "/__docusaurus/debug/metadata-156": {
+    "__comp": "__comp---theme-debug-site-metadata-68-e-3d4",
+    "__context": {
+      "plugin": "plugin---docusaurus-debugb-38-ad3"
+    }
+  },
+  "/__docusaurus/debug/registry-88c": {
+    "__comp": "__comp---theme-debug-registry-679-501",
+    "__context": {
+      "plugin": "plugin---docusaurus-debugb-38-ad3"
+    }
+  },
+  "/__docusaurus/debug/routes-000": {
+    "__comp": "__comp---theme-debug-routes-946-699",
+    "__context": {
+      "plugin": "plugin---docusaurus-debugb-38-ad3"
+    }
+  },
+  "/docs/sandbox.html-d01": {
+    "__comp": "__comp---site-src-pages-docs-sandbox-html-tsx-445-130",
+    "__context": {
+      "plugin": "plugin---docs-sandbox-htmla-74-94f"
+    },
+    "config": "config---docs-sandbox-html-5-e-9-c49"
+  },
+  "/docs/sandbox/index.html-066": {
+    "__comp": "__comp---site-src-pages-docs-sandbox-index-html-tsxbe-7-540",
+    "__context": {
+      "plugin": "plugin---docs-sandbox-htmla-74-94f"
+    },
+    "config": "config---docs-sandbox-html-5-e-9-c49"
+  },
+  "/kai-0b9": {
+    "__comp": "__comp---site-src-pages-kai-tsx-3-c-5-6d9",
+    "__context": {
+      "plugin": "plugin---docs-sandbox-htmla-74-94f"
+    },
+    "config": "config---docs-sandbox-html-5-e-9-c49"
+  },
+  "/markdown-page-3d7": {
+    "__comp": "__comp---theme-mdx-page-1-f-3-b90",
+    "__context": {
+      "plugin": "plugin---docs-sandbox-htmla-74-94f"
+    },
+    "content": "content---markdown-page-393-028"
+  },
+  "/-e5f": {
+    "__comp": "__comp---site-src-pages-index-tsx-1-df-d3e",
+    "__context": {
+      "plugin": "plugin---docs-sandbox-htmla-74-94f"
+    },
+    "config": "config---docs-sandbox-html-5-e-9-c49"
+  },
+  "/-8a3": {
+    "__comp": "__comp---theme-docs-root-5-e-9-0b6",
+    "__context": {
+      "plugin": "plugin---aba-d70"
+    }
+  },
+  "/-a99": {
+    "__comp": "__comp---theme-doc-version-roota-7-b-5de",
+    "__props": "__props---22-d-307"
+  },
+  "/-3c6": {
+    "__comp": "__comp---theme-doc-roota-94-67a"
+  },
+  "/api/Konva.Animation.html-3f9": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-animation-html-621-f2c"
+  },
+  "/api/Konva.Arc.html-53b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-arc-htmld-2-e-d9e"
+  },
+  "/api/Konva.Arrow.html-94d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-arrow-htmla-02-93d"
+  },
+  "/api/Konva.Canvas.html-abf": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-canvas-htmlef-5-73d"
+  },
+  "/api/Konva.Circle.html-a2a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-circle-html-0-d-5-9e9"
+  },
+  "/api/Konva.Container.html-746": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-container-html-1-ee-7a0"
+  },
+  "/api/Konva.Context.html-86a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-context-htmlb-1-f-049"
+  },
+  "/api/Konva.Easings.html-5f4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-easings-htmlea-6-476"
+  },
+  "/api/Konva.Ellipse.html-f53": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-ellipse-htmla-79-a19"
+  },
+  "/api/Konva.FastLayer.html-cd6": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-fast-layer-html-06-e-4b8"
+  },
+  "/api/Konva.Filters.html-5ea": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-filters-htmlf-9-c-1d4"
+  },
+  "/api/Konva.Group.html-e6a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-group-html-9-c-7-452"
+  },
+  "/api/Konva.html-022": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-html-8-b-1-f3b"
+  },
+  "/api/Konva.Image.html-3c3": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-image-html-7-f-8-144"
+  },
+  "/api/Konva.Label.html-149": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-label-htmlccd-91e"
+  },
+  "/api/Konva.Layer.html-70a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-layer-html-79-b-618"
+  },
+  "/api/Konva.Line.html-6dc": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-line-htmlef-9-7cd"
+  },
+  "/api/Konva.Node.html-6e2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-node-html-618-628"
+  },
+  "/api/Konva.Path.html-595": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-path-htmle-44-38f"
+  },
+  "/api/Konva.Rect.html-a8a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-rect-html-226-f98"
+  },
+  "/api/Konva.RegularPolygon.html-366": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-regular-polygon-htmlda-5-c03"
+  },
+  "/api/Konva.Ring.html-b0e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-ring-html-860-5fd"
+  },
+  "/api/Konva.Shape.html-ddf": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-shape-html-2-df-7c1"
+  },
+  "/api/Konva.Sprite.html-3ca": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-sprite-html-7-ca-47c"
+  },
+  "/api/Konva.Stage.html-48f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-stage-htmlc-1-a-0b8"
+  },
+  "/api/Konva.Star.html-f7b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-star-html-2-a-8-7f2"
+  },
+  "/api/Konva.Tag.html-70a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-tag-html-51-a-b64"
+  },
+  "/api/Konva.Text.html-35d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-text-html-573-877"
+  },
+  "/api/Konva.TextPath.html-d6f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-text-path-html-4-a-2-956"
+  },
+  "/api/Konva.Transform.html-893": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-transform-html-610-1e0"
+  },
+  "/api/Konva.Transformer.html-c51": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-transformer-htmlacf-6cb"
+  },
+  "/api/Konva.Tween.html-51c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-tween-htmlca-8-b73"
+  },
+  "/api/Konva.Util.html-e49": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-util-htmlb-7-d-407"
+  },
+  "/api/Konva.Wedge.html-a1a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---api-konva-wedge-html-98-e-6e8"
+  },
+  "/category/shapes-146": {
+    "__comp": "__comp---theme-doc-category-generated-index-page-14-e-640",
+    "__props": "__props---category-shapesddd-0f4"
+  },
+  "/docs/animations/Create_an_Animation.html-2c3": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-animations-create-an-animation-htmlc-79-758"
+  },
+  "/docs/animations/Moving.html-d30": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-animations-moving-htmlc-36-373"
+  },
+  "/docs/animations/Rotation.html-fdc": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-animations-rotation-html-6-d-6-0d6"
+  },
+  "/docs/animations/Scaling.html-73d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-animations-scaling-html-54-b-4a2"
+  },
+  "/docs/animations/Stop_Animation.html-c27": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-animations-stop-animation-html-8-b-7-686"
+  },
+  "/docs/clipping/Clipping_Function.html-f7d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-clipping-clipping-function-htmleb-7-210"
+  },
+  "/docs/clipping/Clipping_Regions.html-38d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-clipping-clipping-regions-htmlda-3-d00"
+  },
+  "/docs/data_and_serialization/Best_Practices.html-a29": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-data-and-serialization-best-practices-htmlfc-2-606"
+  },
+  "/docs/data_and_serialization/Complex_Load.html-647": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-data-and-serialization-complex-load-htmle-22-a33"
+  },
+  "/docs/data_and_serialization/High-Quality-Export.html-148": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-data-and-serialization-high-quality-export-html-861-e36"
+  },
+  "/docs/data_and_serialization/Serialize_a_Stage.html-602": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-data-and-serialization-serialize-a-stage-html-41-e-db8"
+  },
+  "/docs/data_and_serialization/Simple_Load.html-af2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-data-and-serialization-simple-load-html-353-ee1"
+  },
+  "/docs/data_and_serialization/Stage_Data_URL.html-f92": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-data-and-serialization-stage-data-url-htmlf-0-e-2fb"
+  },
+  "/docs/donate.html-ed5": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-donate-html-20-f-faf"
+  },
+  "/docs/drag_and_drop/Complex_Drag_and_Drop.html-8b1": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-complex-drag-and-drop-html-9-ac-1b1"
+  },
+  "/docs/drag_and_drop/Drag_a_Group.html-5fb": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-drag-a-group-html-794-d4f"
+  },
+  "/docs/drag_and_drop/Drag_a_Line.html-3f9": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-drag-a-line-htmld-3-d-690"
+  },
+  "/docs/drag_and_drop/Drag_a_Stage.html-086": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-drag-a-stage-html-218-3d6"
+  },
+  "/docs/drag_and_drop/Drag_an_Image.html-148": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-drag-an-image-html-451-e2a"
+  },
+  "/docs/drag_and_drop/Drag_and_Drop.html-4db": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-drag-and-drop-html-415-18f"
+  },
+  "/docs/drag_and_drop/Drag_Events.html-5ff": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-drag-events-html-8-de-897"
+  },
+  "/docs/drag_and_drop/Drop_Events.html-de5": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-drop-events-html-2-fe-6d3"
+  },
+  "/docs/drag_and_drop/Simple_Drag_Bounds.html-69a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-drag-and-drop-simple-drag-bounds-html-827-21d"
+  },
+  "/docs/events/Binding_Events.html-f3a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-binding-events-htmla-68-7e2"
+  },
+  "/docs/events/Cancel_Propagation.html-d8f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-cancel-propagation-htmla-1-e-f51"
+  },
+  "/docs/events/Custom_Hit_Region.html-a8d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-custom-hit-region-htmlce-2-b73"
+  },
+  "/docs/events/Desktop_and_Mobile.html-76b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-desktop-and-mobile-html-345-073"
+  },
+  "/docs/events/Event_Delegation.html-738": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-event-delegation-htmlcc-1-5d7"
+  },
+  "/docs/events/Fire_Events.html-acd": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-fire-events-html-6-ca-36c"
+  },
+  "/docs/events/Image_Events.html-cac": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-image-events-htmla-83-bc8"
+  },
+  "/docs/events/Keyboard_Events.html-bba": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-keyboard-events-html-800-6f3"
+  },
+  "/docs/events/Listen_for_Events.html-a13": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-listen-for-events-html-5-fc-ece"
+  },
+  "/docs/events/Mobile_Events.html-24c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-mobile-events-html-953-770"
+  },
+  "/docs/events/Mobile_Scrolling.html-f6b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-mobile-scrolling-htmle-0-e-c21"
+  },
+  "/docs/events/Multi_Event.html-9b2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-multi-event-html-3-d-7-c84"
+  },
+  "/docs/events/Pointer_Events.html-93b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-pointer-events-html-2-ae-a67"
+  },
+  "/docs/events/Remove_by_Name.html-1c8": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-remove-by-name-html-4-ce-f55"
+  },
+  "/docs/events/Remove_Event.html-013": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-remove-event-html-42-c-681"
+  },
+  "/docs/events/Stage_Events.html-d42": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-events-stage-events-html-621-d84"
+  },
+  "/docs/filters/Blur.html-5c2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-blur-htmle-8-e-20d"
+  },
+  "/docs/filters/Brighten.html-118": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-brighten-html-143-2fb"
+  },
+  "/docs/filters/Contrast.html-e18": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-contrast-htmlbd-7-39c"
+  },
+  "/docs/filters/Custom_Filter.html-2c9": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-custom-filter-html-887-cd5"
+  },
+  "/docs/filters/Emboss.html-5d4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-emboss-html-102-4f1"
+  },
+  "/docs/filters/Enhance.html-54d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-enhance-html-52-e-7eb"
+  },
+  "/docs/filters/Grayscale.html-f67": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-grayscale-html-9-a-2-2ff"
+  },
+  "/docs/filters/HSL.html-cdd": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-hsl-htmlcad-db0"
+  },
+  "/docs/filters/HSV.html-434": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-hsv-html-5-eb-cc2"
+  },
+  "/docs/filters/Invert.html-f82": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-invert-html-0-a-9-ebf"
+  },
+  "/docs/filters/Kaleidoscope.html-092": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-kaleidoscope-html-91-f-ba8"
+  },
+  "/docs/filters/Mask.html-893": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-mask-html-7-c-4-b64"
+  },
+  "/docs/filters/Multiple_Filters-4b4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-multiple-filtersaef-85d"
+  },
+  "/docs/filters/Multiple_Filters.html-4dc": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-multiple-filters-html-24-d-794"
+  },
+  "/docs/filters/Noise.html-5ec": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-noise-html-547-6e4"
+  },
+  "/docs/filters/Pixelate.html-a8f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-pixelate-html-264-613"
+  },
+  "/docs/filters/RGB.html-9d8": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-rgb-html-59-b-3cc"
+  },
+  "/docs/filters/Sepia.html-618": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-sepia-htmla-11-e48"
+  },
+  "/docs/filters/Solarize.html-1ea": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-solarize-htmlaa-0-e4b"
+  },
+  "/docs/filters/Threshold.html-95e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-filters-threshold-html-827-773"
+  },
+  "/docs/groups_and_layers/Change_Containers.html-858": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-groups-and-layers-change-containers-html-23-f-6f8"
+  },
+  "/docs/groups_and_layers/Groups.html-0fe": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-groups-and-layers-groups-html-081-f64"
+  },
+  "/docs/groups_and_layers/Layering.html-ae7": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-groups-and-layers-layering-htmlc-58-8ca"
+  },
+  "/docs/groups_and_layers/zIndex.html-1fa": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-groups-and-layers-z-index-html-05-a-1e3"
+  },
+  "/docs/index.html-211": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-index-html-467-a52"
+  },
+  "/docs/overview.html-9b4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-overview-htmlf-34-538"
+  },
+  "/docs/performance/All_Performance_Tips.html-f17": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-all-performance-tips-htmla-0-f-c13"
+  },
+  "/docs/performance/Avoid_Memory_Leaks.html-3ed": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-avoid-memory-leaks-html-4-db-96d"
+  },
+  "/docs/performance/Batch_Draw.html-ba6": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-batch-draw-htmlfce-2be"
+  },
+  "/docs/performance/Disable_Perfect_Draw.html-01f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-disable-perfect-draw-html-887-68d"
+  },
+  "/docs/performance/Layer_Management.html-ca4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-layer-management-html-50-f-13e"
+  },
+  "/docs/performance/Listening_False.html-e03": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-listening-false-html-1-d-0-67b"
+  },
+  "/docs/performance/Optimize_Animation.html-c37": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-optimize-animation-htmld-3-d-670"
+  },
+  "/docs/performance/Optimize_Strokes.html-915": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-optimize-strokes-htmlaf-0-55c"
+  },
+  "/docs/performance/Shape_Caching.html-543": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-performance-shape-caching-html-912-403"
+  },
+  "/docs/posts/Position_vs_Offset-a53": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-posts-position-vs-offset-99-c-9e2"
+  },
+  "/docs/posts/Tainted_Canvas-e77": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-posts-tainted-canvasca-5-101"
+  },
+  "/docs/react/-c52": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-9-a-1-038"
+  },
+  "/docs/react/Access_Konva_Nodes-b6a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-access-konva-nodesf-61-a18"
+  },
+  "/docs/react/Canvas_Export-df7": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-canvas-export-75-f-57a"
+  },
+  "/docs/react/Canvas_Portal-9cf": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-canvas-portalf-51-e3e"
+  },
+  "/docs/react/Complex_Animations-089": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-complex-animations-776-0c3"
+  },
+  "/docs/react/Custom_Shape-1c4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-custom-shapec-7-a-c60"
+  },
+  "/docs/react/DOM_Portal-ff7": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-dom-portalb-8-a-711"
+  },
+  "/docs/react/Drag_And_Drop-00f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-drag-and-drop-93-d-ff2"
+  },
+  "/docs/react/Drop_Image-bb3": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-drop-image-58-a-b73"
+  },
+  "/docs/react/Events-84c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-events-81-d-023"
+  },
+  "/docs/react/Filters-732": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-filters-3-e-9-d14"
+  },
+  "/docs/react/Free_Drawing-520": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-free-drawing-5-f-2-748"
+  },
+  "/docs/react/Images-bf7": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-images-47-c-f08"
+  },
+  "/docs/react/Intro-d5b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-introc-4-d-c32"
+  },
+  "/docs/react/Shapes-bb0": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-shapese-4-e-058"
+  },
+  "/docs/react/Simple_Animations-a92": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-simple-animations-3-fa-870"
+  },
+  "/docs/react/Transformer-890": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-transformera-74-814"
+  },
+  "/docs/react/Undo-Redo-efb": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-undo-redo-5-dc-ec7"
+  },
+  "/docs/react/zIndex-bc2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-react-z-index-5-ce-8c3"
+  },
+  "/docs/sandbox/Animals_on_the_Beach_Game-a76": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-animals-on-the-beach-gameee-5-90e"
+  },
+  "/docs/sandbox/Animation_Stress_Test-9d8": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-animation-stress-test-8-aa-faa"
+  },
+  "/docs/sandbox/Canvas_Background-f29": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-canvas-background-453-18f"
+  },
+  "/docs/sandbox/Canvas_Context_Menu-150": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-canvas-context-menu-7-c-5-490"
+  },
+  "/docs/sandbox/Canvas_Editor-e62": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-canvas-editore-22-c82"
+  },
+  "/docs/sandbox/Canvas_Scrolling-09b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-canvas-scrolling-491-9ac"
+  },
+  "/docs/sandbox/Canvas_to_PDF-3cf": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-canvas-to-pdf-081-02d"
+  },
+  "/docs/sandbox/Collision_Detection-359": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-collision-detectionbb-7-169"
+  },
+  "/docs/sandbox/Connected_Objects-ecf": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-connected-objects-93-e-345"
+  },
+  "/docs/sandbox/Custom_Font-af0": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-custom-fonta-17-db9"
+  },
+  "/docs/sandbox/Drag_and_Drop_Multiple_Shapes-87a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-drag-and-drop-multiple-shapes-029-c5b"
+  },
+  "/docs/sandbox/Drag_and_Drop_Stress_Test-ced": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-drag-and-drop-stress-test-9-dd-37a"
+  },
+  "/docs/sandbox/Drop_DOM_Element-5e3": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-drop-dom-element-409-1c9"
+  },
+  "/docs/sandbox/Editable_Text-d83": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-editable-textfeb-880"
+  },
+  "/docs/sandbox/Elastic_Stars-239": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-elastic-stars-1-eb-8df"
+  },
+  "/docs/sandbox/Expand_Images_on_Hover-6e2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-expand-images-on-hover-605-2d5"
+  },
+  "/docs/sandbox/Free_Drawing-cff": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-free-drawing-017-fb2"
+  },
+  "/docs/sandbox/Gestures-d5e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-gestures-23-b-3dd"
+  },
+  "/docs/sandbox/GIF_On_Canvas-de3": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-gif-on-canvas-371-8ea"
+  },
+  "/docs/sandbox/Image_Border-178": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-image-border-7-a-2-7a7"
+  },
+  "/docs/sandbox/Image_Border_Highlighting-3a1": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-image-border-highlightingc-6-b-bc3"
+  },
+  "/docs/sandbox/Image_Labeling-ef8": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-image-labeling-321-237"
+  },
+  "/docs/sandbox/Image_Resize-fc1": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-image-resizeda-7-40b"
+  },
+  "/docs/sandbox/Interactive_Building_Map-660": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-interactive-building-map-971-d3d"
+  },
+  "/docs/sandbox/Jumping_Bunnies-ecd": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-jumping-bunnies-519-454"
+  },
+  "/docs/sandbox/Limited_Drag_And_Resize-14d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-limited-drag-and-resizeea-0-a25"
+  },
+  "/docs/sandbox/Mirror_Canvas_Shape-b12": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-mirror-canvas-shape-75-b-052"
+  },
+  "/docs/sandbox/Modify_Curves_with_Anchor_Points-20c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-modify-curves-with-anchor-points-3-d-8-b10"
+  },
+  "/docs/sandbox/Modify_Shape_Color_on_Click-d63": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-modify-shape-color-on-clickf-36-943"
+  },
+  "/docs/sandbox/Multi-touch_Scale_Shape-b4a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-multi-touch-scale-shapecd-1-7ab"
+  },
+  "/docs/sandbox/Multi-touch_Scale_Stage-a97": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-multi-touch-scale-stageaf-6-679"
+  },
+  "/docs/sandbox/Native_Context_Access-c1c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-native-context-access-2-be-009"
+  },
+  "/docs/sandbox/Nodes-c24": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-nodes-09-d-58f"
+  },
+  "/docs/sandbox/Objects_Snapping-494": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-objects-snappingb-33-141"
+  },
+  "/docs/sandbox/Physics_Simulator-292": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-physics-simulator-76-e-b96"
+  },
+  "/docs/sandbox/Planets_Image_Map-fab": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-planets-image-map-9-db-1cb"
+  },
+  "/docs/sandbox/Quantum_Squiggle-063": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-quantum-squiggle-495-554"
+  },
+  "/docs/sandbox/Relative_Pointer_Position-340": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-relative-pointer-position-239-4d0"
+  },
+  "/docs/sandbox/Resizing_Stress_Test-fec": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-resizing-stress-test-598-43e"
+  },
+  "/docs/sandbox/Responsive_Canvas-ffa": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-responsive-canvas-5-ee-a5f"
+  },
+  "/docs/sandbox/Rich_Text-0f7": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-rich-textb-84-16b"
+  },
+  "/docs/sandbox/Scale_Image_To_Fit-b27": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-scale-image-to-fit-751-7a0"
+  },
+  "/docs/sandbox/Scroll_By_Edge_Drag-29c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-scroll-by-edge-drag-7-de-4f3"
+  },
+  "/docs/sandbox/Seats_Reservation-a0f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-seats-reservation-536-104"
+  },
+  "/docs/sandbox/Shape_Tango-d9e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-shape-tango-4-a-1-726"
+  },
+  "/docs/sandbox/Shape_Tooltips-b0e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-shape-tooltips-1-dc-7bc"
+  },
+  "/docs/sandbox/Shapes_with_Tooltip-444": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-shapes-with-tooltip-2-a-7-d97"
+  },
+  "/docs/sandbox/Simple_Window_Frame-5bc": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-simple-window-frameb-6-f-580"
+  },
+  "/docs/sandbox/Stage_Preview-116": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-stage-preview-33-b-8bb"
+  },
+  "/docs/sandbox/Star_Spinner-95d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-star-spinner-945-770"
+  },
+  "/docs/sandbox/SVG_On_Canvas-3d8": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-svg-on-canvas-8-f-6-9f8"
+  },
+  "/docs/sandbox/Transparent_Group-61d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-transparent-group-176-46d"
+  },
+  "/docs/sandbox/Video_On_Canvas-e91": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-video-on-canvasb-75-fd9"
+  },
+  "/docs/sandbox/Web_Worker-cf5": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-web-worker-8-f-6-174"
+  },
+  "/docs/sandbox/Wheel_of_Fortune-3ec": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-wheel-of-fortune-4-cf-601"
+  },
+  "/docs/sandbox/Window_Frame_Designer-28d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-window-frame-designer-7-a-3-2e3"
+  },
+  "/docs/sandbox/Zoom_Layer_On_hover-273": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-zoom-layer-on-hover-282-8f0"
+  },
+  "/docs/sandbox/Zooming_Relative_To_Pointer-555": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-sandbox-zooming-relative-to-pointer-765-fcc"
+  },
+  "/docs/select_and_transform/Basic_demo.html-ba4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-basic-demo-html-9-b-8-17d"
+  },
+  "/docs/select_and_transform/Centered_Scaling.html-ac6": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-centered-scaling-htmlf-16-306"
+  },
+  "/docs/select_and_transform/Force_Update.html-4b6": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-force-update-html-8-ec-e9f"
+  },
+  "/docs/select_and_transform/Ignore_Stroke_On_Transform.html-8c4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-ignore-stroke-on-transform-htmlf-9-d-fe5"
+  },
+  "/docs/select_and_transform/Keep_Ratio.html-70e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-keep-ratio-html-0-fa-292"
+  },
+  "/docs/select_and_transform/Resize_Limits.html-a3a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-resize-limits-html-625-b62"
+  },
+  "/docs/select_and_transform/Resize_Snaps.html-b0d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-resize-snaps-html-4-a-5-39a"
+  },
+  "/docs/select_and_transform/Resize_Text.html-83a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-resize-text-htmla-12-759"
+  },
+  "/docs/select_and_transform/Rotation_Snaps.html-ca3": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-rotation-snaps-html-9-b-5-048"
+  },
+  "/docs/select_and_transform/Stop_Transform.html-673": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-stop-transform-htmlcff-32c"
+  },
+  "/docs/select_and_transform/Transform_Events.html-00e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-transform-events-htmladd-db1"
+  },
+  "/docs/select_and_transform/Transformer_Complex_Styling.html-0bb": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-transformer-complex-styling-html-798-c8a"
+  },
+  "/docs/select_and_transform/Transformer_Styling.html-81e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-select-and-transform-transformer-styling-html-349-178"
+  },
+  "/docs/selectors/Select_by_id.html-152": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-selectors-select-by-id-html-6-c-0-1ae"
+  },
+  "/docs/selectors/Select_by_Name.html-22c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-selectors-select-by-name-html-971-97a"
+  },
+  "/docs/selectors/Select_by_Type.html-dc4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-selectors-select-by-type-html-29-f-36c"
+  },
+  "/docs/shapes/Arc.html-a5f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-arc-html-4-af-135"
+  },
+  "/docs/shapes/Arrow.html-d43": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-arrow-html-420-ac7"
+  },
+  "/docs/shapes/Circle.html-40b": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-circle-html-5-cf-57d"
+  },
+  "/docs/shapes/Custom.html-5d4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-custom-html-631-5fe"
+  },
+  "/docs/shapes/Ellipse.html-305": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-ellipse-html-9-e-7-a43"
+  },
+  "/docs/shapes/Group.html-8e6": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-group-htmle-62-147"
+  },
+  "/docs/shapes/Image.html-308": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-image-html-1-f-7-50a"
+  },
+  "/docs/shapes/Label.html-6b2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-label-html-65-d-640"
+  },
+  "/docs/shapes/Line_-_Blob.html-0ae": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-line-blob-html-8-a-4-588"
+  },
+  "/docs/shapes/Line_-_Polygon.html-5cd": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-line-polygon-htmlbde-17b"
+  },
+  "/docs/shapes/Line_-_Simple_Line.html-45f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-line-simple-line-htmlb-70-ca8"
+  },
+  "/docs/shapes/Line_-_Spline.html-329": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-line-spline-htmldd-7-483"
+  },
+  "/docs/shapes/Line.html-dd4": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-line-html-92-f-195"
+  },
+  "/docs/shapes/Path.html-7ce": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-path-htmlb-28-1cc"
+  },
+  "/docs/shapes/Rect.html-6b1": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-rect-html-277-76a"
+  },
+  "/docs/shapes/RegularPolygon.html-2d9": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-regular-polygon-htmla-35-837"
+  },
+  "/docs/shapes/Ring.html-b46": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-ring-html-4-d-6-38b"
+  },
+  "/docs/shapes/Sprite.html-aa5": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-sprite-htmld-75-73d"
+  },
+  "/docs/shapes/Star.html-37e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-star-html-2-c-6-327"
+  },
+  "/docs/shapes/Text.html-575": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-text-htmle-6-f-303"
+  },
+  "/docs/shapes/TextPath.html-c30": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-text-path-html-919-5d4"
+  },
+  "/docs/shapes/Wedge.html-6d1": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-shapes-wedge-html-542-59a"
+  },
+  "/docs/styling/Blend_Mode.html-856": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-blend-mode-html-6-a-4-d7a"
+  },
+  "/docs/styling/Fill_Stroke_Order.html-c3f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-fill-stroke-order-html-1-c-1-fe4"
+  },
+  "/docs/styling/Fill.html-3bf": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-fill-html-542-c9f"
+  },
+  "/docs/styling/hide-and-show.html-110": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-hide-and-show-html-454-f57"
+  },
+  "/docs/styling/Line_Join.html-c75": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-line-join-htmlfac-4d2"
+  },
+  "/docs/styling/Mouse_Cursor.html-522": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-mouse-cursor-html-6-b-8-377"
+  },
+  "/docs/styling/Opacity.html-13e": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-opacity-html-999-f88"
+  },
+  "/docs/styling/Shadow.html-d10": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-shadow-htmlf-3-d-e53"
+  },
+  "/docs/styling/Stroke.html-2ab": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-styling-stroke-html-00-a-a3f"
+  },
+  "/docs/support.html-9db": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-support-html-8-e-8-8e5"
+  },
+  "/docs/svelte/-f6c": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-494-b1c"
+  },
+  "/docs/svelte/Bindings-836": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-bindings-871-7d3"
+  },
+  "/docs/svelte/Cache-15f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-cache-39-c-0fc"
+  },
+  "/docs/svelte/Custom_Shape-d4d": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-custom-shape-973-d18"
+  },
+  "/docs/svelte/Drag_And_Drop-d3a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-drag-and-dropb-90-501"
+  },
+  "/docs/svelte/Events-0bc": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-events-07-d-0e3"
+  },
+  "/docs/svelte/Filters-e03": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-filters-9-b-7-0d3"
+  },
+  "/docs/svelte/Images-622": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-images-5-ee-3f6"
+  },
+  "/docs/svelte/Konva_Node-ac3": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-konva-nodec-93-b59"
+  },
+  "/docs/svelte/Labels-482": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-labels-5-ac-391"
+  },
+  "/docs/svelte/Save_Load-465": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-save-load-9-c-8-7eb"
+  },
+  "/docs/svelte/Shapes-1b0": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-shapes-3-e-6-8a3"
+  },
+  "/docs/svelte/Simple_Animations-9e8": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-simple-animations-168-428"
+  },
+  "/docs/svelte/SvelteKit-822": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-svelte-kit-7-fa-3d3"
+  },
+  "/docs/svelte/Transformer-db9": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-transformerb-33-35b"
+  },
+  "/docs/svelte/zIndex-8d2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-svelte-z-index-0-ed-d68"
+  },
+  "/docs/tools.html-dbd": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tools-html-370-525"
+  },
+  "/docs/tweens/All_Controls.html-568": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tweens-all-controls-htmla-4-f-f6c"
+  },
+  "/docs/tweens/All_Easings.html-5c5": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tweens-all-easings-html-684-c89"
+  },
+  "/docs/tweens/Common_Easings.html-020": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tweens-common-easings-html-210-d99"
+  },
+  "/docs/tweens/Complex_Tweening.html-053": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tweens-complex-tweening-htmla-20-e37"
+  },
+  "/docs/tweens/Finish_Event-6c0": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tweens-finish-event-767-06f"
+  },
+  "/docs/tweens/Linear_Easing.html-6fb": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tweens-linear-easing-html-154-c03"
+  },
+  "/docs/tweens/Tween_Filter.html-027": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-tweens-tween-filter-html-8-bf-418"
+  },
+  "/docs/vue/-323": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-150-cb7"
+  },
+  "/docs/vue/Cache-88f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-cachee-0-d-dd7"
+  },
+  "/docs/vue/Custom_Shape-6bd": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-custom-shape-9-a-0-b6e"
+  },
+  "/docs/vue/Drag_And_Drop-d45": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-drag-and-drop-650-15e"
+  },
+  "/docs/vue/Events-377": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-events-71-b-c58"
+  },
+  "/docs/vue/Filters-f30": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-filtersac-2-621"
+  },
+  "/docs/vue/Images-753": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-imagesc-2-a-f4b"
+  },
+  "/docs/vue/Save-Load-088": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-save-load-7-bc-f00"
+  },
+  "/docs/vue/Shapes-9d2": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-shapes-391-0c8"
+  },
+  "/docs/vue/Simple_Animations-63a": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-simple-animations-188-b42"
+  },
+  "/docs/vue/Transformer-09f": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-transformerf-23-9cc"
+  },
+  "/docs/vue/zIndex-759": {
+    "__comp": "__comp---theme-doc-item-178-a40",
+    "content": "content---docs-vue-z-indexc-6-a-52f"
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/site-metadata.json b/.docusaurus/site-metadata.json
new file mode 100644
index 000000000..d74e93f8b
--- /dev/null
+++ b/.docusaurus/site-metadata.json
@@ -0,0 +1,36 @@
+{
+  "docusaurusVersion": "3.6.3",
+  "siteVersion": "0.0.0",
+  "pluginVersions": {
+    "docusaurus-plugin-content-docs": {
+      "type": "package",
+      "name": "@docusaurus/plugin-content-docs",
+      "version": "3.6.3"
+    },
+    "docusaurus-plugin-content-blog": {
+      "type": "package",
+      "name": "@docusaurus/plugin-content-blog",
+      "version": "3.6.3"
+    },
+    "docusaurus-plugin-content-pages": {
+      "type": "package",
+      "name": "@docusaurus/plugin-content-pages",
+      "version": "3.6.3"
+    },
+    "docusaurus-plugin-debug": {
+      "type": "package",
+      "name": "@docusaurus/plugin-debug",
+      "version": "3.6.3"
+    },
+    "docusaurus-theme-classic": {
+      "type": "package",
+      "name": "@docusaurus/theme-classic",
+      "version": "3.6.3"
+    },
+    "docusaurus-theme-live-codeblock": {
+      "type": "package",
+      "name": "theme-live-codeblock",
+      "version": "3.5.2"
+    }
+  }
+}
\ No newline at end of file
diff --git a/.docusaurus/site-storage.json b/.docusaurus/site-storage.json
new file mode 100644
index 000000000..c769c71c4
--- /dev/null
+++ b/.docusaurus/site-storage.json
@@ -0,0 +1,4 @@
+{
+  "type": "localStorage",
+  "namespace": ""
+}
\ No newline at end of file
diff --git a/konva.js b/konva.js
index f6b5f0c91..5d58200ed 100644
--- a/konva.js
+++ b/konva.js
@@ -5,10 +5,10 @@
 })(this, (function () { 'use strict';
 
   /*
-   * Konva JavaScript Framework v9.3.16
+   * Konva JavaScript Framework v9.3.17
    * http://konvajs.org/
    * Licensed under the MIT
-   * Date: Mon Oct 21 2024
+   * Date: Mon Dec 23 2024
    *
    * Original work Copyright (C) 2011 - 2013 by Eric Rowell (KineticJS)
    * Modified work Copyright (C) 2014 - present by Anton Lavrenov (Konva)
@@ -35,7 +35,7 @@
               : {};
   const Konva$2 = {
       _global: glob,
-      version: '9.3.16',
+      version: '9.3.17',
       isBrowser: detectBrowser(),
       isUnminified: /param/.test(function (param) { }.toString()),
       dblClickWindow: 400,
@@ -433,7 +433,7 @@
       }
   }
   // CONSTANTS
-  let OBJECT_ARRAY = '[object Array]', OBJECT_NUMBER = '[object Number]', OBJECT_STRING = '[object String]', OBJECT_BOOLEAN = '[object Boolean]', PI_OVER_DEG180 = Math.PI / 180, DEG180_OVER_PI = 180 / Math.PI, HASH$1 = '#', EMPTY_STRING$1 = '', ZERO = '0', KONVA_WARNING = 'Konva warning: ', KONVA_ERROR = 'Konva error: ', RGB_PAREN = 'rgb(', COLORS = {
+  const OBJECT_ARRAY = '[object Array]', OBJECT_NUMBER = '[object Number]', OBJECT_STRING = '[object String]', OBJECT_BOOLEAN = '[object Boolean]', PI_OVER_DEG180 = Math.PI / 180, DEG180_OVER_PI = 180 / Math.PI, HASH$1 = '#', EMPTY_STRING$1 = '', ZERO = '0', KONVA_WARNING = 'Konva warning: ', KONVA_ERROR = 'Konva error: ', RGB_PAREN = 'rgb(', COLORS = {
       aliceblue: [240, 248, 255],
       antiquewhite: [250, 235, 215],
       aqua: [0, 255, 255],
@@ -583,7 +583,8 @@
       whitesmoke: [245, 245, 245],
       yellow: [255, 255, 0],
       yellowgreen: [154, 205, 5],
-  }, RGB_REGEX = /rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/, animQueue = [];
+  }, RGB_REGEX = /rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/;
+  let animQueue = [];
   const req = (typeof requestAnimationFrame !== 'undefined' && requestAnimationFrame) ||
       function (f) {
           setTimeout(f, 60);
@@ -1040,19 +1041,19 @@
           return pc;
       },
       _prepareArrayForTween(startArray, endArray, isClosed) {
-          let n, start = [], end = [];
+          const start = [], end = [];
           if (startArray.length > endArray.length) {
               const temp = endArray;
               endArray = startArray;
               startArray = temp;
           }
-          for (n = 0; n < startArray.length; n += 2) {
+          for (let n = 0; n < startArray.length; n += 2) {
               start.push({
                   x: startArray[n],
                   y: startArray[n + 1],
               });
           }
-          for (n = 0; n < endArray.length; n += 2) {
+          for (let n = 0; n < endArray.length; n += 2) {
               end.push({
                   x: endArray[n],
                   y: endArray[n + 1],
@@ -1186,8 +1187,8 @@
   function getNumberOrArrayOfNumbersValidator(noOfElements) {
       if (Konva$2.isUnminified) {
           return function (val, attr) {
-              const isNumber = Util._isNumber(val);
-              const isValidArray = Util._isArray(val) && val.length == noOfElements;
+              let isNumber = Util._isNumber(val);
+              let isValidArray = Util._isArray(val) && val.length == noOfElements;
               if (!isNumber && !isValidArray) {
                   Util.warn(_formatValue(val) +
                       ' is a not valid value for "' +
@@ -1203,8 +1204,8 @@
   function getNumberOrAutoValidator() {
       if (Konva$2.isUnminified) {
           return function (val, attr) {
-              const isNumber = Util._isNumber(val);
-              const isAuto = val === 'auto';
+              var isNumber = Util._isNumber(val);
+              var isAuto = val === 'auto';
               if (!(isNumber || isAuto)) {
                   Util.warn(_formatValue(val) +
                       ' is a not valid value for "' +
@@ -1233,7 +1234,7 @@
           return function (val, attr) {
               const isString = Util._isString(val);
               const isGradient = Object.prototype.toString.call(val) === '[object CanvasGradient]' ||
-                  (val && val.addColorStop);
+                  (val && val['addColorStop']);
               if (!(isString || isGradient)) {
                   Util.warn(_formatValue(val) +
                       ' is a not valid value for "' +
@@ -1277,7 +1278,7 @@
   function getBooleanValidator() {
       if (Konva$2.isUnminified) {
           return function (val, attr) {
-              const isBool = val === true || val === false;
+              var isBool = val === true || val === false;
               if (!isBool) {
                   Util.warn(_formatValue(val) +
                       ' is a not valid value for "' +
@@ -1307,7 +1308,8 @@
       }
   }
 
-  const GET = 'get', SET$1 = 'set';
+  const GET = 'get';
+  const SET$1 = 'set';
   const Factory = {
       addGetterSetter(constructor, attr, def, validator, after) {
           Factory.addGetter(constructor, attr, def);
@@ -1315,7 +1317,7 @@
           Factory.addOverloadedGetterSetter(constructor, attr);
       },
       addGetter(constructor, attr, def) {
-          const method = GET + Util._capitalize(attr);
+          var method = GET + Util._capitalize(attr);
           constructor.prototype[method] =
               constructor.prototype[method] ||
                   function () {
@@ -1324,13 +1326,13 @@
                   };
       },
       addSetter(constructor, attr, validator, after) {
-          const method = SET$1 + Util._capitalize(attr);
+          var method = SET$1 + Util._capitalize(attr);
           if (!constructor.prototype[method]) {
               Factory.overWriteSetter(constructor, attr, validator, after);
           }
       },
       overWriteSetter(constructor, attr, validator, after) {
-          const method = SET$1 + Util._capitalize(attr);
+          var method = SET$1 + Util._capitalize(attr);
           constructor.prototype[method] = function (val) {
               if (validator && val !== undefined && val !== null) {
                   val = validator.call(this, val, attr);
@@ -1343,12 +1345,12 @@
           };
       },
       addComponentsGetterSetter(constructor, attr, components, validator, after) {
-          let len = components.length, capitalize = Util._capitalize, getter = GET + capitalize(attr), setter = SET$1 + capitalize(attr), n, component;
+          const len = components.length, capitalize = Util._capitalize, getter = GET + capitalize(attr), setter = SET$1 + capitalize(attr);
           // getter
           constructor.prototype[getter] = function () {
               const ret = {};
-              for (n = 0; n < len; n++) {
-                  component = components[n];
+              for (let n = 0; n < len; n++) {
+                  const component = components[n];
                   ret[component] = this.getAttr(attr + capitalize(component));
               }
               return ret;
@@ -1356,14 +1358,14 @@
           const basicValidator = getComponentValidator(components);
           // setter
           constructor.prototype[setter] = function (val) {
-              let oldVal = this.attrs[attr], key;
+              const oldVal = this.attrs[attr];
               if (validator) {
-                  val = validator.call(this, val);
+                  val = validator.call(this, val, attr);
               }
               if (basicValidator) {
                   basicValidator.call(this, val, attr);
               }
-              for (key in val) {
+              for (const key in val) {
                   if (!val.hasOwnProperty(key)) {
                       continue;
                   }
@@ -1383,7 +1385,7 @@
           Factory.addOverloadedGetterSetter(constructor, attr);
       },
       addOverloadedGetterSetter(constructor, attr) {
-          const capitalizedAttr = Util._capitalize(attr), setter = SET$1 + capitalizedAttr, getter = GET + capitalizedAttr;
+          var capitalizedAttr = Util._capitalize(attr), setter = SET$1 + capitalizedAttr, getter = GET + capitalizedAttr;
           constructor.prototype[attr] = function () {
               // setting
               if (arguments.length) {
@@ -1433,9 +1435,9 @@
   };
 
   function simplifyArray(arr) {
-      let retArr = [], len = arr.length, util = Util, n, val;
-      for (n = 0; n < len; n++) {
-          val = arr[n];
+      const retArr = [], len = arr.length, util = Util;
+      for (let n = 0; n < len; n++) {
+          let val = arr[n];
           if (util._isNumber(val)) {
               val = Math.round(val * 1000) / 1000;
           }
@@ -5060,7 +5062,7 @@
    * // set offset y
    * node.offsetY(3);
    */
-  addGetterSetter(Node, 'dragDistance', null, getNumberValidator());
+  addGetterSetter(Node, 'dragDistance', undefined, getNumberValidator());
   /**
    * get/set drag distance
    * @name Konva.Node#dragDistance
@@ -5144,7 +5146,7 @@
    * shape.preventDefault(false);
    */
   addGetterSetter(Node, 'preventDefault', true, getBooleanValidator());
-  addGetterSetter(Node, 'filters', null, function (val) {
+  addGetterSetter(Node, 'filters', undefined, function (val) {
       this._filterUpToDate = false;
       return val;
   });
@@ -6093,8 +6095,8 @@
        * @name Konva.Stage#clear
        */
       clear() {
-          let layers = this.children, len = layers.length, n;
-          for (n = 0; n < len; n++) {
+          const layers = this.children, len = layers.length;
+          for (let n = 0; n < len; n++) {
               layers[n].clear();
           }
           return this;
@@ -6193,8 +6195,8 @@
           if (!pos) {
               return null;
           }
-          let layers = this.children, len = layers.length, end = len - 1, n;
-          for (n = end; n >= 0; n--) {
+          const layers = this.children, len = layers.length, end = len - 1;
+          for (let n = end; n >= 0; n--) {
               const shape = layers[n].getIntersection(pos);
               if (shape) {
                   return shape;
@@ -6529,7 +6531,7 @@
           // TODO: are we sure we need to prevent default at all?
           // do not call this function on mobile because it prevent "click" event on all parent containers
           // but apps may listen to it.
-          if (evt.cancelable && eventType !== 'touch') {
+          if (evt.cancelable && eventType !== 'touch' && eventType !== 'pointer') {
               evt.preventDefault();
           }
       }
@@ -6588,7 +6590,8 @@
        * });
        */
       setPointersPositions(evt) {
-          let contentPosition = this._getContentPosition(), x = null, y = null;
+          const contentPosition = this._getContentPosition();
+          let x = null, y = null;
           evt = evt ? evt : window.event;
           // touch events
           if (evt.touches !== undefined) {
@@ -7307,17 +7310,17 @@
        * shape.drawHitFromCache();
        */
       drawHitFromCache(alphaThreshold = 0) {
-          let cachedCanvas = this._getCanvasCache(), sceneCanvas = this._getCachedSceneCanvas(), hitCanvas = cachedCanvas.hit, hitContext = hitCanvas.getContext(), hitWidth = hitCanvas.getWidth(), hitHeight = hitCanvas.getHeight(), hitImageData, hitData, len, rgbColorKey, i, alpha;
+          const cachedCanvas = this._getCanvasCache(), sceneCanvas = this._getCachedSceneCanvas(), hitCanvas = cachedCanvas.hit, hitContext = hitCanvas.getContext(), hitWidth = hitCanvas.getWidth(), hitHeight = hitCanvas.getHeight();
           hitContext.clear();
           hitContext.drawImage(sceneCanvas._canvas, 0, 0, hitWidth, hitHeight);
           try {
-              hitImageData = hitContext.getImageData(0, 0, hitWidth, hitHeight);
-              hitData = hitImageData.data;
-              len = hitData.length;
-              rgbColorKey = Util._hexToRgb(this.colorKey);
+              const hitImageData = hitContext.getImageData(0, 0, hitWidth, hitHeight);
+              const hitData = hitImageData.data;
+              const len = hitData.length;
+              const rgbColorKey = Util._hexToRgb(this.colorKey);
               // replace non transparent pixels with color key
-              for (i = 0; i < len; i += 4) {
-                  alpha = hitData[i + 3];
+              for (let i = 0; i < len; i += 4) {
+                  const alpha = hitData[i + 3];
                   if (alpha > alphaThreshold) {
                       hitData[i] = rgbColorKey.r;
                       hitData[i + 1] = rgbColorKey.g;
@@ -9151,13 +9154,14 @@
   Animation.animIdCounter = 0;
   Animation.animRunning = false;
 
-  let blacklist = {
+  const blacklist = {
       node: 1,
       duration: 1,
       easing: 1,
       onFinish: 1,
       yoyo: 1,
-  }, PAUSED = 1, PLAYING = 2, REVERSING = 3, idCounter = 0, colorAttrs = ['fill', 'stroke', 'shadowColor'];
+  }, PAUSED = 1, PLAYING = 2, REVERSING = 3, colorAttrs = ['fill', 'stroke', 'shadowColor'];
+  let idCounter = 0;
   class TweenEngine {
       constructor(prop, propFunc, func, begin, finish, duration, yoyo) {
           this.prop = prop;
@@ -9300,7 +9304,8 @@
    */
   class Tween {
       constructor(config) {
-          let that = this, node = config.node, nodeId = node._id, duration, easing = config.easing || Easings.Linear, yoyo = !!config.yoyo, key;
+          const that = this, node = config.node, nodeId = node._id, easing = config.easing || Easings.Linear, yoyo = !!config.yoyo;
+          let duration, key;
           if (typeof config.duration === 'undefined') {
               duration = 0.3;
           }
@@ -9348,14 +9353,15 @@
           this.onUpdate = config.onUpdate;
       }
       _addAttr(key, end) {
-          let node = this.node, nodeId = node._id, start, diff, tweenId, n, len, trueEnd, trueStart, endRGBA;
+          const node = this.node, nodeId = node._id;
+          let diff, len, trueEnd, trueStart, endRGBA;
           // remove conflict from tween map if it exists
-          tweenId = Tween.tweens[nodeId][key];
+          const tweenId = Tween.tweens[nodeId][key];
           if (tweenId) {
               delete Tween.attrs[nodeId][tweenId][key];
           }
           // add to tween map
-          start = node.getAttr(key);
+          let start = node.getAttr(key);
           if (Util._isArray(end)) {
               diff = [];
               len = Math.max(end.length, start.length);
@@ -9374,7 +9380,7 @@
                   }
               }
               if (key.indexOf('fill') === 0) {
-                  for (n = 0; n < len; n++) {
+                  for (let n = 0; n < len; n++) {
                       if (n % 2 === 0) {
                           diff.push(end[n] - start[n]);
                       }
@@ -9392,7 +9398,7 @@
                   }
               }
               else {
-                  for (n = 0; n < len; n++) {
+                  for (let n = 0; n < len; n++) {
                       diff.push(end[n] - start[n]);
                   }
               }
@@ -9420,7 +9426,8 @@
           Tween.tweens[nodeId][key] = this._id;
       }
       _tweenFunc(i) {
-          let node = this.node, attrs = Tween.attrs[node._id][this._id], key, attr, start, diff, newVal, n, len, end;
+          const node = this.node, attrs = Tween.attrs[node._id][this._id];
+          let key, attr, start, diff, newVal, n, len, end;
           for (key in attrs) {
               attr = attrs[key];
               start = attr.start;
@@ -9578,9 +9585,9 @@
        * @name Konva.Tween#destroy
        */
       destroy() {
-          let nodeId = this.node._id, thisId = this._id, attrs = Tween.tweens[nodeId], key;
+          const nodeId = this.node._id, thisId = this._id, attrs = Tween.tweens[nodeId];
           this.pause();
-          for (key in attrs) {
+          for (const key in attrs) {
               delete Tween.tweens[nodeId][key];
           }
           delete Tween.attrs[nodeId][thisId];
@@ -12159,9 +12166,9 @@
           const lineRect = super.getSelfRect();
           const offset = this.pointerWidth() / 2;
           return {
-              x: lineRect.x - offset,
+              x: lineRect.x,
               y: lineRect.y - offset,
-              width: lineRect.width + offset * 2,
+              width: lineRect.width,
               height: lineRect.height + offset * 2,
           };
       }
@@ -14148,9 +14155,15 @@
   function stringToArray(string) {
       // Use Unicode-aware splitting
       return [...string].reduce((acc, char, index, array) => {
-          // Handle emoji sequences (including ZWJ sequences)
-          if (/\p{Emoji_Modifier_Base}\p{Emoji_Modifier}?(?:\u200D\p{Emoji_Presentation})+/u.test(char)) {
-              acc.push(char);
+          // Handle emoji with skin tone modifiers and ZWJ sequences
+          if (/\p{Emoji}/u.test(char)) {
+              if (acc.length > 0 && /\p{Emoji}/u.test(acc[acc.length - 1])) {
+                  // Combine with previous emoji if it's part of a sequence
+                  acc[acc.length - 1] += char;
+              }
+              else {
+                  acc.push(char);
+              }
           }
           // Handle regional indicator symbols (flags)
           else if (/\p{Regional_Indicator}{2}/u.test(char + (array[index + 1] || ''))) {
@@ -14378,7 +14391,7 @@
           for (n = 0; n < textArrLen; n++) {
               var lineTranslateX = 0;
               var lineTranslateY = 0;
-              var obj = textArr[n], text = obj.text, width = obj.width, lastLine = obj.lastInParagraph, spacesNumber, oneWord, lineWidth;
+              var obj = textArr[n], text = obj.text, width = obj.width, lastLine = obj.lastInParagraph, spacesNumber, lineWidth;
               // horizontal alignment
               context.save();
               if (align === RIGHT) {
@@ -14397,7 +14410,6 @@
                   const y = translateY + lineTranslateY + yOffset;
                   context.moveTo(x, y);
                   spacesNumber = text.split(' ').length - 1;
-                  oneWord = spacesNumber === 0;
                   lineWidth =
                       align === JUSTIFY && !lastLine ? totalWidth - padding * 2 : width;
                   context.lineTo(x + Math.round(lineWidth), y);
@@ -14415,11 +14427,8 @@
                   const yOffset = Konva$2._fixTextRendering ? -Math.round(fontSize / 4) : 0;
                   context.moveTo(lineTranslateX, translateY + lineTranslateY + yOffset);
                   spacesNumber = text.split(' ').length - 1;
-                  oneWord = spacesNumber === 0;
                   lineWidth =
-                      align === JUSTIFY && lastLine && !oneWord
-                          ? totalWidth - padding * 2
-                          : width;
+                      align === JUSTIFY && !lastLine ? totalWidth - padding * 2 : width;
                   context.lineTo(lineTranslateX + Math.round(lineWidth), translateY + lineTranslateY + yOffset);
                   context.lineWidth = fontSize / 15;
                   const gradient = this._getLinearGradient();
@@ -14564,8 +14573,9 @@
       _getTextWidth(text) {
           const letterSpacing = this.letterSpacing();
           const length = text.length;
-          return (getDummyContext().measureText(text).width +
-              (length ? letterSpacing * (length - 1) : 0));
+          // letterSpacing * length is the total letter spacing for the text
+          // previously we used letterSpacing * (length - 1) but it doesn't match DOM behavior
+          return getDummyContext().measureText(text).width + letterSpacing * length;
       }
       _setTextData() {
           let lines = this.text().split('\n'), fontSize = +this.fontSize(), textWidth = 0, lineHeightPx = this.lineHeight() * fontSize, width = this.attrs.width, height = this.attrs.height, fixedWidth = width !== AUTO && width !== undefined, fixedHeight = height !== AUTO && height !== undefined, padding = this.padding(), maxWidth = width - padding * 2, maxHeightPx = height - padding * 2, currentHeightPx = 0, wrap = this.wrap(), 
@@ -14573,7 +14583,9 @@
           shouldWrap = wrap !== NONE, wrapAtWord = wrap !== CHAR && shouldWrap, shouldAddEllipsis = this.ellipsis();
           this.textArr = [];
           getDummyContext().font = this._getContextFont();
-          const additionalWidth = shouldAddEllipsis ? this._getTextWidth(ELLIPSIS) : 0;
+          const additionalWidth = shouldAddEllipsis
+              ? this._getTextWidth(ELLIPSIS)
+              : 0;
           for (let i = 0, max = lines.length; i < max; ++i) {
               let line = lines[i];
               let lineWidth = this._getTextWidth(line);
@@ -15482,7 +15494,7 @@
    * // underline text
    * shape.textDecoration('underline');
    */
-  Factory.addGetterSetter(TextPath, 'textDecoration', null);
+  Factory.addGetterSetter(TextPath, 'textDecoration', '');
   /**
    * get/set kerning function.
    * @name Konva.TextPath#kerningFunc
@@ -15498,7 +15510,7 @@
    *   return 1;
    * });
    */
-  Factory.addGetterSetter(TextPath, 'kerningFunc', null);
+  Factory.addGetterSetter(TextPath, 'kerningFunc', undefined);
 
   const EVENTS_NAME = 'tr-konva';
   const ATTR_CHANGE_LIST = [
@@ -16942,7 +16954,6 @@
    * transformer.padding(10);
    */
   Factory.addGetterSetter(Transformer, 'padding', 0, getNumberValidator());
-  Factory.addGetterSetter(Transformer, 'node');
   /**
    * get/set attached nodes of the Transformer. Transformer will adapt to their size and listen to their events
    * @method
@@ -16962,6 +16973,9 @@
    * transformer.nodes(newNodes);
    */
   Factory.addGetterSetter(Transformer, 'nodes');
+  // @ts-ignore
+  // deprecated
+  Factory.addGetterSetter(Transformer, 'node');
   /**
    * get/set bounding box function. **IMPORTANT!** boundBondFunc operates in absolute coordinates.
    * @name Konva.Transformer#boundBoxFunc
@@ -17320,7 +17334,8 @@
   function filterGaussBlurRGBA(imageData, radius) {
       const pixels = imageData.data, width = imageData.width, height = imageData.height;
       let x, y, i, p, yp, yi, yw, r_sum, g_sum, b_sum, a_sum, r_out_sum, g_out_sum, b_out_sum, a_out_sum, r_in_sum, g_in_sum, b_in_sum, a_in_sum, pr, pg, pb, pa, rbs;
-      let div = radius + radius + 1, widthMinus1 = width - 1, heightMinus1 = height - 1, radiusPlus1 = radius + 1, sumFactor = (radiusPlus1 * (radiusPlus1 + 1)) / 2, stackStart = new BlurStack(), stackEnd = null, stack = stackStart, stackIn = null, stackOut = null, mul_sum = mul_table[radius], shg_sum = shg_table[radius];
+      const div = radius + radius + 1, widthMinus1 = width - 1, heightMinus1 = height - 1, radiusPlus1 = radius + 1, sumFactor = (radiusPlus1 * (radiusPlus1 + 1)) / 2, stackStart = new BlurStack(), mul_sum = mul_table[radius], shg_sum = shg_table[radius];
+      let stackEnd = null, stack = stackStart, stackIn = null, stackOut = null;
       for (i = 1; i < div; i++) {
           stack = stack.next = new BlurStack();
           if (i === radiusPlus1) {
@@ -17536,8 +17551,8 @@
    * node.brightness(0.8);
    */
   const Brighten = function (imageData) {
-      let brightness = this.brightness() * 255, data = imageData.data, len = data.length, i;
-      for (i = 0; i < len; i += 4) {
+      const brightness = this.brightness() * 255, data = imageData.data, len = data.length;
+      for (let i = 0; i < len; i += 4) {
           // red
           data[i] += brightness;
           // green
@@ -17569,8 +17584,9 @@
    */
   const Contrast = function (imageData) {
       const adjust = Math.pow((this.contrast() + 100) / 100, 2);
-      let data = imageData.data, nPixels = data.length, red = 150, green = 150, blue = 150, i;
-      for (i = 0; i < nPixels; i += 4) {
+      const data = imageData.data, nPixels = data.length;
+      let red = 150, green = 150, blue = 150;
+      for (let i = 0; i < nPixels; i += 4) {
           red = data[i];
           green = data[i + 1];
           blue = data[i + 2];
@@ -17631,7 +17647,8 @@
       // pixastic greyLevel is between 0 and 255.  I want it between 0 and 1.  Also,
       // a max value of greyLevel yields a white emboss, and the min value yields a black
       // emboss.  Therefore, I changed greyLevel to whiteLevel
-      let strength = this.embossStrength() * 10, greyLevel = this.embossWhiteLevel() * 255, direction = this.embossDirection(), blend = this.embossBlend(), dirY = 0, dirX = 0, data = imageData.data, w = imageData.width, h = imageData.height, w4 = w * 4, y = h;
+      const strength = this.embossStrength() * 10, greyLevel = this.embossWhiteLevel() * 255, direction = this.embossDirection(), blend = this.embossBlend(), data = imageData.data, w = imageData.width, h = imageData.height, w4 = w * 4;
+      let dirY = 0, dirX = 0, y = h;
       switch (direction) {
           case 'top-left':
               dirY = -1;
@@ -17740,7 +17757,7 @@
    * @param {Number} embossWhiteLevel between 0 and 1.  Default is 0.5
    * @returns {Number}
    */
-  Factory.addGetterSetter(Node, 'embossDirection', 'top-left', null, Factory.afterSetFilter);
+  Factory.addGetterSetter(Node, 'embossDirection', 'top-left', undefined, Factory.afterSetFilter);
   /**
    * get/set emboss direction. Use with {@link Konva.Filters.Emboss} filter.
    * @name Konva.Node#embossDirection
@@ -17749,7 +17766,7 @@
    *   The default is top-left
    * @returns {String}
    */
-  Factory.addGetterSetter(Node, 'embossBlend', false, null, Factory.afterSetFilter);
+  Factory.addGetterSetter(Node, 'embossBlend', false, undefined, Factory.afterSetFilter);
   /**
    * get/set emboss blend. Use with {@link Konva.Filters.Emboss} filter.
    * @name Konva.Node#embossBlend
@@ -17760,7 +17777,7 @@
 
   function remap(fromValue, fromMin, fromMax, toMin, toMax) {
       // Compute the range of the data
-      let fromRange = fromMax - fromMin, toRange = toMax - toMin, toValue;
+      const fromRange = fromMax - fromMin, toRange = toMax - toMin;
       // If either range is 0, then the value can only be mapped to 1 value
       if (fromRange === 0) {
           return toMin + toRange / 2;
@@ -17769,7 +17786,7 @@
           return toMin;
       }
       // (1) untranslate, (2) unscale, (3) rescale, (4) retranslate
-      toValue = (fromValue - fromMin) / fromRange;
+      let toValue = (fromValue - fromMin) / fromRange;
       toValue = toRange * toValue + toMin;
       return toValue;
   }
@@ -17788,14 +17805,15 @@
    * node.enhance(0.4);
    */
   const Enhance = function (imageData) {
-      let data = imageData.data, nSubPixels = data.length, rMin = data[0], rMax = rMin, r, gMin = data[1], gMax = gMin, g, bMin = data[2], bMax = bMin, b, i;
+      const data = imageData.data, nSubPixels = data.length;
+      let rMin = data[0], rMax = rMin, r, gMin = data[1], gMax = gMin, g, bMin = data[2], bMax = bMin, b;
       // If we are not enhancing anything - don't do any computation
       const enhanceAmount = this.enhance();
       if (enhanceAmount === 0) {
           return;
       }
       // 1st Pass - find the min and max for each channel:
-      for (i = 0; i < nSubPixels; i += 4) {
+      for (let i = 0; i < nSubPixels; i += 4) {
           r = data[i + 0];
           if (r < rMin) {
               rMin = r;
@@ -17857,7 +17875,7 @@
           bGoalMin = bMin + enhanceAmount * (bMin - bMid);
       }
       // Pass 2 - remap everything, except the alpha
-      for (i = 0; i < nSubPixels; i += 4) {
+      for (let i = 0; i < nSubPixels; i += 4) {
           data[i + 0] = remap(data[i + 0], rMin, rMax, rGoalMin, rGoalMax);
           data[i + 1] = remap(data[i + 1], gMin, gMax, gGoalMin, gGoalMax);
           data[i + 2] = remap(data[i + 2], bMin, bMax, bGoalMin, bGoalMax);
@@ -17883,9 +17901,9 @@
    * node.filters([Konva.Filters.Grayscale]);
    */
   const Grayscale = function (imageData) {
-      let data = imageData.data, len = data.length, i, brightness;
-      for (i = 0; i < len; i += 4) {
-          brightness = 0.34 * data[i] + 0.5 * data[i + 1] + 0.16 * data[i + 2];
+      const data = imageData.data, len = data.length;
+      for (let i = 0; i < len; i += 4) {
+          const brightness = 0.34 * data[i] + 0.5 * data[i + 1] + 0.16 * data[i + 2];
           // red
           data[i] = brightness;
           // green
@@ -17930,7 +17948,7 @@
    * image.luminance(0.2);
    */
   const HSL = function (imageData) {
-      let data = imageData.data, nPixels = data.length, v = 1, s = Math.pow(2, this.saturation()), h = Math.abs(this.hue() + 360) % 360, l = this.luminance() * 127, i;
+      const data = imageData.data, nPixels = data.length, v = 1, s = Math.pow(2, this.saturation()), h = Math.abs(this.hue() + 360) % 360, l = this.luminance() * 127;
       // Basis for the technique used:
       // http://beesbuzz.biz/code/hsv_color_transforms.php
       // V is the value multiplier (1 for none, 2 for double, 0.5 for half)
@@ -17948,7 +17966,7 @@
       const gr = 0.299 * v - 0.299 * vsu - 0.328 * vsw, gg = 0.587 * v + 0.413 * vsu + 0.035 * vsw, gb = 0.114 * v - 0.114 * vsu + 0.293 * vsw;
       const br = 0.299 * v - 0.3 * vsu + 1.25 * vsw, bg = 0.587 * v - 0.586 * vsu - 1.05 * vsw, bb = 0.114 * v + 0.886 * vsu - 0.2 * vsw;
       let r, g, b, a;
-      for (i = 0; i < nPixels; i += 4) {
+      for (let i = 0; i < nPixels; i += 4) {
           r = data[i + 0];
           g = data[i + 1];
           b = data[i + 2];
@@ -18036,8 +18054,8 @@
    * node.filters([Konva.Filters.Invert]);
    */
   const Invert = function (imageData) {
-      let data = imageData.data, len = data.length, i;
-      for (i = 0; i < len; i += 4) {
+      const data = imageData.data, len = data.length;
+      for (let i = 0; i < len; i += 4) {
           // red
           data[i] = 255 - data[i];
           // green
@@ -18063,30 +18081,30 @@
    *  default is in the middle
    */
   const ToPolar = function (src, dst, opt) {
-      let srcPixels = src.data, dstPixels = dst.data, xSize = src.width, ySize = src.height, xMid = opt.polarCenterX || xSize / 2, yMid = opt.polarCenterY || ySize / 2, i, x, y, r = 0, g = 0, b = 0, a = 0;
+      const srcPixels = src.data, dstPixels = dst.data, xSize = src.width, ySize = src.height, xMid = opt.polarCenterX || xSize / 2, yMid = opt.polarCenterY || ySize / 2;
       // Find the largest radius
-      let rad, rMax = Math.sqrt(xMid * xMid + yMid * yMid);
-      x = xSize - xMid;
-      y = ySize - yMid;
-      rad = Math.sqrt(x * x + y * y);
+      let rMax = Math.sqrt(xMid * xMid + yMid * yMid);
+      let x = xSize - xMid;
+      let y = ySize - yMid;
+      const rad = Math.sqrt(x * x + y * y);
       rMax = rad > rMax ? rad : rMax;
       // We'll be uisng y as the radius, and x as the angle (theta=t)
-      let rSize = ySize, tSize = xSize, radius, theta;
+      const rSize = ySize, tSize = xSize;
       // We want to cover all angles (0-360) and we need to convert to
       // radians (*PI/180)
-      let conversion = ((360 / tSize) * Math.PI) / 180, sin, cos;
+      const conversion = ((360 / tSize) * Math.PI) / 180;
       // var x1, x2, x1i, x2i, y1, y2, y1i, y2i, scale;
-      for (theta = 0; theta < tSize; theta += 1) {
-          sin = Math.sin(theta * conversion);
-          cos = Math.cos(theta * conversion);
-          for (radius = 0; radius < rSize; radius += 1) {
+      for (let theta = 0; theta < tSize; theta += 1) {
+          const sin = Math.sin(theta * conversion);
+          const cos = Math.cos(theta * conversion);
+          for (let radius = 0; radius < rSize; radius += 1) {
               x = Math.floor(xMid + ((rMax * radius) / rSize) * cos);
               y = Math.floor(yMid + ((rMax * radius) / rSize) * sin);
-              i = (y * xSize + x) * 4;
-              r = srcPixels[i + 0];
-              g = srcPixels[i + 1];
-              b = srcPixels[i + 2];
-              a = srcPixels[i + 3];
+              let i = (y * xSize + x) * 4;
+              const r = srcPixels[i + 0];
+              const g = srcPixels[i + 1];
+              const b = srcPixels[i + 2];
+              const a = srcPixels[i + 3];
               // Store it
               //i = (theta * xSize  +  radius) * 4;
               i = (theta + radius * xSize) * 4;
@@ -18114,15 +18132,15 @@
    *  0 is no rotation, 360 degrees is a full rotation
    */
   const FromPolar = function (src, dst, opt) {
-      let srcPixels = src.data, dstPixels = dst.data, xSize = src.width, ySize = src.height, xMid = opt.polarCenterX || xSize / 2, yMid = opt.polarCenterY || ySize / 2, i, x, y, dx, dy, r = 0, g = 0, b = 0, a = 0;
+      const srcPixels = src.data, dstPixels = dst.data, xSize = src.width, ySize = src.height, xMid = opt.polarCenterX || xSize / 2, yMid = opt.polarCenterY || ySize / 2;
       // Find the largest radius
-      let rad, rMax = Math.sqrt(xMid * xMid + yMid * yMid);
-      x = xSize - xMid;
-      y = ySize - yMid;
-      rad = Math.sqrt(x * x + y * y);
+      let rMax = Math.sqrt(xMid * xMid + yMid * yMid);
+      let x = xSize - xMid;
+      let y = ySize - yMid;
+      const rad = Math.sqrt(x * x + y * y);
       rMax = rad > rMax ? rad : rMax;
       // We'll be uisng x as the radius, and y as the angle (theta=t)
-      let rSize = ySize, tSize = xSize, radius, theta, phaseShift = 0;
+      const rSize = ySize, tSize = xSize, phaseShift = 0;
       // We need to convert to degrees and we need to make sure
       // it's between (0-360)
       // var conversion = tSize/360*180/Math.PI;
@@ -18130,18 +18148,18 @@
       let x1, y1;
       for (x = 0; x < xSize; x += 1) {
           for (y = 0; y < ySize; y += 1) {
-              dx = x - xMid;
-              dy = y - yMid;
-              radius = (Math.sqrt(dx * dx + dy * dy) * rSize) / rMax;
-              theta = ((Math.atan2(dy, dx) * 180) / Math.PI + 360 + phaseShift) % 360;
+              const dx = x - xMid;
+              const dy = y - yMid;
+              const radius = (Math.sqrt(dx * dx + dy * dy) * rSize) / rMax;
+              let theta = ((Math.atan2(dy, dx) * 180) / Math.PI + 360 + phaseShift) % 360;
               theta = (theta * tSize) / 360;
               x1 = Math.floor(theta);
               y1 = Math.floor(radius);
-              i = (y1 * xSize + x1) * 4;
-              r = srcPixels[i + 0];
-              g = srcPixels[i + 1];
-              b = srcPixels[i + 2];
-              a = srcPixels[i + 3];
+              let i = (y1 * xSize + x1) * 4;
+              const r = srcPixels[i + 0];
+              const g = srcPixels[i + 1];
+              const b = srcPixels[i + 2];
+              const a = srcPixels[i + 3];
               // Store it
               i = (y * xSize + x) * 4;
               dstPixels[i + 0] = r;
@@ -18401,7 +18419,8 @@
    */
   const Mask = function (imageData) {
       // Detect pixels close to the background color
-      let threshold = this.threshold(), mask = backgroundMask(imageData, threshold);
+      const threshold = this.threshold();
+      let mask = backgroundMask(imageData, threshold);
       if (mask) {
           // Erode
           mask = erodeMask(mask, imageData.width, imageData.height);
@@ -18545,8 +18564,8 @@
    */
   const Posterize = function (imageData) {
       // level must be between 1 and 255
-      let levels = Math.round(this.levels() * 254) + 1, data = imageData.data, len = data.length, scale = 255 / levels, i;
-      for (i = 0; i < len; i += 1) {
+      const levels = Math.round(this.levels() * 254) + 1, data = imageData.data, len = data.length, scale = 255 / levels;
+      for (let i = 0; i < len; i += 1) {
           data[i] = Math.floor(data[i] / scale) * scale;
       }
   };
@@ -18573,10 +18592,9 @@
    * node.green(200);
    */
   const RGB = function (imageData) {
-      let data = imageData.data, nPixels = data.length, red = this.red(), green = this.green(), blue = this.blue(), i, brightness;
-      for (i = 0; i < nPixels; i += 4) {
-          brightness =
-              (0.34 * data[i] + 0.5 * data[i + 1] + 0.16 * data[i + 2]) / 255;
+      const data = imageData.data, nPixels = data.length, red = this.red(), green = this.green(), blue = this.blue();
+      for (let i = 0; i < nPixels; i += 4) {
+          const brightness = (0.34 * data[i] + 0.5 * data[i + 1] + 0.16 * data[i + 2]) / 255;
           data[i] = brightness * red; // r
           data[i + 1] = brightness * green; // g
           data[i + 2] = brightness * blue; // b
@@ -18737,11 +18755,11 @@
    * node.filters([Konva.Filters.Sepia]);
    */
   const Sepia = function (imageData) {
-      let data = imageData.data, nPixels = data.length, i, r, g, b;
-      for (i = 0; i < nPixels; i += 4) {
-          r = data[i + 0];
-          g = data[i + 1];
-          b = data[i + 2];
+      const data = imageData.data, nPixels = data.length;
+      for (let i = 0; i < nPixels; i += 4) {
+          const r = data[i + 0];
+          const g = data[i + 1];
+          const b = data[i + 2];
           data[i + 0] = Math.min(255, r * 0.393 + g * 0.769 + b * 0.189);
           data[i + 1] = Math.min(255, r * 0.349 + g * 0.686 + b * 0.168);
           data[i + 2] = Math.min(255, r * 0.272 + g * 0.534 + b * 0.131);
diff --git a/main-demo/package.json b/main-demo/package.json
index 416e9047f..41cf64385 100755
--- a/main-demo/package.json
+++ b/main-demo/package.json
@@ -8,7 +8,7 @@
     "build": "parcel build index.html"
   },
   "dependencies": {
-    "konva": "9.3.16"
+    "konva": "9.3.17"
   },
   "devDependencies": {
     "@babel/core": "8.3.5",
diff --git a/react-demos/animation_demo/package.json b/react-demos/animation_demo/package.json
index 69955d3b3..919a13860 100755
--- a/react-demos/animation_demo/package.json
+++ b/react-demos/animation_demo/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.2.7",
diff --git a/react-demos/basic_demo/package.json b/react-demos/basic_demo/package.json
index 8fc1cceef..b17c2f995 100755
--- a/react-demos/basic_demo/package.json
+++ b/react-demos/basic_demo/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/canvas_portal/package.json b/react-demos/canvas_portal/package.json
index 8cb9dcdde..1bf3966d6 100755
--- a/react-demos/canvas_portal/package.json
+++ b/react-demos/canvas_portal/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.2.7",
diff --git a/react-demos/complex_animations/package.json b/react-demos/complex_animations/package.json
index 7269c7394..54e72cf0a 100755
--- a/react-demos/complex_animations/package.json
+++ b/react-demos/complex_animations/package.json
@@ -9,7 +9,7 @@
   ],
   "dependencies": {
     "@react-spring/konva": "9.7.3",
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/custom_shape/package.json b/react-demos/custom_shape/package.json
index 61477dd0b..43e2c0194 100755
--- a/react-demos/custom_shape/package.json
+++ b/react-demos/custom_shape/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/dom_portal/package.json b/react-demos/dom_portal/package.json
index f23e648b5..a9dfaeab6 100755
--- a/react-demos/dom_portal/package.json
+++ b/react-demos/dom_portal/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.2.7",
diff --git a/react-demos/drag_and_drop/package.json b/react-demos/drag_and_drop/package.json
index 88ce444da..d684b4962 100755
--- a/react-demos/drag_and_drop/package.json
+++ b/react-demos/drag_and_drop/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/drop_image_into_stage/package.json b/react-demos/drop_image_into_stage/package.json
index 100191d71..36ba9bd5b 100755
--- a/react-demos/drop_image_into_stage/package.json
+++ b/react-demos/drop_image_into_stage/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.2.7",
diff --git a/react-demos/filters/package.json b/react-demos/filters/package.json
index d0c62d1cd..b096aeeef 100755
--- a/react-demos/filters/package.json
+++ b/react-demos/filters/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.2.7",
diff --git a/react-demos/free-drawing/package.json b/react-demos/free-drawing/package.json
index c93a386b8..7775de5b9 100755
--- a/react-demos/free-drawing/package.json
+++ b/react-demos/free-drawing/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/image-export/package.json b/react-demos/image-export/package.json
index b83fce15d..60b8003e6 100755
--- a/react-demos/image-export/package.json
+++ b/react-demos/image-export/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/images/package.json b/react-demos/images/package.json
index e72aa5743..fef53d49b 100755
--- a/react-demos/images/package.json
+++ b/react-demos/images/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.2.7",
diff --git a/react-demos/refs/package.json b/react-demos/refs/package.json
index 528f7f81d..00cf7ee59 100755
--- a/react-demos/refs/package.json
+++ b/react-demos/refs/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/seats-reservation/package.json b/react-demos/seats-reservation/package.json
index 93978fe88..e11762e3e 100755
--- a/react-demos/seats-reservation/package.json
+++ b/react-demos/seats-reservation/package.json
@@ -5,7 +5,7 @@
   "keywords": [],
   "main": "src/index.js",
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.2.7",
diff --git a/react-demos/shapes/package.json b/react-demos/shapes/package.json
index 011f969eb..4693a1956 100755
--- a/react-demos/shapes/package.json
+++ b/react-demos/shapes/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/simple_animations/package.json b/react-demos/simple_animations/package.json
index dc8e1a3ec..71e517047 100755
--- a/react-demos/simple_animations/package.json
+++ b/react-demos/simple_animations/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/transformer/package.json b/react-demos/transformer/package.json
index 46d38c6ea..7b7d12df3 100755
--- a/react-demos/transformer/package.json
+++ b/react-demos/transformer/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/undo_redo/package.json b/react-demos/undo_redo/package.json
index 69a82dee6..65511077c 100755
--- a/react-demos/undo_redo/package.json
+++ b/react-demos/undo_redo/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/react-demos/window-frame-design-app/package.json b/react-demos/window-frame-design-app/package.json
index 708d752b1..b6451c930 100644
--- a/react-demos/window-frame-design-app/package.json
+++ b/react-demos/window-frame-design-app/package.json
@@ -5,7 +5,7 @@
   "keywords": [],
   "main": "src/index.js",
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "mobx": "6.1.8",
     "mobx-react": "7.1.0",
     "react": "18.2.0",
diff --git a/react-demos/zIndex/package.json b/react-demos/zIndex/package.json
index f56f09282..8d2371f05 100755
--- a/react-demos/zIndex/package.json
+++ b/react-demos/zIndex/package.json
@@ -8,7 +8,7 @@
     "konva"
   ],
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-konva": "18.0.0-0"
diff --git a/source/downloads/code/animations/Moving.html b/source/downloads/code/animations/Moving.html
index 43f898ac4..15e27216e 100644
--- a/source/downloads/code/animations/Moving.html
+++ b/source/downloads/code/animations/Moving.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Animate Position Demo</title>
     <style>
diff --git a/source/downloads/code/animations/Rotation.html b/source/downloads/code/animations/Rotation.html
index 0de6be522..4054678e3 100644
--- a/source/downloads/code/animations/Rotation.html
+++ b/source/downloads/code/animations/Rotation.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Rotation Animation Demo</title>
     <style>
diff --git a/source/downloads/code/animations/Scaling.html b/source/downloads/code/animations/Scaling.html
index 05513ffff..1b4026d6e 100644
--- a/source/downloads/code/animations/Scaling.html
+++ b/source/downloads/code/animations/Scaling.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Scale Animation Demo</title>
     <style>
diff --git a/source/downloads/code/animations/Stop_Animation.html b/source/downloads/code/animations/Stop_Animation.html
index 2e23004b6..53af0fa09 100644
--- a/source/downloads/code/animations/Stop_Animation.html
+++ b/source/downloads/code/animations/Stop_Animation.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Stop Animation Demo</title>
     <style>
diff --git a/source/downloads/code/clipping/Clipping_Function.html b/source/downloads/code/clipping/Clipping_Function.html
index 10b02185c..38dd4f91c 100644
--- a/source/downloads/code/clipping/Clipping_Function.html
+++ b/source/downloads/code/clipping/Clipping_Function.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Clipping Function Demo</title>
     <style>
diff --git a/source/downloads/code/clipping/Clipping_Regions.html b/source/downloads/code/clipping/Clipping_Regions.html
index 5dbcff3c0..9c6502468 100644
--- a/source/downloads/code/clipping/Clipping_Regions.html
+++ b/source/downloads/code/clipping/Clipping_Regions.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Simple Clipping Demo</title>
     <style>
diff --git a/source/downloads/code/data_and_serialization/Best_Practices.html b/source/downloads/code/data_and_serialization/Best_Practices.html
index 7c67fa80a..48d19d119 100644
--- a/source/downloads/code/data_and_serialization/Best_Practices.html
+++ b/source/downloads/code/data_and_serialization/Best_Practices.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Load Complex Stage Demo</title>
     <style>
diff --git a/source/downloads/code/data_and_serialization/Complex_Load.html b/source/downloads/code/data_and_serialization/Complex_Load.html
index b469d96b4..bdb8defb1 100644
--- a/source/downloads/code/data_and_serialization/Complex_Load.html
+++ b/source/downloads/code/data_and_serialization/Complex_Load.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Load Complex Stage Demo</title>
     <style>
diff --git a/source/downloads/code/data_and_serialization/High-Quality-Export.html b/source/downloads/code/data_and_serialization/High-Quality-Export.html
index 168180e7f..2ce71ae87 100644
--- a/source/downloads/code/data_and_serialization/High-Quality-Export.html
+++ b/source/downloads/code/data_and_serialization/High-Quality-Export.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva High Quality Export Demo</title>
     <style>
diff --git a/source/downloads/code/data_and_serialization/Serialize_a_Stage.html b/source/downloads/code/data_and_serialization/Serialize_a_Stage.html
index 55bb23cb6..71ce819dc 100644
--- a/source/downloads/code/data_and_serialization/Serialize_a_Stage.html
+++ b/source/downloads/code/data_and_serialization/Serialize_a_Stage.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Save Stage Demo</title>
     <style>
diff --git a/source/downloads/code/data_and_serialization/Simple_Load.html b/source/downloads/code/data_and_serialization/Simple_Load.html
index 93f945571..31b631cf2 100644
--- a/source/downloads/code/data_and_serialization/Simple_Load.html
+++ b/source/downloads/code/data_and_serialization/Simple_Load.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Simple Load Demo</title>
     <style>
diff --git a/source/downloads/code/data_and_serialization/Stage_Data_URL.html b/source/downloads/code/data_and_serialization/Stage_Data_URL.html
index 3d71caeb5..8ad8843d9 100644
--- a/source/downloads/code/data_and_serialization/Stage_Data_URL.html
+++ b/source/downloads/code/data_and_serialization/Stage_Data_URL.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Stage Data URL Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Complex_Drag_and_Drop.html b/source/downloads/code/drag_and_drop/Complex_Drag_and_Drop.html
index 4f8e8622a..f4ef88b3d 100644
--- a/source/downloads/code/drag_and_drop/Complex_Drag_and_Drop.html
+++ b/source/downloads/code/drag_and_drop/Complex_Drag_and_Drop.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Complex Drag and Drop Bounds Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Drag_Events.html b/source/downloads/code/drag_and_drop/Drag_Events.html
index f61fd0be2..e11232ad3 100644
--- a/source/downloads/code/drag_and_drop/Drag_Events.html
+++ b/source/downloads/code/drag_and_drop/Drag_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag Events Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Drag_a_Group.html b/source/downloads/code/drag_and_drop/Drag_a_Group.html
index 4765fe018..fdf9d34ea 100644
--- a/source/downloads/code/drag_and_drop/Drag_a_Group.html
+++ b/source/downloads/code/drag_and_drop/Drag_a_Group.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop a Group Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Drag_a_Line.html b/source/downloads/code/drag_and_drop/Drag_a_Line.html
index 5ae0fdbfa..eb689a65b 100644
--- a/source/downloads/code/drag_and_drop/Drag_a_Line.html
+++ b/source/downloads/code/drag_and_drop/Drag_a_Line.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop a Line Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Drag_a_Stage.html b/source/downloads/code/drag_and_drop/Drag_a_Stage.html
index d700b3b98..28f94547d 100644
--- a/source/downloads/code/drag_and_drop/Drag_a_Stage.html
+++ b/source/downloads/code/drag_and_drop/Drag_a_Stage.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop the Stage Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Drag_an_Image.html b/source/downloads/code/drag_and_drop/Drag_an_Image.html
index 19f8834ba..02826754f 100644
--- a/source/downloads/code/drag_and_drop/Drag_an_Image.html
+++ b/source/downloads/code/drag_and_drop/Drag_an_Image.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop an Image Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Drag_and_Drop.html b/source/downloads/code/drag_and_drop/Drag_and_Drop.html
index 212968c7f..168dc6ccb 100644
--- a/source/downloads/code/drag_and_drop/Drag_and_Drop.html
+++ b/source/downloads/code/drag_and_drop/Drag_and_Drop.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Drop_Events.html b/source/downloads/code/drag_and_drop/Drop_Events.html
index fd646ef26..123979e9a 100644
--- a/source/downloads/code/drag_and_drop/Drop_Events.html
+++ b/source/downloads/code/drag_and_drop/Drop_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drop Events Demo</title>
     <style>
diff --git a/source/downloads/code/drag_and_drop/Simple_Drag_Bounds.html b/source/downloads/code/drag_and_drop/Simple_Drag_Bounds.html
index 434133f18..82844ffee 100644
--- a/source/downloads/code/drag_and_drop/Simple_Drag_Bounds.html
+++ b/source/downloads/code/drag_and_drop/Simple_Drag_Bounds.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Simple Drag Bounds Demo</title>
     <style>
diff --git a/source/downloads/code/events/Binding_Events.html b/source/downloads/code/events/Binding_Events.html
index 24c0f4f7e..09cd3ae83 100644
--- a/source/downloads/code/events/Binding_Events.html
+++ b/source/downloads/code/events/Binding_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shape Events Demo</title>
     <style>
diff --git a/source/downloads/code/events/Cancel_Propagation.html b/source/downloads/code/events/Cancel_Propagation.html
index b14dd9e89..e6663ecf7 100644
--- a/source/downloads/code/events/Cancel_Propagation.html
+++ b/source/downloads/code/events/Cancel_Propagation.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Cancel Event Bubble Propagation Demo</title>
     <style>
diff --git a/source/downloads/code/events/Custom_Hit_Region.html b/source/downloads/code/events/Custom_Hit_Region.html
index 77728641c..6cdbff262 100644
--- a/source/downloads/code/events/Custom_Hit_Region.html
+++ b/source/downloads/code/events/Custom_Hit_Region.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Custom Hit Function Demo</title>
     <style>
diff --git a/source/downloads/code/events/Desktop_and_Mobile.html b/source/downloads/code/events/Desktop_and_Mobile.html
index 34d33fc2a..dbea6e4b9 100644
--- a/source/downloads/code/events/Desktop_and_Mobile.html
+++ b/source/downloads/code/events/Desktop_and_Mobile.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Desktop and Mobile Events Support Demo</title>
     <style>
diff --git a/source/downloads/code/events/Event_Delegation.html b/source/downloads/code/events/Event_Delegation.html
index 6082cb63d..1223c4f5f 100644
--- a/source/downloads/code/events/Event_Delegation.html
+++ b/source/downloads/code/events/Event_Delegation.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Event Delegation Demo</title>
     <style>
diff --git a/source/downloads/code/events/Fire_Events.html b/source/downloads/code/events/Fire_Events.html
index d2a4e4ab7..e48b3aa37 100644
--- a/source/downloads/code/events/Fire_Events.html
+++ b/source/downloads/code/events/Fire_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Fire Event Demo</title>
     <style>
diff --git a/source/downloads/code/events/Image_Events.html b/source/downloads/code/events/Image_Events.html
index 361d16ad2..33e1fad3a 100644
--- a/source/downloads/code/events/Image_Events.html
+++ b/source/downloads/code/events/Image_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Image Events Demo</title>
     <style>
diff --git a/source/downloads/code/events/Keyboard_Events.html b/source/downloads/code/events/Keyboard_Events.html
index 578962c02..0d8b9ebef 100644
--- a/source/downloads/code/events/Keyboard_Events.html
+++ b/source/downloads/code/events/Keyboard_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Canvas Keyboard events Demo</title>
     <style>
diff --git a/source/downloads/code/events/Listen_for_Events.html b/source/downloads/code/events/Listen_for_Events.html
index 6654a7fd4..2df9e70ee 100644
--- a/source/downloads/code/events/Listen_for_Events.html
+++ b/source/downloads/code/events/Listen_for_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Listen or Don’t Listen to Events Demo</title>
     <style>
diff --git a/source/downloads/code/events/Mobile_Events.html b/source/downloads/code/events/Mobile_Events.html
index 7561c1393..119597cd8 100644
--- a/source/downloads/code/events/Mobile_Events.html
+++ b/source/downloads/code/events/Mobile_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Mobile Touch Events Demo</title>
     <style>
diff --git a/source/downloads/code/events/Mobile_Scrolling.html b/source/downloads/code/events/Mobile_Scrolling.html
index 4ab97f640..2b32fd479 100644
--- a/source/downloads/code/events/Mobile_Scrolling.html
+++ b/source/downloads/code/events/Mobile_Scrolling.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Mobile Scrolling and Native Events Demo</title>
     <style>
diff --git a/source/downloads/code/events/Multi_Event.html b/source/downloads/code/events/Multi_Event.html
index e319fb33c..e85e8db78 100644
--- a/source/downloads/code/events/Multi_Event.html
+++ b/source/downloads/code/events/Multi_Event.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Multi-Event Binding Demo</title>
     <style>
diff --git a/source/downloads/code/events/Pointer_Events.html b/source/downloads/code/events/Pointer_Events.html
index d632d87b0..bbc34cfdd 100644
--- a/source/downloads/code/events/Pointer_Events.html
+++ b/source/downloads/code/events/Pointer_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Pointer Events Demo</title>
     <style>
diff --git a/source/downloads/code/events/Remove_Event.html b/source/downloads/code/events/Remove_Event.html
index 3aa36549b..768aa2134 100644
--- a/source/downloads/code/events/Remove_Event.html
+++ b/source/downloads/code/events/Remove_Event.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Remove Event Listener Demo</title>
     <style>
diff --git a/source/downloads/code/events/Remove_by_Name.html b/source/downloads/code/events/Remove_by_Name.html
index 1602cdf0e..22422ce77 100644
--- a/source/downloads/code/events/Remove_by_Name.html
+++ b/source/downloads/code/events/Remove_by_Name.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Remove Event Listener by Name Demo</title>
     <style>
diff --git a/source/downloads/code/events/Stage_Events.html b/source/downloads/code/events/Stage_Events.html
index eba20c27c..a992a368a 100644
--- a/source/downloads/code/events/Stage_Events.html
+++ b/source/downloads/code/events/Stage_Events.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Stage Events Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Blur.html b/source/downloads/code/filters/Blur.html
index ae5bd4be7..6880aef7a 100644
--- a/source/downloads/code/filters/Blur.html
+++ b/source/downloads/code/filters/Blur.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Blur Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Brighten.html b/source/downloads/code/filters/Brighten.html
index c293232c1..ee17a64a2 100644
--- a/source/downloads/code/filters/Brighten.html
+++ b/source/downloads/code/filters/Brighten.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Brighten Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Contrast.html b/source/downloads/code/filters/Contrast.html
index f30487f88..03f2e6ff9 100644
--- a/source/downloads/code/filters/Contrast.html
+++ b/source/downloads/code/filters/Contrast.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Contrast Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Custom_Filter.html b/source/downloads/code/filters/Custom_Filter.html
index eab45f27d..8aad0fa93 100644
--- a/source/downloads/code/filters/Custom_Filter.html
+++ b/source/downloads/code/filters/Custom_Filter.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Custom Filter Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Emboss.html b/source/downloads/code/filters/Emboss.html
index 375b552b6..2cd0cbc5a 100644
--- a/source/downloads/code/filters/Emboss.html
+++ b/source/downloads/code/filters/Emboss.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Emboss Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Enhance.html b/source/downloads/code/filters/Enhance.html
index 2a6f50dd3..ff046af45 100644
--- a/source/downloads/code/filters/Enhance.html
+++ b/source/downloads/code/filters/Enhance.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Enhance Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Grayscale.html b/source/downloads/code/filters/Grayscale.html
index ecf002d2a..58e152dc0 100644
--- a/source/downloads/code/filters/Grayscale.html
+++ b/source/downloads/code/filters/Grayscale.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Grayscale Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/HSL.html b/source/downloads/code/filters/HSL.html
index 836188b21..f43decab3 100644
--- a/source/downloads/code/filters/HSL.html
+++ b/source/downloads/code/filters/HSL.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva HSL Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/HSV.html b/source/downloads/code/filters/HSV.html
index 748ba1a5a..07e0c4111 100644
--- a/source/downloads/code/filters/HSV.html
+++ b/source/downloads/code/filters/HSV.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva HSV Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Invert.html b/source/downloads/code/filters/Invert.html
index 6f8d8772f..bc511483d 100644
--- a/source/downloads/code/filters/Invert.html
+++ b/source/downloads/code/filters/Invert.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Invert Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Kaleidoscope.html b/source/downloads/code/filters/Kaleidoscope.html
index 36cdd0913..346c2840b 100644
--- a/source/downloads/code/filters/Kaleidoscope.html
+++ b/source/downloads/code/filters/Kaleidoscope.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Kaleidoscope Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Mask.html b/source/downloads/code/filters/Mask.html
index 9a8eb5f79..105a71d86 100644
--- a/source/downloads/code/filters/Mask.html
+++ b/source/downloads/code/filters/Mask.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Mask Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Multiple_Filters.html b/source/downloads/code/filters/Multiple_Filters.html
index 48b925388..8ac63c645 100644
--- a/source/downloads/code/filters/Multiple_Filters.html
+++ b/source/downloads/code/filters/Multiple_Filters.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Multiple Filters Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Noise.html b/source/downloads/code/filters/Noise.html
index d6ba4be17..b374f9e27 100644
--- a/source/downloads/code/filters/Noise.html
+++ b/source/downloads/code/filters/Noise.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Noise Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/Pixelate.html b/source/downloads/code/filters/Pixelate.html
index 65dca33da..1a4aaec97 100644
--- a/source/downloads/code/filters/Pixelate.html
+++ b/source/downloads/code/filters/Pixelate.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Pixelate Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/RGB.html b/source/downloads/code/filters/RGB.html
index 0289ced0f..688ed3a9c 100644
--- a/source/downloads/code/filters/RGB.html
+++ b/source/downloads/code/filters/RGB.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva RGB Image Demo</title>
     <style>
diff --git a/source/downloads/code/filters/RGBA.html b/source/downloads/code/filters/RGBA.html
index f86668239..ecce7d926 100644
--- a/source/downloads/code/filters/RGBA.html
+++ b/source/downloads/code/filters/RGBA.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva RGBA Image Demo</title>
     <style>
diff --git a/source/downloads/code/groups_and_layers/Change_Containers.html b/source/downloads/code/groups_and_layers/Change_Containers.html
index 1fccc8675..332a1c5cd 100644
--- a/source/downloads/code/groups_and_layers/Change_Containers.html
+++ b/source/downloads/code/groups_and_layers/Change_Containers.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Move Shape to Another Container Demo</title>
     <style>
diff --git a/source/downloads/code/groups_and_layers/Groups.html b/source/downloads/code/groups_and_layers/Groups.html
index 81c47da1d..138d64d42 100644
--- a/source/downloads/code/groups_and_layers/Groups.html
+++ b/source/downloads/code/groups_and_layers/Groups.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Groups Demo</title>
     <style>
diff --git a/source/downloads/code/groups_and_layers/Layering.html b/source/downloads/code/groups_and_layers/Layering.html
index 1cbabf39a..42add7d2b 100644
--- a/source/downloads/code/groups_and_layers/Layering.html
+++ b/source/downloads/code/groups_and_layers/Layering.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shape Layering Demo</title>
     <style>
diff --git a/source/downloads/code/groups_and_layers/zIndex.html b/source/downloads/code/groups_and_layers/zIndex.html
index f03d7414b..d1f645223 100644
--- a/source/downloads/code/groups_and_layers/zIndex.html
+++ b/source/downloads/code/groups_and_layers/zIndex.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shape Layering Demo</title>
     <style>
diff --git a/source/downloads/code/main-demo.html b/source/downloads/code/main-demo.html
index e67f7771f..ac7be566d 100644
--- a/source/downloads/code/main-demo.html
+++ b/source/downloads/code/main-demo.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Main demo</title>
     <style>
diff --git a/source/downloads/code/performance/BatchDraw.html b/source/downloads/code/performance/BatchDraw.html
index f211768fc..de37245cf 100644
--- a/source/downloads/code/performance/BatchDraw.html
+++ b/source/downloads/code/performance/BatchDraw.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Batch Draw Demo</title>
     <style>
diff --git a/source/downloads/code/performance/Disable_Perfect_Draw.html b/source/downloads/code/performance/Disable_Perfect_Draw.html
index 815b787b8..1e73ccd46 100644
--- a/source/downloads/code/performance/Disable_Perfect_Draw.html
+++ b/source/downloads/code/performance/Disable_Perfect_Draw.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Disable Perfect Drawing Demo</title>
     <style>
diff --git a/source/downloads/code/performance/Layer_Management.html b/source/downloads/code/performance/Layer_Management.html
index d07008f4f..c0bb4acec 100644
--- a/source/downloads/code/performance/Layer_Management.html
+++ b/source/downloads/code/performance/Layer_Management.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Layer Management Demo</title>
     <style>
diff --git a/source/downloads/code/performance/Listening_False.html b/source/downloads/code/performance/Listening_False.html
index c0bb95000..51a06a2ef 100644
--- a/source/downloads/code/performance/Listening_False.html
+++ b/source/downloads/code/performance/Listening_False.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Listening False Demo</title>
     <style>
diff --git a/source/downloads/code/performance/Optimize_Animation.html b/source/downloads/code/performance/Optimize_Animation.html
index c6125e857..12e3cc61d 100644
--- a/source/downloads/code/performance/Optimize_Animation.html
+++ b/source/downloads/code/performance/Optimize_Animation.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Optimize Animation Demo</title>
     <style>
diff --git a/source/downloads/code/performance/Optimize_Strokes.html b/source/downloads/code/performance/Optimize_Strokes.html
index 927af4680..8d186bb80 100644
--- a/source/downloads/code/performance/Optimize_Strokes.html
+++ b/source/downloads/code/performance/Optimize_Strokes.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Optimizing Strokes Demo</title>
     <style>
diff --git a/source/downloads/code/performance/Shape_Caching.html b/source/downloads/code/performance/Shape_Caching.html
index f4502cf98..a810197e9 100644
--- a/source/downloads/code/performance/Shape_Caching.html
+++ b/source/downloads/code/performance/Shape_Caching.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shape Caching Demo</title>
     <style>
diff --git a/source/downloads/code/performance/Shape_Redraw.html b/source/downloads/code/performance/Shape_Redraw.html
index 4cb1b43b9..a671c29e8 100644
--- a/source/downloads/code/performance/Shape_Redraw.html
+++ b/source/downloads/code/performance/Shape_Redraw.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shape Redraw Demo</title>
     <style>
diff --git a/source/downloads/code/posts/Position_vs_Offset_Basic_x_y.html b/source/downloads/code/posts/Position_vs_Offset_Basic_x_y.html
index f7d3c2da6..6ff164493 100644
--- a/source/downloads/code/posts/Position_vs_Offset_Basic_x_y.html
+++ b/source/downloads/code/posts/Position_vs_Offset_Basic_x_y.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Basic position demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/10000_Shapes_With_Tooltip.html b/source/downloads/code/sandbox/10000_Shapes_With_Tooltip.html
index 9eb958297..6639b3146 100644
--- a/source/downloads/code/sandbox/10000_Shapes_With_Tooltip.html
+++ b/source/downloads/code/sandbox/10000_Shapes_With_Tooltip.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva 10,000 Shapes with Tooltips Stress Test Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/20000_Nodes.html b/source/downloads/code/sandbox/20000_Nodes.html
index 114cfd165..c5b15f5e7 100644
--- a/source/downloads/code/sandbox/20000_Nodes.html
+++ b/source/downloads/code/sandbox/20000_Nodes.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Interactive Scatter Plot with 20,000 Nodes Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Animals_on_the_Beach_Game.html b/source/downloads/code/sandbox/Animals_on_the_Beach_Game.html
index cb591ffd7..715d6838f 100644
--- a/source/downloads/code/sandbox/Animals_on_the_Beach_Game.html
+++ b/source/downloads/code/sandbox/Animals_on_the_Beach_Game.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Animals on the Beach Game Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Animation_Stress_Test.html b/source/downloads/code/sandbox/Animation_Stress_Test.html
index aaf57f323..669678acb 100644
--- a/source/downloads/code/sandbox/Animation_Stress_Test.html
+++ b/source/downloads/code/sandbox/Animation_Stress_Test.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Animation Stress Test Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Canvas_Background.html b/source/downloads/code/sandbox/Canvas_Background.html
index c8e697b85..1f7e5e5e8 100644
--- a/source/downloads/code/sandbox/Canvas_Background.html
+++ b/source/downloads/code/sandbox/Canvas_Background.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Background Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Canvas_Context_Menu.html b/source/downloads/code/sandbox/Canvas_Context_Menu.html
index 4f06fe339..391e3aa39 100644
--- a/source/downloads/code/sandbox/Canvas_Context_Menu.html
+++ b/source/downloads/code/sandbox/Canvas_Context_Menu.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Context Menu Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Canvas_Scrolling_Drag.html b/source/downloads/code/sandbox/Canvas_Scrolling_Drag.html
index 15331ab27..0b2613e2c 100644
--- a/source/downloads/code/sandbox/Canvas_Scrolling_Drag.html
+++ b/source/downloads/code/sandbox/Canvas_Scrolling_Drag.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Canvas Scrolling Drag Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Canvas_Scrolling_Large.html b/source/downloads/code/sandbox/Canvas_Scrolling_Large.html
index e041cda03..77776c22f 100644
--- a/source/downloads/code/sandbox/Canvas_Scrolling_Large.html
+++ b/source/downloads/code/sandbox/Canvas_Scrolling_Large.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Canvas Scrolling Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Canvas_Scrolling_Manual.html b/source/downloads/code/sandbox/Canvas_Scrolling_Manual.html
index 04948be55..50ec63831 100644
--- a/source/downloads/code/sandbox/Canvas_Scrolling_Manual.html
+++ b/source/downloads/code/sandbox/Canvas_Scrolling_Manual.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Canvas Scrolling Drag Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Canvas_Scrolling_Transform.html b/source/downloads/code/sandbox/Canvas_Scrolling_Transform.html
index ad5527417..469bc421e 100644
--- a/source/downloads/code/sandbox/Canvas_Scrolling_Transform.html
+++ b/source/downloads/code/sandbox/Canvas_Scrolling_Transform.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Canvas Scrolling Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Canvas_to_PDF.html b/source/downloads/code/sandbox/Canvas_to_PDF.html
index 636bd046a..18a757861 100644
--- a/source/downloads/code/sandbox/Canvas_to_PDF.html
+++ b/source/downloads/code/sandbox/Canvas_to_PDF.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <script
       src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"
       integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/"
diff --git a/source/downloads/code/sandbox/Collision_Detection.html b/source/downloads/code/sandbox/Collision_Detection.html
index 609354323..f847f5dd1 100644
--- a/source/downloads/code/sandbox/Collision_Detection.html
+++ b/source/downloads/code/sandbox/Collision_Detection.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop Collision Detection Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Complex_Editable_Text.html b/source/downloads/code/sandbox/Complex_Editable_Text.html
index 1afc5c0ee..61561abfd 100644
--- a/source/downloads/code/sandbox/Complex_Editable_Text.html
+++ b/source/downloads/code/sandbox/Complex_Editable_Text.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Editable Text on html5 canvas Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Connected_Objects.html b/source/downloads/code/sandbox/Connected_Objects.html
index 2217d148d..5bfe2e162 100644
--- a/source/downloads/code/sandbox/Connected_Objects.html
+++ b/source/downloads/code/sandbox/Connected_Objects.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Connect Objects demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Custom_Font.html b/source/downloads/code/sandbox/Custom_Font.html
index 352a98c74..5fea25da6 100644
--- a/source/downloads/code/sandbox/Custom_Font.html
+++ b/source/downloads/code/sandbox/Custom_Font.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Custom font loading Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Drag_And_Drop_Multiple_Shapes.html b/source/downloads/code/sandbox/Drag_And_Drop_Multiple_Shapes.html
index 85d878974..9ccedfd65 100644
--- a/source/downloads/code/sandbox/Drag_And_Drop_Multiple_Shapes.html
+++ b/source/downloads/code/sandbox/Drag_And_Drop_Multiple_Shapes.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop Multiple Shapes Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Drag_And_Drop_Stress_Test.html b/source/downloads/code/sandbox/Drag_And_Drop_Stress_Test.html
index f72ac9762..63540b43f 100644
--- a/source/downloads/code/sandbox/Drag_And_Drop_Stress_Test.html
+++ b/source/downloads/code/sandbox/Drag_And_Drop_Stress_Test.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop Stress Test with 10,000 Shapes Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Drop_DOM_Element.html b/source/downloads/code/sandbox/Drop_DOM_Element.html
index 164821cce..8c4ea5363 100644
--- a/source/downloads/code/sandbox/Drop_DOM_Element.html
+++ b/source/downloads/code/sandbox/Drop_DOM_Element.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drop DOM element Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Editable_Text.html b/source/downloads/code/sandbox/Editable_Text.html
index 66b94feee..875b225a6 100644
--- a/source/downloads/code/sandbox/Editable_Text.html
+++ b/source/downloads/code/sandbox/Editable_Text.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Editable Text on html5 canvas Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Elastic_Stars.html b/source/downloads/code/sandbox/Elastic_Stars.html
index 2c4d45581..02db962d2 100644
--- a/source/downloads/code/sandbox/Elastic_Stars.html
+++ b/source/downloads/code/sandbox/Elastic_Stars.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Elastic Stars Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Expand_Image_On_Hover.html b/source/downloads/code/sandbox/Expand_Image_On_Hover.html
index c3b9fe715..d1deea8fa 100644
--- a/source/downloads/code/sandbox/Expand_Image_On_Hover.html
+++ b/source/downloads/code/sandbox/Expand_Image_On_Hover.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Expand Image on Hover Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Free_Drawing_Manual.html b/source/downloads/code/sandbox/Free_Drawing_Manual.html
index 1bd17d630..704e5295f 100644
--- a/source/downloads/code/sandbox/Free_Drawing_Manual.html
+++ b/source/downloads/code/sandbox/Free_Drawing_Manual.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Free Drawing Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Free_Drawing_Vector.html b/source/downloads/code/sandbox/Free_Drawing_Vector.html
index de1aa1f1f..53af88c89 100644
--- a/source/downloads/code/sandbox/Free_Drawing_Vector.html
+++ b/source/downloads/code/sandbox/Free_Drawing_Vector.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Free Drawing Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/GIF_On_Canvas.html b/source/downloads/code/sandbox/GIF_On_Canvas.html
index 23df6d6f0..c20af038a 100644
--- a/source/downloads/code/sandbox/GIF_On_Canvas.html
+++ b/source/downloads/code/sandbox/GIF_On_Canvas.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <script src="https://unpkg.com/gifler@0.1.0/gifler.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva GIF Demo</title>
diff --git a/source/downloads/code/sandbox/Gestures.html b/source/downloads/code/sandbox/Gestures.html
index 0fd2ae5fb..3e73fc4e9 100644
--- a/source/downloads/code/sandbox/Gestures.html
+++ b/source/downloads/code/sandbox/Gestures.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <!-- emulate touches on desktop -->
     <script src="https://cdn.rawgit.com/hammerjs/touchemulator/master/touch-emulator.js"></script>
     <!-- 3-rd party library for gesture events -->
diff --git a/source/downloads/code/sandbox/Image_Border.html b/source/downloads/code/sandbox/Image_Border.html
index ccbaa4713..5348e8ec4 100644
--- a/source/downloads/code/sandbox/Image_Border.html
+++ b/source/downloads/code/sandbox/Image_Border.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Border Image Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Image_Border_Highlighting.html b/source/downloads/code/sandbox/Image_Border_Highlighting.html
index f76bf0268..da5f8c47c 100644
--- a/source/downloads/code/sandbox/Image_Border_Highlighting.html
+++ b/source/downloads/code/sandbox/Image_Border_Highlighting.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Image Border Highlighting Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Image_Resize.html b/source/downloads/code/sandbox/Image_Resize.html
index e3e49be36..52e492f17 100644
--- a/source/downloads/code/sandbox/Image_Resize.html
+++ b/source/downloads/code/sandbox/Image_Resize.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Image Resize Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Interactive_Building_Map.html b/source/downloads/code/sandbox/Interactive_Building_Map.html
index 9fa732d35..e95cb5b11 100644
--- a/source/downloads/code/sandbox/Interactive_Building_Map.html
+++ b/source/downloads/code/sandbox/Interactive_Building_Map.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Interactive Building Map Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Jumping_Bunnies.html b/source/downloads/code/sandbox/Jumping_Bunnies.html
index 29d3b6c18..bc3b27df5 100644
--- a/source/downloads/code/sandbox/Jumping_Bunnies.html
+++ b/source/downloads/code/sandbox/Jumping_Bunnies.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Jumping Bunnies Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Limited_Drag_And_Resize.html b/source/downloads/code/sandbox/Limited_Drag_And_Resize.html
index fb94eb08f..452f08ff5 100644
--- a/source/downloads/code/sandbox/Limited_Drag_And_Resize.html
+++ b/source/downloads/code/sandbox/Limited_Drag_And_Resize.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Drag and Drop Multiple Shapes Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Mirror_Canvas_Shape.html b/source/downloads/code/sandbox/Mirror_Canvas_Shape.html
index 6d18c89c6..df87ee8d7 100644
--- a/source/downloads/code/sandbox/Mirror_Canvas_Shape.html
+++ b/source/downloads/code/sandbox/Mirror_Canvas_Shape.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Transparency for several Shapes Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Modify_Curves_with_Anchor_Points.html b/source/downloads/code/sandbox/Modify_Curves_with_Anchor_Points.html
index dce8a3e47..486a45680 100644
--- a/source/downloads/code/sandbox/Modify_Curves_with_Anchor_Points.html
+++ b/source/downloads/code/sandbox/Modify_Curves_with_Anchor_Points.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Modify Curves with Anchor Points Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Modify_Shape_Color_on_Click.html b/source/downloads/code/sandbox/Modify_Shape_Color_on_Click.html
index 96bc67f27..4b7997f17 100644
--- a/source/downloads/code/sandbox/Modify_Shape_Color_on_Click.html
+++ b/source/downloads/code/sandbox/Modify_Shape_Color_on_Click.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Modify Shape Color on Click Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Multi-touch_Scale_Shape.html b/source/downloads/code/sandbox/Multi-touch_Scale_Shape.html
index cf33c1296..52f4cef8a 100644
--- a/source/downloads/code/sandbox/Multi-touch_Scale_Shape.html
+++ b/source/downloads/code/sandbox/Multi-touch_Scale_Shape.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Multi-touch Scale Shape Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Multi-touch_Scale_Stage.html b/source/downloads/code/sandbox/Multi-touch_Scale_Stage.html
index 421b12f91..015cc2795 100644
--- a/source/downloads/code/sandbox/Multi-touch_Scale_Stage.html
+++ b/source/downloads/code/sandbox/Multi-touch_Scale_Stage.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Multi-touch Scale Stage Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Native_Context_Access.html b/source/downloads/code/sandbox/Native_Context_Access.html
index 323bde92b..ff21fdc9b 100644
--- a/source/downloads/code/sandbox/Native_Context_Access.html
+++ b/source/downloads/code/sandbox/Native_Context_Access.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Native Context Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Objects_Snapping.html b/source/downloads/code/sandbox/Objects_Snapping.html
index 3c72ea576..075cbb008 100644
--- a/source/downloads/code/sandbox/Objects_Snapping.html
+++ b/source/downloads/code/sandbox/Objects_Snapping.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Snapping of shapes Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Physics_Simulator.html b/source/downloads/code/sandbox/Physics_Simulator.html
index 922beffea..3f07d5237 100644
--- a/source/downloads/code/sandbox/Physics_Simulator.html
+++ b/source/downloads/code/sandbox/Physics_Simulator.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Physics Simulator Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Planets_Image_Map.html b/source/downloads/code/sandbox/Planets_Image_Map.html
index 2a95a4daf..28b03a51e 100644
--- a/source/downloads/code/sandbox/Planets_Image_Map.html
+++ b/source/downloads/code/sandbox/Planets_Image_Map.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Planets Image Map Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Quantum_Squiggle.html b/source/downloads/code/sandbox/Quantum_Squiggle.html
index 367411b09..111a6a811 100644
--- a/source/downloads/code/sandbox/Quantum_Squiggle.html
+++ b/source/downloads/code/sandbox/Quantum_Squiggle.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Quantum Squiggle Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Relative_Pointer_Position.html b/source/downloads/code/sandbox/Relative_Pointer_Position.html
index 3b2e23986..311d1d802 100644
--- a/source/downloads/code/sandbox/Relative_Pointer_Position.html
+++ b/source/downloads/code/sandbox/Relative_Pointer_Position.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Relative Pointer Position Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Relative_zooming.html b/source/downloads/code/sandbox/Relative_zooming.html
index c24975665..adb717d2c 100644
--- a/source/downloads/code/sandbox/Relative_zooming.html
+++ b/source/downloads/code/sandbox/Relative_zooming.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Zoom Relative to Stage Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Resizing_Stress_Test.html b/source/downloads/code/sandbox/Resizing_Stress_Test.html
index bd5d2241a..1b6ad09f3 100644
--- a/source/downloads/code/sandbox/Resizing_Stress_Test.html
+++ b/source/downloads/code/sandbox/Resizing_Stress_Test.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Resizing stress test Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Responsive_Canvas.html b/source/downloads/code/sandbox/Responsive_Canvas.html
index b2aa3c38e..6ec58271e 100644
--- a/source/downloads/code/sandbox/Responsive_Canvas.html
+++ b/source/downloads/code/sandbox/Responsive_Canvas.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Responsive Canvas Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Rich_Text.html b/source/downloads/code/sandbox/Rich_Text.html
index 1931add5d..82e64d034 100644
--- a/source/downloads/code/sandbox/Rich_Text.html
+++ b/source/downloads/code/sandbox/Rich_Text.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
     <link
       rel="stylesheet"
diff --git a/source/downloads/code/sandbox/SVG_On_Canvas.html b/source/downloads/code/sandbox/SVG_On_Canvas.html
index 136f90d30..40c285706 100644
--- a/source/downloads/code/sandbox/SVG_On_Canvas.html
+++ b/source/downloads/code/sandbox/SVG_On_Canvas.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/canvg/dist/browser/canvg.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva SVG Demo</title>
diff --git a/source/downloads/code/sandbox/Scale_Image_To_Fit.html b/source/downloads/code/sandbox/Scale_Image_To_Fit.html
index db06826d7..1e7cfd7bf 100644
--- a/source/downloads/code/sandbox/Scale_Image_To_Fit.html
+++ b/source/downloads/code/sandbox/Scale_Image_To_Fit.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Scale to Fit Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Scroll_By_Edge_Drag.html b/source/downloads/code/sandbox/Scroll_By_Edge_Drag.html
index dbf0a10e7..74b75f738 100644
--- a/source/downloads/code/sandbox/Scroll_By_Edge_Drag.html
+++ b/source/downloads/code/sandbox/Scroll_By_Edge_Drag.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Canvas Scrolling Drag Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Shape_Tango.html b/source/downloads/code/sandbox/Shape_Tango.html
index 71ac904f9..369b0e5db 100644
--- a/source/downloads/code/sandbox/Shape_Tango.html
+++ b/source/downloads/code/sandbox/Shape_Tango.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shape Tango Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Shape_Tooltips.html b/source/downloads/code/sandbox/Shape_Tooltips.html
index 0631fec6c..d7194deaa 100644
--- a/source/downloads/code/sandbox/Shape_Tooltips.html
+++ b/source/downloads/code/sandbox/Shape_Tooltips.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shape Tooltips Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Simple_Window.html b/source/downloads/code/sandbox/Simple_Window.html
index da2b16067..531deb1d7 100644
--- a/source/downloads/code/sandbox/Simple_Window.html
+++ b/source/downloads/code/sandbox/Simple_Window.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Simple Window drawing</title>
     <style>
diff --git a/source/downloads/code/sandbox/Stage_Preview_Clone.html b/source/downloads/code/sandbox/Stage_Preview_Clone.html
index acdf0f035..3a716f8ca 100644
--- a/source/downloads/code/sandbox/Stage_Preview_Clone.html
+++ b/source/downloads/code/sandbox/Stage_Preview_Clone.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Canvas Stage Preview Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Stage_Preview_Image.html b/source/downloads/code/sandbox/Stage_Preview_Image.html
index ecea29cb2..19ade6f14 100644
--- a/source/downloads/code/sandbox/Stage_Preview_Image.html
+++ b/source/downloads/code/sandbox/Stage_Preview_Image.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Canvas Stage Preview Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Star_Spinner.html b/source/downloads/code/sandbox/Star_Spinner.html
index 48d5f98fd..0b202cbc9 100644
--- a/source/downloads/code/sandbox/Star_Spinner.html
+++ b/source/downloads/code/sandbox/Star_Spinner.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Star Spinner Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Transparent_Group.html b/source/downloads/code/sandbox/Transparent_Group.html
index 88f17a188..ea4c642d2 100644
--- a/source/downloads/code/sandbox/Transparent_Group.html
+++ b/source/downloads/code/sandbox/Transparent_Group.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Transparency for several Shapes Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Video_On_Canvas.html b/source/downloads/code/sandbox/Video_On_Canvas.html
index 68f4082f0..9504969d0 100644
--- a/source/downloads/code/sandbox/Video_On_Canvas.html
+++ b/source/downloads/code/sandbox/Video_On_Canvas.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva GIF Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Wheel_of_Fortune.html b/source/downloads/code/sandbox/Wheel_of_Fortune.html
index 08ad04fef..c112a718a 100644
--- a/source/downloads/code/sandbox/Wheel_of_Fortune.html
+++ b/source/downloads/code/sandbox/Wheel_of_Fortune.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Wheel of Fortune Demo</title>
     <style>
diff --git a/source/downloads/code/sandbox/Zoom_Layer_On_Hover.html b/source/downloads/code/sandbox/Zoom_Layer_On_Hover.html
index 8536cdfd2..6bfe219ce 100644
--- a/source/downloads/code/sandbox/Zoom_Layer_On_Hover.html
+++ b/source/downloads/code/sandbox/Zoom_Layer_On_Hover.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Zoom Image on Hover Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Basic_demo.html b/source/downloads/code/select_and_transform/Basic_demo.html
index fc2c9300e..d1c43d3c3 100644
--- a/source/downloads/code/select_and_transform/Basic_demo.html
+++ b/source/downloads/code/select_and_transform/Basic_demo.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Select and Transform Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Centered_Scaling.html b/source/downloads/code/select_and_transform/Centered_Scaling.html
index c845d548a..c1f3b1465 100644
--- a/source/downloads/code/select_and_transform/Centered_Scaling.html
+++ b/source/downloads/code/select_and_transform/Centered_Scaling.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Centered Scaling Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Force_Update.html b/source/downloads/code/select_and_transform/Force_Update.html
index deb28ac90..25bfb729b 100644
--- a/source/downloads/code/select_and_transform/Force_Update.html
+++ b/source/downloads/code/select_and_transform/Force_Update.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Transform Events Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Ignore_Stroke_On_Transform.html b/source/downloads/code/select_and_transform/Ignore_Stroke_On_Transform.html
index 56599d83f..fdac58b8b 100644
--- a/source/downloads/code/select_and_transform/Ignore_Stroke_On_Transform.html
+++ b/source/downloads/code/select_and_transform/Ignore_Stroke_On_Transform.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Resize Text Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Keep_Ratio.html b/source/downloads/code/select_and_transform/Keep_Ratio.html
index 2bf40d267..31eee283d 100644
--- a/source/downloads/code/select_and_transform/Keep_Ratio.html
+++ b/source/downloads/code/select_and_transform/Keep_Ratio.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Keep Ratio Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Resize_Limits.html b/source/downloads/code/select_and_transform/Resize_Limits.html
index 20ed9142a..f6f1fe0e8 100644
--- a/source/downloads/code/select_and_transform/Resize_Limits.html
+++ b/source/downloads/code/select_and_transform/Resize_Limits.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Transform Limits Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Resize_Snaps.html b/source/downloads/code/select_and_transform/Resize_Snaps.html
index a185521a9..734bc5796 100644
--- a/source/downloads/code/select_and_transform/Resize_Snaps.html
+++ b/source/downloads/code/select_and_transform/Resize_Snaps.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Resize Snap Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Resize_Text.html b/source/downloads/code/select_and_transform/Resize_Text.html
index e5329d526..fe40633b7 100644
--- a/source/downloads/code/select_and_transform/Resize_Text.html
+++ b/source/downloads/code/select_and_transform/Resize_Text.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Resize Text Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Rotation_Snaps.html b/source/downloads/code/select_and_transform/Rotation_Snaps.html
index 795f417d5..a5ecf4789 100644
--- a/source/downloads/code/select_and_transform/Rotation_Snaps.html
+++ b/source/downloads/code/select_and_transform/Rotation_Snaps.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Rotation snap Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Stop_Transform.html b/source/downloads/code/select_and_transform/Stop_Transform.html
index 3ec4217de..3aeed5675 100644
--- a/source/downloads/code/select_and_transform/Stop_Transform.html
+++ b/source/downloads/code/select_and_transform/Stop_Transform.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Stop Transform Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Transform_Events.html b/source/downloads/code/select_and_transform/Transform_Events.html
index 568837df7..fb14200af 100644
--- a/source/downloads/code/select_and_transform/Transform_Events.html
+++ b/source/downloads/code/select_and_transform/Transform_Events.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Transform Events Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Transformer_Complex_Styling.html b/source/downloads/code/select_and_transform/Transformer_Complex_Styling.html
index 9776c8ad4..a65248950 100644
--- a/source/downloads/code/select_and_transform/Transformer_Complex_Styling.html
+++ b/source/downloads/code/select_and_transform/Transformer_Complex_Styling.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Select and Transform Complex Styling Demo</title>
     <style>
diff --git a/source/downloads/code/select_and_transform/Transformer_Styling.html b/source/downloads/code/select_and_transform/Transformer_Styling.html
index 262a88d29..262091e8e 100644
--- a/source/downloads/code/select_and_transform/Transformer_Styling.html
+++ b/source/downloads/code/select_and_transform/Transformer_Styling.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <!-- USE DEVELOPMENT VERSION -->
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Select and Transform Styling Demo</title>
     <style>
diff --git a/source/downloads/code/selectors/Select_by_Name.html b/source/downloads/code/selectors/Select_by_Name.html
index 0ad50c679..5eb4496f6 100644
--- a/source/downloads/code/selectors/Select_by_Name.html
+++ b/source/downloads/code/selectors/Select_by_Name.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Select Shape by Name Demo</title>
     <style>
diff --git a/source/downloads/code/selectors/Select_by_Type.html b/source/downloads/code/selectors/Select_by_Type.html
index f5a234e66..a03e8b14f 100644
--- a/source/downloads/code/selectors/Select_by_Type.html
+++ b/source/downloads/code/selectors/Select_by_Type.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Select Shape by Type Demo</title>
     <style>
diff --git a/source/downloads/code/selectors/Select_by_id.html b/source/downloads/code/selectors/Select_by_id.html
index 16cdfa9f6..988792ba2 100644
--- a/source/downloads/code/selectors/Select_by_id.html
+++ b/source/downloads/code/selectors/Select_by_id.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Select Shape by id Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Arc.html b/source/downloads/code/shapes/Arc.html
index 45d072921..d93f51e69 100644
--- a/source/downloads/code/shapes/Arc.html
+++ b/source/downloads/code/shapes/Arc.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Arc Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Arrow.html b/source/downloads/code/shapes/Arrow.html
index 528f32380..2ccc5a94b 100644
--- a/source/downloads/code/shapes/Arrow.html
+++ b/source/downloads/code/shapes/Arrow.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Arrow Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Circle.html b/source/downloads/code/shapes/Circle.html
index 46cce3863..9c15355df 100644
--- a/source/downloads/code/shapes/Circle.html
+++ b/source/downloads/code/shapes/Circle.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Circle Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Custom.html b/source/downloads/code/shapes/Custom.html
index 1e3e09b98..4c7ee4a48 100644
--- a/source/downloads/code/shapes/Custom.html
+++ b/source/downloads/code/shapes/Custom.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Custom Shape Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Ellipse.html b/source/downloads/code/shapes/Ellipse.html
index 375b8bf72..81de2abce 100644
--- a/source/downloads/code/shapes/Ellipse.html
+++ b/source/downloads/code/shapes/Ellipse.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Ellipse Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Image.html b/source/downloads/code/shapes/Image.html
index 8f7ae0b80..eb0ee1028 100644
--- a/source/downloads/code/shapes/Image.html
+++ b/source/downloads/code/shapes/Image.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Image Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Label.html b/source/downloads/code/shapes/Label.html
index 08440efe7..7f23be73a 100644
--- a/source/downloads/code/shapes/Label.html
+++ b/source/downloads/code/shapes/Label.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Label Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Line_-_Blob.html b/source/downloads/code/shapes/Line_-_Blob.html
index 7eaf84bbf..81c562b6c 100644
--- a/source/downloads/code/shapes/Line_-_Blob.html
+++ b/source/downloads/code/shapes/Line_-_Blob.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Line Blob Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Line_-_Polygon.html b/source/downloads/code/shapes/Line_-_Polygon.html
index fefcf7794..a1ef1ac18 100644
--- a/source/downloads/code/shapes/Line_-_Polygon.html
+++ b/source/downloads/code/shapes/Line_-_Polygon.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Line Polygon Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Line_-_Simple_line.html b/source/downloads/code/shapes/Line_-_Simple_line.html
index d32966c3b..0712b387a 100644
--- a/source/downloads/code/shapes/Line_-_Simple_line.html
+++ b/source/downloads/code/shapes/Line_-_Simple_line.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Simple Line Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Line_-_Spline.html b/source/downloads/code/shapes/Line_-_Spline.html
index 328549ab3..d7a412ff0 100644
--- a/source/downloads/code/shapes/Line_-_Spline.html
+++ b/source/downloads/code/shapes/Line_-_Spline.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Line Spline Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Path.html b/source/downloads/code/shapes/Path.html
index 0c824a361..d339aed35 100644
--- a/source/downloads/code/shapes/Path.html
+++ b/source/downloads/code/shapes/Path.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Path Demo</title>
     <style>
@@ -28,7 +28,7 @@
       var path = new Konva.Path({
         x: 50,
         y: 40,
-        data: 'M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9C33.3,145.1,67.5,170.3,125,217c59.3.166.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9.3.16.1,6.7z',
+        data: 'M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9C33.3,145.1,67.5,170.3,125,217c59.3.176.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9.3.17.1,6.7z',
         fill: 'green',
         scaleX: 0.5,
         scaleY: 0.5,
diff --git a/source/downloads/code/shapes/RegularPolygon.html b/source/downloads/code/shapes/RegularPolygon.html
index 4f2899d24..ab7c0bc3e 100644
--- a/source/downloads/code/shapes/RegularPolygon.html
+++ b/source/downloads/code/shapes/RegularPolygon.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva RegularPolygon Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Ring.html b/source/downloads/code/shapes/Ring.html
index f66ff4e5f..2ab2f62ca 100644
--- a/source/downloads/code/shapes/Ring.html
+++ b/source/downloads/code/shapes/Ring.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Ring Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Sprite.html b/source/downloads/code/shapes/Sprite.html
index f487515e9..e35d5370e 100644
--- a/source/downloads/code/shapes/Sprite.html
+++ b/source/downloads/code/shapes/Sprite.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Sprite Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Star.html b/source/downloads/code/shapes/Star.html
index 2790e40d6..68295b3f1 100644
--- a/source/downloads/code/shapes/Star.html
+++ b/source/downloads/code/shapes/Star.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Star Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Text.html b/source/downloads/code/shapes/Text.html
index a747e8d8b..26985a483 100644
--- a/source/downloads/code/shapes/Text.html
+++ b/source/downloads/code/shapes/Text.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Text Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/TextPath.html b/source/downloads/code/shapes/TextPath.html
index f6387a50e..ae48cddfa 100644
--- a/source/downloads/code/shapes/TextPath.html
+++ b/source/downloads/code/shapes/TextPath.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva TextPath Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/Wedge.html b/source/downloads/code/shapes/Wedge.html
index e4a4ee3e2..b85305860 100644
--- a/source/downloads/code/shapes/Wedge.html
+++ b/source/downloads/code/shapes/Wedge.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Wedge Demo</title>
     <style>
diff --git a/source/downloads/code/shapes/rect.html b/source/downloads/code/shapes/rect.html
index 76f623d3f..d9fd6bc96 100644
--- a/source/downloads/code/shapes/rect.html
+++ b/source/downloads/code/shapes/rect.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Rect Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Blend_Mode.html b/source/downloads/code/styling/Blend_Mode.html
index 0ea929052..d97e09d79 100644
--- a/source/downloads/code/styling/Blend_Mode.html
+++ b/source/downloads/code/styling/Blend_Mode.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Blend Mode Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Fill.html b/source/downloads/code/styling/Fill.html
index 31e5743cc..d9d10dc7d 100644
--- a/source/downloads/code/styling/Fill.html
+++ b/source/downloads/code/styling/Fill.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Fill Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Fill_Stroke_Order.html b/source/downloads/code/styling/Fill_Stroke_Order.html
index a70c881d2..687218ba3 100644
--- a/source/downloads/code/styling/Fill_Stroke_Order.html
+++ b/source/downloads/code/styling/Fill_Stroke_Order.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Fill Stroke Order Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Hide_and_Show.html b/source/downloads/code/styling/Hide_and_Show.html
index 3b091ae07..63ac8a09f 100644
--- a/source/downloads/code/styling/Hide_and_Show.html
+++ b/source/downloads/code/styling/Hide_and_Show.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Hide and Show Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Line_Join.html b/source/downloads/code/styling/Line_Join.html
index 5bf387a4f..14c338a91 100644
--- a/source/downloads/code/styling/Line_Join.html
+++ b/source/downloads/code/styling/Line_Join.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Line Join Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Mouse_Cursor.html b/source/downloads/code/styling/Mouse_Cursor.html
index 81c49b938..6483e09c9 100644
--- a/source/downloads/code/styling/Mouse_Cursor.html
+++ b/source/downloads/code/styling/Mouse_Cursor.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Mouse Cursor Styles Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Opacity.html b/source/downloads/code/styling/Opacity.html
index af96a8f54..7f211eaa3 100644
--- a/source/downloads/code/styling/Opacity.html
+++ b/source/downloads/code/styling/Opacity.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Opacity Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Shadow.html b/source/downloads/code/styling/Shadow.html
index a062b7f15..823a40475 100644
--- a/source/downloads/code/styling/Shadow.html
+++ b/source/downloads/code/styling/Shadow.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Shadow Demo</title>
     <style>
diff --git a/source/downloads/code/styling/Stroke.html b/source/downloads/code/styling/Stroke.html
index 1a8e719ba..a7898e0f6 100644
--- a/source/downloads/code/styling/Stroke.html
+++ b/source/downloads/code/styling/Stroke.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Stroke Demo</title>
     <style>
diff --git a/source/downloads/code/tweens/All_Controls.html b/source/downloads/code/tweens/All_Controls.html
index 1ff871a83..4893834d5 100644
--- a/source/downloads/code/tweens/All_Controls.html
+++ b/source/downloads/code/tweens/All_Controls.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva All Controls Demo</title>
     <style>
diff --git a/source/downloads/code/tweens/All_Easings.html b/source/downloads/code/tweens/All_Easings.html
index 0c0a47511..816dddcfd 100644
--- a/source/downloads/code/tweens/All_Easings.html
+++ b/source/downloads/code/tweens/All_Easings.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva All Easings Demo</title>
     <style>
diff --git a/source/downloads/code/tweens/Common_Easing.html b/source/downloads/code/tweens/Common_Easing.html
index 8767be9ac..3c765e32e 100644
--- a/source/downloads/code/tweens/Common_Easing.html
+++ b/source/downloads/code/tweens/Common_Easing.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Common Easing Demo</title>
     <style>
diff --git a/source/downloads/code/tweens/Complex_Tweening.html b/source/downloads/code/tweens/Complex_Tweening.html
index 2a9260ad2..d8acbfe44 100644
--- a/source/downloads/code/tweens/Complex_Tweening.html
+++ b/source/downloads/code/tweens/Complex_Tweening.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <script src="https://rawgit.com/konvajs/greensock-plugin/master/KonvaPlugin.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineLite.min.js"></script>
diff --git a/source/downloads/code/tweens/Finish_Event.html b/source/downloads/code/tweens/Finish_Event.html
index f514464d3..1394f06a6 100644
--- a/source/downloads/code/tweens/Finish_Event.html
+++ b/source/downloads/code/tweens/Finish_Event.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Finish Event Demo</title>
     <style>
diff --git a/source/downloads/code/tweens/Linear_Easing.html b/source/downloads/code/tweens/Linear_Easing.html
index a5e18d322..1396ac59f 100644
--- a/source/downloads/code/tweens/Linear_Easing.html
+++ b/source/downloads/code/tweens/Linear_Easing.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Linear Easing Demo</title>
     <style>
diff --git a/source/downloads/code/tweens/Tween_Filter.html b/source/downloads/code/tweens/Tween_Filter.html
index 6309f47e6..1425ecd30 100644
--- a/source/downloads/code/tweens/Tween_Filter.html
+++ b/source/downloads/code/tweens/Tween_Filter.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://unpkg.com/konva@9.3.16/konva.min.js"></script>
+    <script src="https://unpkg.com/konva@9.3.17/konva.min.js"></script>
     <meta charset="utf-8" />
     <title>Konva Tween Filter Demo</title>
     <style>
diff --git a/vue-demos/basic_demo/package.json b/vue-demos/basic_demo/package.json
index a9f752a22..069e84027 100755
--- a/vue-demos/basic_demo/package.json
+++ b/vue-demos/basic_demo/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/cache/package.json b/vue-demos/cache/package.json
index d1ed0e985..f05d8c12f 100755
--- a/vue-demos/cache/package.json
+++ b/vue-demos/cache/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/custom_shape/package.json b/vue-demos/custom_shape/package.json
index a61057a5a..7d0e63339 100755
--- a/vue-demos/custom_shape/package.json
+++ b/vue-demos/custom_shape/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/drag_and_drop/package.json b/vue-demos/drag_and_drop/package.json
index a61057a5a..7d0e63339 100755
--- a/vue-demos/drag_and_drop/package.json
+++ b/vue-demos/drag_and_drop/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/events/package.json b/vue-demos/events/package.json
index a61057a5a..7d0e63339 100755
--- a/vue-demos/events/package.json
+++ b/vue-demos/events/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/filters/package.json b/vue-demos/filters/package.json
index 30a63c50c..d7275475f 100755
--- a/vue-demos/filters/package.json
+++ b/vue-demos/filters/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/images/package.json b/vue-demos/images/package.json
index a61057a5a..7d0e63339 100755
--- a/vue-demos/images/package.json
+++ b/vue-demos/images/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/save-load/package.json b/vue-demos/save-load/package.json
index a61057a5a..7d0e63339 100755
--- a/vue-demos/save-load/package.json
+++ b/vue-demos/save-load/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/shapes/package.json b/vue-demos/shapes/package.json
index a61057a5a..7d0e63339 100755
--- a/vue-demos/shapes/package.json
+++ b/vue-demos/shapes/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/simple_animations/package.json b/vue-demos/simple_animations/package.json
index a61057a5a..7d0e63339 100755
--- a/vue-demos/simple_animations/package.json
+++ b/vue-demos/simple_animations/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/transformer/package.json b/vue-demos/transformer/package.json
index 359996fcd..6299420c8 100755
--- a/vue-demos/transformer/package.json
+++ b/vue-demos/transformer/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },
diff --git a/vue-demos/zIndex/package.json b/vue-demos/zIndex/package.json
index a61057a5a..7d0e63339 100644
--- a/vue-demos/zIndex/package.json
+++ b/vue-demos/zIndex/package.json
@@ -9,7 +9,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "konva": "9.3.16",
+    "konva": "9.3.17",
     "vue": "^3.4.7",
     "vue-konva": "3.1.0"
   },