10 Best JavaScript Canvas Libraries

List hand-picked by Openbase Experts
Learn More

chart.js

Simple HTML5 Charts using the <canvas> tag

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
575
Top Feedback
47Easy to Use
36Performant
29Great Documentation
GitHub Stars
56K
Weekly Downloads
2M
Last Commit
1mo ago
tsp

tsparticles

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
6
Top Feedback
5Great Documentation
5Easy to Use
4Performant
GitHub Stars
3K
Weekly Downloads
30K
Last Commit
2mos ago
np

ng-particles

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
3K
Weekly Downloads
1K
Last Commit
2mos ago
htm

html2canvas

Screenshots with JavaScript

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.4/ 5
68
Top Feedback
2Buggy
GitHub Stars
25K
Weekly Downloads
848K
Last Commit
2mos ago

fabric

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
30
Top Feedback
8Great Documentation
8Easy to Use
8Highly Customizable
GitHub Stars
21K
Weekly Downloads
107K
Last Commit
2mos ago
sp

signature_pad

HTML5 canvas based smooth signature drawing

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
8K
Weekly Downloads
234K
Last Commit
2mos ago

konva

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.3/ 5
4
Top Feedback
1Easy to Use
1Performant
1Highly Customizable
GitHub Stars
7K
Weekly Downloads
123K
Last Commit
2mos ago

ngx-lottie

Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+ 🚀

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Performant
1Highly Customizable
1Bleeding Edge
GitHub Stars
153
Weekly Downloads
47K
Last Commit
2mos ago

gsap

GreenSock's GSAP JavaScript animation library (including Draggable).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
34
Top Feedback
9Great Documentation
9Performant
8Easy to Use
GitHub Stars
14K
Weekly Downloads
248K
Last Commit
4mos ago
xds

x-data-spreadsheet

A web-based JavaScript(canvas) spreadsheet

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
3Poor Documentation
GitHub Stars
12K
Weekly Downloads
3K
Last Commit
2mos ago
tc

tsparticles-core

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
0
Last Commit
2mos ago

react-konva

React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
69K
Last Commit
6mos ago

vue-gl

Vue.js components rendering 3D WebGL graphics reactively with three.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
GitHub Stars
524
Weekly Downloads
466
Last Commit
2mos ago

pikaso

Seamless and headless HTML5 Canvas library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
18
Weekly Downloads
60
Last Commit
1mo ago
dti

dom-to-image

Generates an image from a DOM node using HTML5 canvas

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
4
Top Feedback
2Great Documentation
1Easy to Use
1Performant
GitHub Stars
8K
Weekly Downloads
104K
Last Commit
5yrs ago

@crello/react-lottie

React wrapper for Airbnb Lottie (lottie-web)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
132
Weekly Downloads
10K
Last Commit
1yr ago
rns

@terrylinla/react-native-sketch-canvas

A React Native component for drawing by touching on both iOS and Android.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
558
Weekly Downloads
2K
Last Commit
3yrs ago
cha

chart

Event-based Charting Canvas API

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Performant
GitHub Stars
5
Weekly Downloads
2K
Last Commit
9yrs ago
rcd

react-canvas-draw

React Component for drawing in canvas

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.0/ 5
1
Top Feedback
1Highly Customizable
GitHub Stars
587
Weekly Downloads
7K
Last Commit
2mos ago
cj

ccapture.js

A library to capture canvas-based animations at a fixed framerate

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
335
Last Commit
1yr ago

react-canvas

High performance <canvas> rendering for React components

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
7
Top Feedback
N/A
GitHub Stars
13K
Weekly Downloads
186
Last Commit
5yrs ago
rns

react-native-signature-canvas

✒️ React Native Signature Component based WebView Canvas for Android && IOS && expo

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
2.0/ 5
1
Top Feedback
N/A
GitHub Stars
244
Weekly Downloads
8K
Last Commit
3mos ago

react-art

A declarative, efficient, and flexible JavaScript library for building user interfaces.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
179K
Weekly Downloads
39K
Last Commit
1mo ago

