Who is using Konva?

[lavrton]

Hello, everyone. ✋
I am going to create a special page on the Konva website with a list of products that are using Konva.

If you are using Konva in your app, please, add a comment on this issue. Any products are welcome: private enterprise apps, startups, games, open-source projects, etc.

Also, please add this information if possible:

1. Product description
2. Screenshot
3. Direct link to a product (or direct link to the page where konva is used)
4. Stack (any other libraries you use here?)

I may not add any projects to the main list. But it will be still good to have a list here, so other people can check the demos.

[dymio]

Hi Anton.

1. Website of apartment complex «Цвета Жизни» ("Colours of life") in Abakan city, Russia. This is information website for clients with interactive floor plans made with Konva.
2. 
3. http://life.tsst.su/floor-schemes?floor=5&porch=6
4. Stack: Konva, jQuery in browser, Rails as backend.

[deekshith-sclera]

Unable to access the link

[lavrton]

1. Pixteller - "Newly redesigned web app aims to make social media graphics simple".
2. 
3. The app: https://pixteller.com/. The page where Konva is used: https://pixteller.com/editor
4. React, Konva, react-konva, react-redux

[pgrodrigues]

1. CSGO Board provides an interactive board for Valve's game Counter-Strike: Global Offensive which allows the user to design strategies and game plans for competitive matches.
2. 
3. http://www.csgoboard.com/board
4. AngularJS, Konva.

[vladimir-adtargetme]

Hi Anton

1. Banner designer - preview of dynamic banners for RTB platform Adtarget.me before generate sources.

3. https://system.adtarget.me/dashboard/creatives/551521c74ba487154fbb01cb/bannertool/#container_id=border
4. jQuery, Konva, Jcrop

[norbertpisz]

Hi Anton, 1. SystemPro - tool for create soccer tactics and animations. 2. - 3. Startup not released yet :) 4. JQuery, Konva, Boostrap, ASP .NET Core MVC

[lavrton]

Hey, were you able to launch it?

[slig]

1. Online jigsaw puzzle
2. 
3. https://www.brainzilla.com/puzzles/jigsaw/
4. Programmed in TypeScript, using Konva and jQuery.

[kirill3333]

Hi, thank you for your library. My example:

1. React component to crop avatar

3. https://github.com/kirill3333/react-avatar

[JourdanClark]

<Snake/>

Live Demo

This is a classic game of Snake made using React and Redux!
It uses React Konva to easily interact with Canvas elements.

This was made for a 24 hour Hackathon for LambdaSchool. We tied for Best Overall - Student Vote as well as Staff Pick.

You can either use the buttons on the console or the following keys:

• Up Arrow or W
• Left Arrow or A
• Down Arrow or S
• Right Arrow or D
• Spacebar or Enter

[mcalus3]

1. I am using react-konva and konva for view layer of my game color-wars. The game is hot-seat multiplayer, arcade, with focus on competition. Konva library performed great even under excessive amount of operations :)
2. 
3. https://mcalus3.github.io/color-wars-web/
4. Game is using also react, redux and is written in typescript.

[badlee]

We had used Konvas in our project
Play : https://play.google.com/store/apps/details?id=ga.oshimin.mobile.familys
Website : http://myfamilys.ga

[adyster]

I use it on facetache!
Description: Add moustaches to photos!
Website:https://www.facetache.com/

[SilentXYZ]

I'm trying to make program for learning english with Angular/Konva
http://enpuz.ru/online/lessons/hpttr-03-a

[bmoquist]

Kuruko - "Create Custom Wall Art with High-Quality Mounted Photo Prints"

Konva is used:

• Main drag-and-drop wall design editor
• Image editor (cropping images, creating SplitPics, selecting which image to edit)

Main: https://www.kuruko.com
Konva-based Editor: https://www.kuruko.com/design

Stack: React, Redux, Konva, React-Konva, Semantic UI React, Express, Postgres

[bluehymn]

I use it to draw charts in my work

Angular + Konvajs

[songoffire]

ScriptureMark

DESCRIPTION: A free tool that allows users to interact with Bible text on a canvas with a variety of text layout and markup tools.
LINK: https://www.blueletterbible.org/smark
IMAGE:

• 

[sh730]

Thank you for this amazing library.

1. Touch Typing Practice Online

3. https://typing-lesson.com/

4. TypeScript, Konva

[ayuechuan]

https://github.com/ayuechuan/konva-calendar/tree/main

[johnmanscut]

Hi Anton.
Thank you for such good canvas lib.

1. Radinet.app Planner is a modern In-Building Coverage System design and heat map simulation tool, Supporting WiFi, Celluar 3/4/5G, Blue tooth, etc

3. https://www.radinet.app

4. React, Konva, Tailwind

[n-yoshida-polaris]

Nankoma: The Future of Manga Creation Powered by Konva.js!

description

Nankoma is an innovative online platform that combines AI-generated images with a flexible canvas, redefining manga creation.
Leveraging the powerful drawing capabilities of Konva.js, Nankoma enables users to intuitively place characters and speech bubbles with drag-and-drop simplicity. Its seamless and responsive design makes it accessible for both beginners and professionals to bring their creative visions to life. Plus, new features are continually being developed to enhance the experience.
Turn your ideas into reality with Nankoma!
Learn more: Nankoma

Screenshot

