← All libraries

Fabric.js

JavaScript
↗ Official site

Drawing & diagram tools

Powerful canvas library for image manipulation and graphic design tools.

What it does

Fabric.js extends the HTML canvas with objects you can select, move, resize, and style. It's popular for building design tools, photo editors, and label makers.

When to use it

Use this when you're building something like a card designer, label maker, or image editor.

Real example

You're building a card maker where users can add text, upload images, and move elements around. Prompt: 'Use Fabric.js to create a canvas 800x600. Allow users to add text objects they can move/resize, load images via URL onto the canvas, and add an Export button that downloads the canvas as a PNG.'

Good to know

More feature-rich than Konva for text and image manipulation, but also heavier.

Alternatives

Install

$ npm install fabric

Use cases

image editordesign toolcanvastext manipulation

Language

JavaScript

Category

Drawing & diagram tools

More in Drawing & diagram tools

Other tools in the same category

JS Konva.js

Canvas library for building interactive drawing and diagramming apps.

diagram editorimage editorcanvas app
JS tldraw

Ready-made infinite canvas SDK for building whiteboard apps.

whiteboardinfinite canvasdiagram
JS ReactFlow / XYFlow

Build node-based editors, flowcharts, and pipeline UIs.

node graphworkflow builderflowchart
JS Cytoscape.js

Graph theory library for visualizing networks and relationships.

network graphknowledge graphorg chart
JS Panzoom

Add pan and zoom to any element — images, SVGs, canvases.

pan and zoomimage viewermap interface