Media and documents · Library

Fabric.js

A JavaScript library that turns an HTML canvas into an editable drawing board, where shapes, text and images can be selected, moved, resized and rotated.

Graphics and 3D · Open source · updated

How it works

Fabric.js keeps an object model on top of the canvas: every rectangle, circle, path, text box or image is an object with properties, and the library draws selection handles and takes care of dragging, scaling, rotation, grouping, layering and free drawing with brushes. It imports and exports SVG and can save a whole scene as JSON to load again later, which is what design tools need.

Typical uses are T-shirt and product customisers, banner and meme makers, whiteboards, image annotation and certificate or label designers. It runs in the browser and, through node-canvas, in Node for rendering on a server. Konva is a similar library with official React bindings (react-konva); for 3D, Three.js is the usual choice.

Fabric.js pricing

Open source

Free (MIT).

Approximate, checked September 2026.What the other tools cost

Fabric.js vs the alternatives

More in Media and documents

Graphics and 3D

All 14 Media and documents terms

Crafted in the dark. Shipped to the world.

Tell us what you are building. You get a private project space with a proposal and a line-by-line quote within a day.