Used in production by teams at
Meta
Microsoft
Polotno
Labelbox
ZazzleWhat the library gives you
Konva sits between the canvas element and your application state.
Object-oriented scene graph
Work with stages, layers, groups, and shapes instead of low-level drawing commands.
Pointer and touch input
Use the same event system for desktop pointers and touch screens.
Animations and tweens
Update shapes on each frame, or move values over time with a tween.
Node trees and events
Nest nodes, group related shapes, and use event bubbling or delegation.
Raster export
Export a stage or node to a canvas, data URL, or Blob at a selected pixel ratio.
Image filters
Cache a node and apply built-in filters such as blur, contrast, and grayscale.
Framework integrations
Use Konva with JavaScript, React, Vue, Svelte, or Angular.
Drag and transform
Make a node draggable, then add resize and rotate controls with Transformer.
Build a real canvas application
Each one is a working demo you can run, read, and adapt.
Design editor
Select, resize, rotate, save, undo, and export objects.
Open demo →Infinite canvas whiteboard
Pan and zoom a large workspace with stable coordinates.
Open demo →Node editor
Connect draggable nodes and update each edge in real time.
Open demo →Image annotation tool
Draw, edit, and export structured regions over an image.
Open demo →Floor plan
Make rooms interactive without losing the source geometry.
Open demo →Seat reservation map
Render and select a large set of seats efficiently.
Open demo →Image editor
Crop, transform, and export an image at a useful size.
Open demo →Multiplayer whiteboard
Connect Konva state to a shared Yjs document.
Open demo →Need a production design editor sooner?
A design editor needs a text engine, font loading, templates, history, and an export pipeline on top of the canvas. Polotno is a commercial SDK built with Konva that ships all of it.
Built with Konva
Production tools use Konva for editors, diagrams, labels, and games.
Polotno
A design editor SDK for the web
SMMplanner
An editor for social media stories and scheduled posts
SpreadSheet Grid
An Excel-like data grid for React
Windoor craft
A drag-and-drop tool for window and door design
Pixteller
A tool to create and customize images
Paddee
A marketplace and editor for photo booth templates
Some-charts
JS charting library
Shelly
A programming language for drawing
BoardOS
Online whiteboard collaboration system
Vokal
Create podcast video snippets for social media
facetache
Add moustaches to photos!
ScriptureMark
Interact with Bible text on a canvas
Let's Role
Play TableTop RPG in a virtual environment
csgoboard
Interactive board for Valve's game Counter-Strike
brainzilla
Online jigsaw puzzle
react-avatar
Load, crop & preview avatar with React
Color wars game
Hot-seat multiplayer, arcade, with focus on competition
Opdome
Online Picture Dictionary
E-cards
Online shop for business ecards
Mystikaze
An online turn-based hex battle strategy game
Moddy
Draw safer spaces for people living with a disability