New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Who is using Konva? #256

Open
lavrton opened this Issue Aug 6, 2017 · 14 comments

Comments

Projects
None yet
@lavrton
Member

lavrton commented Aug 6, 2017

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 app, 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?)
@dymio

This comment has been minimized.

dymio commented Aug 6, 2017

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. screen shot 2017-08-07 at 02 38 15
  3. http://life.tsst.su/floor-schemes?floor=5&porch=6
  4. Stack: Konva, jQuery in browser, Rails as backend.
@lavrton

This comment has been minimized.

Member

lavrton commented Aug 8, 2017

  1. Pixteller - "Newly redesigned web app aims to make social media graphics simple".
  2. screen shot 2017-08-08 at 14 53 37
  3. The app: https://pixteller.com/. The page where Konva is used: https://pixteller.com/editor
  4. React, Konva, react-konva, react-redux
@pgrodrigues

This comment has been minimized.

pgrodrigues commented Aug 18, 2017

  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. image
  3. http://www.csgoboard.com/board
  4. AngularJS, Konva.
@vladimir-adtargetme

This comment has been minimized.

vladimir-adtargetme commented Aug 23, 2017

Hi Anton

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

screenshot from 2017-08-23 13-16-22
3. https://system.adtarget.me/dashboard/creatives/551521c74ba487154fbb01cb/bannertool/#container_id=border
4. jQuery, Konva, Jcrop

@norbertpisz

This comment has been minimized.

norbertpisz commented Aug 23, 2017

@slig

This comment has been minimized.

Contributor

slig commented Sep 20, 2017

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

This comment has been minimized.

kirill3333 commented Oct 11, 2017

Hi, thank you for your library. My example:

  1. React component to crop avatar

  1. https://github.com/kirill3333/react-avatar
@uahic

This comment has been minimized.

uahic commented Dec 11, 2017

I am using it for robotics navigation visualization in conjunction with angular 4 and RxJs

@JourdanClark

This comment has been minimized.

JourdanClark commented Jan 8, 2018

<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

demo

@mcalus3

This comment has been minimized.

mcalus3 commented Jan 18, 2018

  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. gameplay
  3. https://mcalus3.github.io/color-wars-web/
  4. Game is using also react, redux and is written in typescript.
@uahic

This comment has been minimized.

uahic commented Jan 30, 2018

@mcalus3 @JourdanClark How much effort was it to combine ReactKonva with Redux? I am also having some concepts to do the same for Angular 5 + konva + Redux and possible to replace konva at some point entirely with redux+Canvas

@mcalus3

This comment has been minimized.

mcalus3 commented Jan 31, 2018

@uahic it wasn't any problem, just follow the component-container architecture. Example from my code:
Players component contains multiple PlayerVisual containers, each wrapping PlayerVisual component. No data is given through props, all is taken directly from store.

@badlee

This comment has been minimized.

badlee commented Sep 1, 2018

@adyster

This comment has been minimized.

adyster commented Oct 16, 2018

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

screen shot 2018-10-17 at 12 25 30 am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment