54 Best JavaScript 2d-graphics to Use in your project

This article is designed for beginners and professionals.

JavaScript is the programming language of the Web And JavaScript is used to create client-side dynamic pages, It powers the dynamic behavior on most websites, including this one.

After learning JavaScript basics (up through the Objects lesson), try applying JavaScript to:

54 Best JavaScript 2d-graphics to Use in your project

1. Fabric.js

Javascript Canvas Library, SVG-to-Canvas (and canvas-to-SVG) ParserFabric.js created by kangax, this repo was created in 2010

Now the number of Watchers for the Fabric.js repo is 17,127, and it has a 2583 Forks

you can find here the official website for Fabric.js

you can Click here Fabric.js to download the master branch from GitHub

2. Html2canvas

Screenshots with JavaScriptHtml2canvas created by niklasvh, this repo was created in 2011

Now the number of Watchers for the Html2canvas repo is 21,855, and it has a 3754 Forks

you can find here the official website for Html2canvas

you can Click here Html2canvas to download the master branch from GitHub

3. Svgo

SVGO is a Nodejs-based tool for optimizing SVG vector graphics files.Svgo created by svg, this repo was created in 2012

Now the number of Watchers for the Svgo repo is 14,980, and it has a 1109 Forks

you can find here the official website for Svgo

you can Click here Svgo to download the master branch from GitHub

4. Chartist Js

Simple responsive chartsChartist Js created by gionkunz, this repo was created in 2014

Now the number of Watchers for the Chartist Js repo is 12,362, and it has a 2566 Forks

you can find here the official website for Chartist Js

you can Click here Chartist Js to download the master branch from GitHub

5. Paper.js

Paper.js

The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @juerglehni & @jonathanpuckeyPaper.js created by paperjs, this repo was created in 2011

Now the number of Watchers for the Paper.js repo is 11,972, and it has a 1080 Forks

you can find here the official website for Paper.js

you can Click here Paper.js to download the master branch from GitHub

6. Svg.js

A lightweight library for manipulating and animating SVGSvg.js created by wout, this repo was created in 2012

Now the number of Watchers for the Svg.js repo is 8,371, and it has a 948 Forks

you can find here the official website for Svg.js

you can Click here Svg.js to download the master branch from GitHub

7. Raphael

JavaScript Vector LibraryRaphael created by DmitryBaranovskiy, this repo was created in 2008

Now the number of Watchers for the Raphael repo is 10,761, and it has a 1654 Forks

you can find here the official website for Raphael

you can Click here Raphael to download the master branch from GitHub

8. Easel JS

The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.Easel JS created by CreateJS, this repo was created in 2011

Now the number of Watchers for the Easel JS repo is 7,670, and it has a 1982 Forks

you can find here the official website for Easel JS

you can Click here Easel JS to download the master branch from GitHub

9. Snap.svg

The JavaScript library for modern SVG graphics.Snap.svg created by adobe-webplatform, this repo was created in 2013

Now the number of Watchers for the Snap.svg repo is 12,927, and it has a 1149 Forks

you can find here the official website for Snap.svg

you can Click here Snap.svg to download the master branch from GitHub

10. Cropper

A simple jQuery image cropping plugin.Cropper created by fengyuanchen, this repo was created in 2014

Now the number of Watchers for the Cropper repo is 7,806, and it has a 1815 Forks

you can find here the official website for Cropper

you can Click here Cropper to download the master branch from GitHub

11. Konva

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.Konva created by konvajs, this repo was created in 2015

Now the number of Watchers for the Konva repo is 5,520, and it has a 534 Forks

you can find here the official website for Konva

you can Click here Konva to download the master branch from GitHub

12. Go Js

All GoJS samples, extensions, and documentationGo Js created by NorthwoodsSoftware, this repo was created in 2014

Now the number of Watchers for the Go Js repo is 4,809, and it has a 2231 Forks

you can find here the official website for Go Js

you can Click here Go Js to download the master branch from GitHub

13. Two.js

A renderer agnostic two-dimensional drawing api for the web.Two.js created by jonobr1, this repo was created in 2012

Now the number of Watchers for the Two.js repo is 6,884, and it has a 417 Forks

you can find here the official website for Two.js

you can Click here Two.js to download the master branch from GitHub

14. Clmtrackr

Javascript library for precise tracking of facial features via Constrained Local ModelsClmtrackr created by auduno, this repo was created in 2012

Now the number of Watchers for the Clmtrackr repo is 6,205, and it has a 1160 Forks

you can find here the official website for Clmtrackr

you can Click here Clmtrackr to download the master branch from GitHub

15. Js Barcode

Js Barcode

Barcode generation library that works in both the browser and on Node.js http://lindell.me/JsBarcodeJs Barcode created by lindell, this repo was created in 2011

Now the number of Watchers for the Js Barcode repo is 3,629, and it has a 845 Forks

you can find here the official website for Js Barcode

you can Click here Js Barcode to download the master branch from GitHub

16. Croppie

A Javascript Image CropperCroppie created by Foliotek, this repo was created in 2014

Now the number of Watchers for the Croppie repo is 2,131, and it has a 799 Forks

you can find here the official website for Croppie

you can Click here Croppie to download the master branch from GitHub

17. Canvg

Javascript SVG parser and renderer on CanvasCanvg created by gabelerner, this repo was created in 2014

Now the number of Watchers for the Canvg repo is 2,595, and it has a 544 Forks

you can find here the official website for Canvg

you can Click here Canvg to download the master branch from GitHub

18. Liquidfun

2D physics engine for gamesLiquidfun created by google, this repo was created in 2013

Now the number of Watchers for the Liquidfun repo is 4,102, and it has a 571 Forks

you can find here the official website for Liquidfun

you can Click here Liquidfun to download the master branch from GitHub

19. Kinetic Js

KineticJS is an HTML5 Canvas JavaScript library that extends the 2D context by enabling canvas interactivity for desktop and mobile applications.Kinetic Js created by ericdrowell, this repo was created in 2012

Now the number of Watchers for the Kinetic Js repo is 3,870, and it has a 779 Forks

you can find here the official website for Kinetic Js

you can Click here Kinetic Js to download the master branch from GitHub

20. Processing.js

A port of the Processing visualization language to JavaScript.Processing.js created by processing-js, this repo was created in 2011

Now the number of Watchers for the Processing.js repo is 2,965, and it has a 817 Forks

you can find here the official website for Processing.js

you can Click here Processing.js to download the master branch from GitHub

21. Jcrop

Jcrop (official) - Image Cropping Plugin for jQueryJcrop created by tapmodo, this repo was created in 2010

Now the number of Watchers for the Jcrop repo is 4,220, and it has a 963 Forks

you can find here the official website for Jcrop

you can Click here Jcrop to download the master branch from GitHub

22. Color

Color

JavaScript color conversion and manipulation libraryColor created by harthur, this repo was created in 2011

Now the number of Watchers for the Color repo is 3,460, and it has a 217 Forks

you can find here the official website for Color

you can Click here Color to download the master branch from GitHub

23. jQuery QR Code

