Fabric.js

Fabric.js is a JavaScript and TypeScript library that adds an interactive object model on top of the HTML canvas element. You work with objects you can select, move, scale and rotate instead of issuing drawing commands by hand.

Fabric.js lets you add shapes, images and text to a canvas and edit them on screen with built-in controls. It also reads and writes SVG, serializes a canvas to JSON, and supports zooming and panning. The library is commonly used to build editors where users arrange and style objects.

• Select, move, scale and rotate objects on canvas
• On-canvas text editing with rich styling
• Import SVG paths and convert canvas content to SVG
• Image filters with WebGL or Canvas2D
• Zoom and pan the canvas while keeping quality

Developers who build design tools, image editors, template builders or interactive graphics in the browser. It suits teams that want an object model to handle selection and transforms, rather than writing that logic from scratch.

Fabric.js is open source on GitHub under the MIT license, so it is free to use in commercial projects. It runs in the browser on top of the canvas element. Because it is a library, you still build the application interface, saving logic and user workflow around it.