10 Best Angular Canvas Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

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
3
Top Feedback
4Great Documentation
4Easy to Use
4Highly Customizable
GitHub Stars
2K
Weekly Downloads
25K
Last Commit
7d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
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
2K
Weekly Downloads
1K
Last Commit
7d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

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
147
Weekly Downloads
77K
Last Commit
16d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
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
2K
Weekly Downloads
3
Last Commit
7d ago
Bundle Size (min+gzip)
27.0KB
Tree-Shakeable

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
999
Last Commit
1yr ago
Bundle Size (min+gzip)
13.5KB
Tree-Shakeable
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
170
Weekly Downloads
17K
Last Commit
1mo ago
Bundle Size (min+gzip)
3.76KB
Tree-Shakeable
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
45
Last Commit
7mos ago
Bundle Size (min+gzip)
1.65KB
Tree-Shakeable

@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
185
Weekly Downloads
771
Last Commit
2mos ago
Bundle Size (min+gzip)
10.1KB
Tree-Shakeable
nc

ngx-canvas

A simple yet powerful canvas component for Angular (>=2) 🚀

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
6
Last Commit
3mos ago
Bundle Size (min+gzip)
3.14KB
Tree-Shakeable
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
53
Weekly Downloads
14
Last Commit
24d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

ng2-konva

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
85
Weekly Downloads
756
Last Commit
3yrs ago
Bundle Size (min+gzip)
1.95KB
Tree-Shakeable
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
567
Last Commit
3yrs ago
Bundle Size (min+gzip)
1.67KB
Not Tree-Shakeable

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
102
Weekly Downloads
518
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.23KB
Not Tree-Shakeable

@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
2
Last Commit
3mos ago
Bundle Size (min+gzip)
7.24KB
Tree-Shakeable
ncg

ng-canvas-gauges

Angular2 component wrapper for the canvas-gauges library written by @Mikhus(https://github.com/Mikhus/canvas-gauges).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
33
Weekly Downloads
155
Last Commit
3yrs ago
Bundle Size (min+gzip)
44.3KB
Tree-Shakeable
acd

angular5-canvas-drawer

An angular library that allows users to generate various basic shapes in an angular component as svgs on a parent svg.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
3
Last Commit
9mos ago
Bundle Size (min+gzip)
398.6KB
Not Tree-Shakeable
ndg

ngx-drawing-grid

A flexible and straightforward angular library for drawing and interacting seamless with a grid using the HTML5 canvas.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
3
Last Commit
1yr ago
Bundle Size (min+gzip)
2.36KB
Tree-Shakeable
gc

gd-canvas

This set of libraries was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.0 and no dependencies accept gd-tree (it has jquery and jstree) and gd-graph (it has jquery and chart.js).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
N/A
Bundle Size (min+gzip)
27.7KB
Tree-Shakeable
ngv

ngvas

An Angular2/Angular4 library for HTML Canvas.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
31
Weekly Downloads
1
Last Commit
4yrs ago
Bundle Size (min+gzip)
9.08KB
Not Tree-Shakeable