Link

https://nankoma.com/comic/theme/3503
https://nankoma.com/comic/create

Stack

Laravel,jQuery

[LiamDochartaigh]

1. Twitch Banner Maker : Helps streamers create personalised banner graphics for their Twitch channel, and promote all of their social media links.

3. https://app.hexeum.net/tools/twitch-banner-maker
4. Vue.Js, Nuxt

[uc-mobileapps]

Thanks for the great, efficient and simple to use library.
We use Konva for several years now to provide an UML editor with an infinite canvas where users create runnable activity diagrams.
This is the editor part of the user interface in Cocosplate AI, an application that allows to create flexible dialog systems from workflows for customer care.

It supports writing e-mail, answering e-mails, answering in other types of text messages, Python scripting and much more. It is available as a docker image or windows installation with a free trial period.

[tbo47]

We use konva in our software (angular, nestjs, typeorm). We used some of the code spread across the documentation and regrouped it in a set of components to make our code easier to maintain: https://github.com/tbo47/konva-components

[vtjoeh]

Hello Anton - Thank you for maintaining Konva.js. The documentation and Q&A support are amazing.

1)The Video Room Calculator is a community project that helps create collaboration room designs for Cisco Video Devices. The designs show camera coverage, microphone coverage, and display coverage. The 2D designs can be exported to the Workspace Designer in real time to render the pages in 3D.
2)

3. Video Room Calculator
4. Stack: Konva.js, vanilla javascript. 3D renderings open in a separate tab and use Cisco's Workspace Designer

[hamidb80]

Cool!

[CheMingjun]

MyBricks.ai
AI + LowCode ，for design complex application，used konva for interaction graph。

22.mp4

[pcldev]

TailorKit Product Personalizer

Hi everyone 👋,
We’re also using React Konva at TailorKit
(a Shopify personalization app). It’s been a solid choice for handling interactive canvas editing — especially with features like draggable/resizable text and image layers.

We’ve found Konva’s API flexible enough to support complex use cases (e.g. live product personalization previews, background removal overlays, and mockup alignment). Really appreciate the effort behind this library — it’s become a core part of our editor.

Youtube: https://www.youtube.com/watch?v=3qutJs8Enho

[fusion2k3]

Hi Anton and Konva community.

Thank you for creating this software. Please see my attached information for your review

1. Product description - Moddy is used by Occupational Therapists to draw disability housing environments. When a person is living at home with a disability, or wishes to remain at home while they age gracefully - often their environment needs to be adapted to improve accessibility.

Moddy makes it easy for Occupational Therapists to draw new ramps, staircases, bathrooms and related areas, so that person can remain living at home with greater safety and independence.

2. Screenshot - Please see the attached screenshot of the UI.

3. Direct link to a product (or direct link to the page where konva is used)

https://moddy.io/moddy-2d/

4. Stack (any other libraries you use here?)

React Konva JS (Front-end), Lavarel (Back-end)

[DigitalFlux]

Hi Anton,

1. WayNotes is a note-taking app that allows you to create vector-based sketches, or notes with text, images, and drawings, and then arrange them in space. Navigate to notes or areas of interest using bookmarks, and create as many notebooks as you need to capture all of your thoughts. It is presently available on phone and tablet for Android devices.

3. https://play.google.com/store/apps/details?id=com.orbitalarcade.WayNotes

4. Stack: Konva, Cordova, Quill, Vanilla-Picker, Material Icons, Snap-Dom, TypeScript and native Web Components.

[lvandernoll]

Hi! For PokeCardMaker (and Riftcardmaker) I've looked at many different ways to render the customized cards live and consistent on all devices. After many prototypes I found Canvas to be the most consistent, and Konva to be the easiest to use for this by far.

1. Product description

PokeCardMaker is a tool with which you can create custom Pokémon cards with a live preview based on the different templates you select, images you add and text you enter.

2. Screenshot

3. Direct link to a product (or direct link to the page where konva is used)

https://pokecardmaker.net/create (https://www.riftcardmaker.net too, but that is way less fleshed-out)

4. Stack (any other libraries you use here?)

It's made with Nextjs, styled with PandaCSS, with tRPC as a backend and Konvajs as the Viewer engine

[geniot]

Open Source

https://octavian.app/
https://demo.octavian.app/

Product description:
Octavian is a companion app to help you practice piano or accordion.

Screenshot
https://octavian.app/assets/game.png

Stack
Angular, GoLang, PostgreSQL.

[om-chauhan]

Product Description: 👇

fluttershaper.com is a web-based tool and visual editor aimed at Flutter developers for creating and designing complex shapes and custom drawing paths visually — instead of writing the code manually. It focuses on helping with graphics work in Flutter, especially where precise shape curves, paths, or custom painter logic are needed.

Flutter Shape Builder- it’s a visual path editor/shape builder that:

✔ lets you draw shapes using click-and-drag tools, curves, boolean operations, etc.
✔ creates SVG-like custom paths visually
✔ generates Flutter CustomPainter code that you can paste directly into your Flutter app.
Flutter Shape Builder

So instead of manually calculating bezier points or tedious custom path code, you design visually then export ready-to-use Flutter path code.

Screenshot 🖼️

Link 🔗
https://fluttershaper.com

Stack 👨‍💻
React Js, Conva.js, Firebase, Paper.js, zustand