qrcode generation standalone (doesn't depend on external services)jQuery QR Code created by jeromeetienne, this repo was created in 2011

Now the number of Watchers for the jQuery QR Code repo is 4,613, and it has a 2417 Forks

you can find here the official website for jQuery QR Code

you can Click here jQuery QR Code to download the master branch from GitHub

24. Dagre

Directed graph renderer for javascriptDagre created by cpettitt, this repo was created in 2012

Now the number of Watchers for the Dagre repo is 2,989, and it has a 372 Forks

you can find here the official website for Dagre

you can Click here Dagre to download the master branch from GitHub

25. Gif.js

JavaScript GIF encoding libraryGif.js created by jnordberg, this repo was created in 2013

Now the number of Watchers for the Gif.js repo is 3,773, and it has a 502 Forks

you can find here the official website for Gif.js

you can Click here Gif.js to download the master branch from GitHub

26. P2.js

JavaScript 2D physics libraryP2.js created by schteppe, this repo was created in 2013

Now the number of Watchers for the P2.js repo is 2,248, and it has a 302 Forks

you can find here the official website for P2.js

you can Click here P2.js to download the master branch from GitHub

27. Caman Js

Pure Javascript HTML5 (Ca)nvas (Man)ipulationCaman Js created by meltingice, this repo was created in 2010

Now the number of Watchers for the Caman Js repo is 3,353, and it has a 400 Forks

you can find here the official website for Caman Js

you can Click here Caman Js to download the master branch from GitHub

28. Isomer

Simple isometric graphics library for HTML5 canvasIsomer created by jdan, this repo was created in 2014

Now the number of Watchers for the Isomer repo is 2,704, and it has a 144 Forks

you can find here the official website for Isomer

you can Click here Isomer to download the master branch from GitHub

29. jQuery Focuspoint

jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.jQuery Focuspoint created by jonom, this repo was created in 2014

Now the number of Watchers for the jQuery Focuspoint repo is 3,199, and it has a 240 Forks

you can find here the official website for jQuery Focuspoint

you can Click here jQuery Focuspoint to download the master branch from GitHub

30. Proton

A particle engine for html5Proton created by a-jie, this repo was created in 2013

Now the number of Watchers for the Proton repo is 1,760, and it has a 235 Forks

you can find here the official website for Proton

you can Click here Proton to download the master branch from GitHub

31. Drawingboard.js

A canvas based drawing app that you can integrate easily on your website.Drawingboard.js created by Leimi, this repo was created in 2013

Now the number of Watchers for the Drawingboard.js repo is 1,918, and it has a 266 Forks

you can find here the official website for Drawingboard.js

you can Click here Drawingboard.js to download the master branch from GitHub

32. Maker.js

????⚙ Library for creating 2D vector drawings for CNC and laser cutter machines.Maker.js created by Microsoft, this repo was created in 2015

Now the number of Watchers for the Maker.js repo is 1,103, and it has a 169 Forks

you can find here the official website for Maker.js

you can Click here Maker.js to download the master branch from GitHub

33. Obelisk.js

JavaScript Engine for Building Isometric Pixel Element with HTML5 CanvasObelisk.js created by nosir, this repo was created in 2013

Now the number of Watchers for the Obelisk.js repo is 2,100, and it has a 105 Forks

you can find here the official website for Obelisk.js

you can Click here Obelisk.js to download the master branch from GitHub

34. Bonsai

BonsaiJS is a graphics library and rendererBonsai created by uxebu, this repo was created in 2012

Now the number of Watchers for the Bonsai repo is 1,972, and it has a 210 Forks

you can find here the official website for Bonsai

you can Click here Bonsai to download the master branch from GitHub

35. Graphicsjs

A lightweight JavaScript graphics library with the intuitive API, based on SVG/VML technology.Graphicsjs created by AnyChart, this repo was created in 2016

Now the number of Watchers for the Graphicsjs repo is 936, and it has a 71 Forks

you can find here the official website for Graphicsjs

you can Click here Graphicsjs to download the master branch from GitHub

36. Image Mapster

jQuery plugin for enhancing HTML Image mapsImage Mapster created by jamietre, this repo was created in 2011

Now the number of Watchers for the Image Mapster repo is 741, and it has a 312 Forks

you can find here the official website for Image Mapster

you can Click here Image Mapster to download the master branch from GitHub

37. Vintage JS

vintageJS - add a retro/vintage effect to images using the HTML5 canvas elementVintage JS created by rendro, this repo was created in 2011

Now the number of Watchers for the Vintage JS repo is 820, and it has a 120 Forks

you can find here the official website for Vintage JS

you can Click here Vintage JS to download the master branch from GitHub

38. Focal Point

A small set of CSS classnames to help keep images cropped on the focal point for responsive designs. Using only HTML/CSS, web authors can specify an image's focal point, which stays as the image's primary focus, while the image's available width changes on responsive webpages. Crop and re-size images depending on available width and let CSS to do all of the work, and without any JavaScript.Focal Point created by adamdbradley, this repo was created in 2012

Now the number of Watchers for the Focal Point repo is 928, and it has a 86 Forks

you can find here the official website for Focal Point

you can Click here Focal Point to download the master branch from GitHub

39. Joint

JavaScript diagramming libraryJoint created by DavidDurman, this repo was created in 2009

Now the number of Watchers for the Joint repo is 141, and it has a 59 Forks

you can find here the official website for Joint

you can Click here Joint to download the master branch from GitHub

40. Noisy

A jQuery plugin that adds random noise to the background of a given element.Noisy created by DanielRapp, this repo was created in 2011

Now the number of Watchers for the Noisy repo is 696, and it has a 41 Forks

you can find here the official website for Noisy

you can Click here Noisy to download the master branch from GitHub

41. Pixastic

JavaScript Image Processing LibraryPixastic created by jseidelin, this repo was created in 2009

Now the number of Watchers for the Pixastic repo is 812, and it has a 136 Forks

you can find here the official website for Pixastic

you can Click here Pixastic to download the master branch from GitHub

42. Ocanvas

JavaScript library for object-based canvas drawing.Ocanvas created by koggdal, this repo was created in 2011

Now the number of Watchers for the Ocanvas repo is 474, and it has a 74 Forks

you can find here the official website for Ocanvas

you can Click here Ocanvas to download the master branch from GitHub

43. J Query.black and White

J Query.black and White

Clientside grayscale images on any browserJ Query.black and White created by GianlucaGuarini, this repo was created in 2011

Now the number of Watchers for the J Query.black and White repo is 321, and it has a 142 Forks

you can find here the official website for J Query.black and White

you can Click here J Query.black and White to download the master branch from GitHub

44. P5.js

P5.js

A JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing. http://twitter.com/p5xjs —P5.js created by lmccart, this repo was created in 2013

Now the number of Watchers for the P5.js repo is 5, and it has a 9 Forks

you can find here the official website for P5.js

you can Click here P5.js to download the master branch from GitHub

45. W Paint

jQuery Paint PluginW Paint created by websanova, this repo was created in 2012

Now the number of Watchers for the W Paint repo is 324, and it has a 122 Forks

you can find here the official website for W Paint

you can Click here W Paint to download the master branch from GitHub

46. Img to Ascii

A JavaScript implementation of a image to Ascii codeImg to Ascii created by victorqribeiro, this repo was created in 2018

Now the number of Watchers for the Img to Ascii repo is 323, and it has a 19 Forks

you can find here the official website for Img to Ascii

you can Click here Img to Ascii to download the master branch from GitHub

47. FloraJS

FloraJS is a JavaScript framework for simulating natural systems in a web browser.FloraJS created by foldi, this repo was created in 2012

Now the number of Watchers for the FloraJS repo is 257, and it has a 11 Forks

you can find here the official website for FloraJS

you can Click here FloraJS to download the master branch from GitHub

48. Scene Graph.js

HTML5 Canvas and Animation FrameworkScene Graph.js created by GwennaelBuchet, this repo was created in 2012

Now the number of Watchers for the Scene Graph.js repo is 130, and it has a 37 Forks

you can find here the official website for Scene Graph.js

you can Click here Scene Graph.js to download the master branch from GitHub

49. Rimg

A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.Rimg created by joeyvandijk, this repo was created in 2013

Now the number of Watchers for the Rimg repo is 303, and it has a 25 Forks

you can find here the official website for Rimg

you can Click here Rimg to download the master branch from GitHub

50. Mapmap.js

A data-driven API for interactive thematic mapsMapmap.js created by floledermann, this repo was created in 2015

Now the number of Watchers for the Mapmap.js repo is 95, and it has a 12 Forks

you can find here the official website for Mapmap.js

you can Click here Mapmap.js to download the master branch from GitHub

51. Breathing Halftone

Images go whoa with lots of floaty dotsBreathing Halftone created by desandro, this repo was created in 2014

Now the number of Watchers for the Breathing Halftone repo is 240, and it has a 32 Forks

you can find here the official website for Breathing Halftone

you can Click here Breathing Halftone to download the master branch from GitHub

52. Comic.js

Cartoon style drawing for HTML5 Canvas & Raphael.js & D3.js & SVG.jsComic.js created by balint42, this repo was created in 2014

Now the number of Watchers for the Comic.js repo is 138, and it has a 22 Forks

you can find here the official website for Comic.js

you can Click here Comic.js to download the master branch from GitHub

53. Im.js

Image Match - Project to allow compare different images pixel by pixel with good performanceIm.js created by tcorral, this repo was created in 2011

Now the number of Watchers for the Im.js repo is 82, and it has a 9 Forks

you can find here the official website for Im.js

you can Click here Im.js to download the master branch from GitHub

54. Soc.js

An easier way to create social iconsSoc.js created by jivinivan, this repo was created in 2014

Now the number of Watchers for the Soc.js repo is 71, and it has a 7 Forks

you can find here the official website for Soc.js

you can Click here Soc.js to download the master branch from GitHub

Conclusion

That's all about Top 54 Javascript 2d-graphics Libraries You Should Know.

What is your favorite JavaScript library? Feel free to share in the comments below.

Last modified