react-planner

✏️ A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
953
Weekly Downloads
78
Last Commit
2yrs ago

canvg

Javascript SVG parser and renderer on Canvas

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
575K
Last Commit
3mos ago

ng2-canvas-whiteboard

Canvas whiteboard

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
88
Weekly Downloads
1K
Last Commit
1yr ago

ng2-konva

Angular & Canvas - JavaScript library for drawing complex canvas graphics using Angular.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
89
Weekly Downloads
844
Last Commit
4yrs ago

@workday/canvas-kit-react-common

Development kits to implement UI following the Workday Canvas Design System (https://design.workday.com). See our Component Storybook -

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
191
Weekly Downloads
867
Last Commit
2mos ago
rfg

react-force-graph

React component for 2D, 3D, VR and AR force directed graphs

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
876
Weekly Downloads
4K
Last Commit
6mos ago
cc

canvas-constructor

An ES6 utility for canvas with built-in functions and chained methods.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
94
Weekly Downloads
6K
Last Commit
1mo ago
rl

react-lineto

Draw a line between two elements in React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
181
Weekly Downloads
8K
Last Commit
3mos ago
as

angular2-signaturepad

Angular2 Component for szimek / signature_pad

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
169
Weekly Downloads
19K
Last Commit
1mo ago
rng

@flyskywhy/react-native-gcanvas

react native canvas based on gpu opengl glsl GCanvas -- A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎)

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
70
Weekly Downloads
379
Last Commit
5mos ago

vue-konva

Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
794
Weekly Downloads
9K
Last Commit
3mos ago
rnc

react-native-canvas

A Canvas component for React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Easy to Use
1Highly Customizable
GitHub Stars
814
Weekly Downloads
2K
Last Commit
5mos ago
cor

@react-vertex/core

◾ React Vertex | Hooks-based WebGL library for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
44
Last Commit
1yr ago

vue-graph

⚡️ Vue components based on the JUI chart available in Vue.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
114
Weekly Downloads
1K
Last Commit
8mos ago
rsc

react-signature-canvas

A React wrapper component around signature_pad (in < 150 LoC). Unopinionated and heavily updated fork of react-signature-pad

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
289
Weekly Downloads
81K
Last Commit
2yrs ago

@ion-phaser/core

A web component to use Phaser Framework with Angular, React, Vue, etc 🎮

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
193
Weekly Downloads
1K
Last Commit
5mos ago
pai

paintablejs

This package lets you draw on a canvas.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
11
Last Commit
10mos ago
zim

zimjs

ZIM JavaScript Canvas Framework - Code Creativity! Interactive Media For All.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
296
Weekly Downloads
29
Last Commit
2mos ago

@ngx-canvas/core

This is a Typescript Library that makes canvas intergrations easier!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
103
Last Commit
6mos ago

vue-html2canvas

Vue mixin for Html2Canvas

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
102
Weekly Downloads
4K
Last Commit
1yr ago
vfw

vue-fabric-wrapper

Vue Fabric.js Wrapper

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
91
Weekly Downloads
2K
Last Commit
1yr ago
ct

canvas-txt

The better way to render text on HTML5 Canvas

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
282
Weekly Downloads
1K
Last Commit
1yr ago

angular-signature

HTML5 canvas based smooth signature drawing as angularJS directive (http://szimek.github.io/signature_pad/)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
103
Weekly Downloads
819
Last Commit
2yrs ago
rns

react-native-signature-pad

React Native wrapper around szimek's Canvas based Signature Pad

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
817
Last Commit
N/A
vp

vue-paintable

With this vue component you can add a paintable canvas through every page you like.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
26
Weekly Downloads
70
Last Commit
1yr ago
ac

angular-canvas

Angular canvas renderer with support DefaultDomRenderer.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
54
Weekly Downloads
7
Last Commit
4mos ago
acp

angular-canvas-painter

Angular.js directive to paint on a canvas on desktop or touch devices

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
113
Weekly Downloads
490
Last Commit
4yrs ago