Shape Creator

A web application that lets you create, resize, modify and remove shapes from an HTML canvas.

This is a web app

Create a polygon from scratch or add as many nodes as you want to an already created polygon.

Select multiple polygon nodes simultaneously and move the selection or delete it.

Load a background image if you want to use Shape Creator as an annotation software.

Resize the canvas and all of the content inside of it will be rescaled.

Export the whole canvas as a PNG file.

Used libraries

React
For creating scalable Single Page Applications.
Zustand
For managing the global state of the app.
React Tooltip
For the tooltip components that appears on top of every toolbar button when hovering over them.