Software Alternatives, Accelerators & Startups

Konva

Konva is 2d Canvas JavaScript framework for drawings shapes, animations, node nesting, layering, filtering, event handling, drag and drop and much more.

Konva Reviews and details

Screenshots and images

  • Konva Landing page
    Landing page //
    2023-05-23

Badges

Promote Konva. You can add any of these badges on your website.
SaaSHub badge
Show embed code

Videos

Drawing With Konva

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about Konva and what they use it for.
  • I'm trying to make a Nextjs canva clone for my company
    I have been assigned a task to create a sort of a canva clone which will have almost same features as canva with authentication, access control and rating system(not in this phase). I need help in finding libraries similar to https://konvajs.org/ which has updated docs and great support for Nextjs. Source: 9 months ago
  • Any Ideas How to Create a Graph Builder UI in React?
    Used goJS in one project and konva in another. Source: over 1 year ago
  • How to make something like this in react? (video in description)
    All the UI part would make sense to do in React. The actual drawing board you likely would need to implement in canvas or SVG. It still could be a React component, but for actual drawing, you'd probably use something like Konva (https://konvajs.org/). Source: over 1 year ago
  • Plug Konva events into RxJS
    During the development of a complex interactive UI for the configuration of a digital laboratory ecosystem, we were utilizing the Konva.js library. Konva is a wrapper around the HTML canvas that simplifies working with shapes and interacting with the canvas a lot. Everybody dealing with the plain canvas API knows how much code certain tasks require, especially when user interaction with the drawn shapes is... - Source: dev.to / over 1 year ago
  • How to integrate polotno in Angular framework?
    Why Polotno? Polotno is an opinionated JavaScript library and React components to build canvas editors for several business use cases. It is a canvas editor tool using konvajs.org/. - Source: dev.to / almost 2 years ago
  • auto generated samples?
    Not sure the app but there's a few javascript libraries for doing this like https://konvajs.org. Source: about 2 years ago
  • React useContext not passing value down to deeply nested children
    For clarity - inside the Canvas component, I have a Stage component, inside that there's a Layer component, inside that there's an Items component (I'm using Konva and need to have all this nesting). Source: about 2 years ago
  • I made Polotno Studio – free Canva-like design editor, without signups or ads. Now with templates, assets, background removing and more.
    Because I have huge experience with maintaining open source. Open source is cool. But monetization of open-source work is very unsustainable these days. I am a maintainer of https://konvajs.org/. It is the most popular JS library for canvas drawing. I spend time on it every day: support, documentation, answering questions, etc. Do you know how much I have from donations? 400 USD per month is max I had. Large... Source: about 2 years ago
  • Custom Downloadable Media
    I'm building an app for work for a client to draw stuff on map images (very technical ones for train drivers, not Google Maps). I'm using React and Konva. Source: about 2 years ago
  • On-line editor for graphics eshop
    Both Fabric.js and Konva should be able to help you with this requirement, if you're happy with a canvas-based solution. If you prefer SVG then you could use something like SVG.js. Source: over 2 years ago
  • How to achieve top-notch scrolling performance using HTML5 Canvas
    Either you use a frontend framework or vanilla JS/TS take a look at one of these wonderful libraries. Our choice is awesome Konva.js with react-konva bindings. It abstracts away low-level details, like redrawing, bubbling or layering inside canvas. Konva supports many useful shapes like Rect, Circle, Text, Arrow, that you can use out of the box to construct UI. So instead of imperative low-level code:. - Source: dev.to / almost 3 years ago
  • Proper Wrapping of Object Libraries from JavaScript using C# and Blazor?
    I am trying to wrap Konva, a very rich library for working with the HTML5 canvas. Source: almost 3 years ago
  • Top 10 Animation Libraries – (CSS + JavaScript )
    You can easily download it from here . - Source: dev.to / almost 3 years ago
  • How to hide an image/SVG source using html canvas?
    The three Javascript libraries that might be most useful for this task are: Konva.js, Fabric.js and Two.js. I believe they all have functionality to create a canvas representation from (fairly complex) SVG. And all of them are being actively maintained with communities (well, maintainers) willing to answer questions should you get stuck. Source: almost 3 years ago
  • Shelly: under the hood
    Let's move to the canvas. Here, the main job is done by Konva, which provides us with a simple and performant layer on top of the raw HTML canvas element. Shelly uses a rather basic subset of Konva, as Shelly's drawings are composed mainly of lines, arches, basic figures, and SVG patterns (hearts, stars, cars, etc.). One aspect that was especially challenging, however, was properly handling the zoom & pan, using... - Source: dev.to / about 3 years ago

External sources with reviews and comparisons of Konva

8 Best Free and Open-Source Drawing Libraries in JavaScript
The Fabric.js library is built upon the same philosophy as Konva and has a lot of the same features. In fact, Fabric.js actually seems to be more popular and active than Konva.

Do you know an article comparing Konva to other products?
Suggest a link to a post with product alternatives.

Suggest an article

Konva discussion

Log in or Post with

This is an informative page about Konva. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.