None, figma is built with wasm + complex canvas manipulations, you won't find the advanced snapping feature in any js library Answer from s____s___ on reddit.com
SitePoint
sitepoint.com › blog › javascript › 10 cool javascript drawing and canvas libraries
10 Cool JavaScript Drawing and Canvas Libraries — SitePoint
February 13, 2024 - Create drawings and diagrams with the free JavaScript library. The User interface allows interactive drawing by using your standard browser. No additional software and no third party plug ins. Just run it and use it. ... 10.Canvas Query use HTML5 Canvas like jQuery extended canvas for gamedevelopers easy setup for a game loop, rendering loop, mouse, touch and keyboard
npm
npmjs.com › package › canvas
canvas - npm
2 weeks ago - Canvas graphics API backed by Cairo. Latest version: 3.2.3, last published: a day ago. Start using canvas in your project by running `npm i canvas`. There are 3093 other projects in the npm registry using canvas.
» npm install canvas
Published Mar 31, 2026
Version 3.2.3
Author TJ Holowaychuk
Repository https://github.com/Automattic/node-canvas
[AskJS] What is the best canvas library to make an app like figma or integromat?
None, figma is built with wasm + complex canvas manipulations, you won't find the advanced snapping feature in any js library
More on reddit.com 45
81
August 28, 2021Favorite Canvas libraries?
Learning it from scratch right now. shudders at the math, the maaaaaath
More on reddit.com 25
26
October 16, 2011An open-source lightweight JavaScript library to draw graphs, using the HTML canvas element
Very nice. r/visualization would love this.
More on reddit.com 7
56
March 22, 2012How to implement different Javascript Canvas libraries in React
I've done a guide on how to use the Scrawl-canvas library in a React project here: https://scrawl-v8.rikweb.org.uk/how-do-i/add-to-a-react-project
More on reddit.com 6
5
June 8, 2021Videos
JavaScript Game Tutorial with HTML Canvas
01:05:55
Build an Advanced Drawing App with HTML, CSS & JavaScript - Canvas ...
Javascript Canvas Drawing Images - Part 4 - YouTube
HTML5 Canvas JavaScript Tutorial | Creating Objects + ...
57:19
A More Inclusive Way to Learn Code - JavaScript on the Canvas rather ...
Konva
konvajs.org
Konva - JavaScript Canvas 2d Library
Konva is 2d Canvas JavaScript framework for drawings shapes, animations, node nesting, layering, filtering, event handling, drag and drop and much more.
Reddit
reddit.com › r/javascript › [askjs] what is the best canvas library to make an app like figma or integromat?
r/javascript on Reddit: [AskJS] What is the best canvas library to make an app like figma or integromat?
August 28, 2021 -
I'm looking for a HTML5 canvas library to make an app like those, which one do you guys think would be the best for something like this?
Top answer 1 of 16
56
None, figma is built with wasm + complex canvas manipulations, you won't find the advanced snapping feature in any js library
2 of 16
19
Answer has not changed from the past. Still pixijs.
There are a bunch of other libraries, but none as performant.
Canviskit is interesting, but the documentation is questionable at best.
Might also look into Flutter (or just Dart UI) which is using Dart and built on canvaskit.
DGM.js
dgmjs.dev
DGM.js | An infinite canvas with smart shapes | DGM.js
A multi-purpose infinite canvas library supporting smart shapes, real-time collaboration, hand-drawn styles, image exports, and more.
Crunchify
crunchify.com › javascript jquery tutorials › my favorite 5 javascript canvas libraries – html5
My Favorite 5 JavaScript Canvas Libraries - HTML5 • Crunchify
December 22, 2020 - Fabric.js is a powerful and simple Javascript canvas library. Fabric provides interactive object model on top of canvas element.
Fabric.js
fabricjs.com
Fabric.js Javascript Library
Fabric provides interactive object model on top of canvas element Fabric also provide serialization and has SVG-to-canvas (and canvas-to-SVG) parser
Three.js
threejs.org
Three.js – JavaScript 3D library
three.js r183 · docs examples · Learn · examples · documentation · Tools · devtools · editor · Community · questions
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › API › Canvas_API
Canvas API - Web APIs | MDN
Pts.js is a library for creative coding and visualization in canvas and SVG. Rekapi is an animation key-framing API for Canvas. Scrawl-canvas is an open-source JavaScript library for creating and manipulating 2D canvas elements.
Envato Tuts+
webdesign.tutsplus.com › home › web design › html/css › animation
Best Free Canvas Libraries in JavaScript | Envato Tuts+
June 24, 2021 - Paper.js is an open-source JavaScript-based library that gives you the tools to create amazing graphics on the canvas. The library gives you the option to use its own version of JavaScript, called PaperScript.
Medium
drabstract.medium.com › your-guide-to-selecting-a-javascript-canvas-library-or-framework-3584f4512a30
Selecting a JavaScript Canvas Library or Framework | by Dr Abstract | Medium
September 28, 2022 - Pixi.js a 2D canvas / WebGL rendering engine with a BOM and events ... CreateJS at http://createjs.com is “a JavaScript library that makes working with the HTML5 Canvas element easy.
Konva
konvajs.org › guides & comparisons › canvas library comparison
Best JavaScript Canvas Library — How to Choose | Konva - JavaScript Canvas 2d Library
How to choose a JavaScript canvas library. Quick decision guide for Konva.js, Fabric.js, PixiJS, Paper.js, and p5.js — written by Konva's author.
CanvasJS
canvasjs.com › home
Beautiful JavaScript Charting Library with 10x Performance
September 12, 2025 - HTML5 JavaScript Charting Library with a Simple API. Renders across devices & is 10x faster than SVG Charts. Examples include source code
W3Schools
w3schools.com › html › html5_canvas.asp
HTML Canvas
The HTML <canvas> element is used to draw graphics, on the fly, via JavaScript.
DEV Community
dev.to › lico › react-comparison-of-js-canvas-libraries-konvajs-vs-fabricjs-1dan
React: Comparison of JS Canvas Libraries (Konvajs vs Fabricjs) - DEV Community
November 14, 2022 - Fabric.js - is a powerful and simple Javascrript HTML5 canvas library · Konvajs - is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more.
JSter
jster.net › blog › brief-overview-of-html5-canvas-libraries
Brief Overview of HTML5 Canvas Libraries
The specialty of Fabric.js seems to be its SVG-to-Canvas parser. Interestingly this applies to the other direction too! ... KineticJS seems more or less comparable to libraries mentioned already. It's specialty is that it uses multiple canvas elements internally to achieve better performance.
p5.js
p5js.org
p5.js
p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community.
Createjs
createjs.com › easeljs
EaselJS | A JavaScript library that makes working with the ...
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
GitHub
github.com › raphamorim › awesome-canvas
GitHub - raphamorim/awesome-canvas: A curated list of awesome HTML5 Canvas with examples, related articles and posts. · GitHub
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications. Origami.js - JS Lib to redesign canvas API interface · p5.js - p5.js is a JS client-side library for creating graphic and interactive experiences
Starred by 1.8K users
Forked by 160 users
Languages Markdown
D3
d3js.org
D3 by Observable | The JavaScript library for bespoke data visualization
The JavaScript library for bespoke data visualization