JavaScript Canvas

Open-source JavaScript projects categorized as Canvas

Top 23 JavaScript Canva Projects

  1. three.js

    JavaScript 3D Library.

    Project mention: Rant: state of generative AI in code generation. | dev.to | 2025-02-05

    In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: ✌🏽4 Graphics Libraries Tools for React Developers in 2025 💹📊 | dev.to | 2024-12-28

    Source: https://www.chartjs.org/

  4. anime.js

    JavaScript animation engine

    Project mention: Animation Library You Can Use for your Web Apps | dev.to | 2025-01-14

    AnimeJS

  5. phaser

    Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

    Project mention: Show HN: 1M+ animated GPU sprites in JavaScript | news.ycombinator.com | 2025-01-30

    This is super cool & I'm impressed that it's working with WebGL.

    From reading the code & seeing the examples in the sandbox, it looks like the sprite layer is defined one time (initialization) with specific sprite & animation properties that are exposed to JS via the SpriteGPULayer config https://github.com/phaserjs/phaser/blob/v4.0.0-beta.5/src/ga... , then that class passes the info over to the vertex shader which has ifdefs to determine which animation, other features are enabled for a given SpriteGPULayer - https://github.com/phaserjs/phaser/blob/v4.0.0-beta.5/src/re...

    This way you don't end up having to do any updates per frame on the CPU and it remains one draw call for the entire layer right?

    Are there other use cases besides from large scale sprite/animated backgrounds that you've thought of?

  6. matter-js

    a 2D rigid body physics engine for the web ▲● ■

  7. A-Frame

    :a: Web framework for building virtual reality experiences.

    Project mention: Stripe Black Friday Dashboard (Physical Machine) | news.ycombinator.com | 2024-12-03

    Just based off one of the errors in the console, I think it's using A-Frame which is built on top of Three.js https://aframe.io/

  8. x-spreadsheet

    The project has been migrated to @wolf-table/table https://github.com/wolf-table/table

    Project mention: x-spreadsheet VS revo-grid - a user suggested alternative | libhunt.com/r/x-spreadsheet | 2024-08-21
  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. react-canvas

    High performance <canvas> rendering for React components

    Project mention: Interview with Senior JavaScript Developer 2024 [video] | news.ycombinator.com | 2024-04-14

    > Building an accessible canvas-based UI with a React-like API would make a lot more sense for SPAs

    https://github.com/Flipboard/react-canvas

    React is the Simpsons of web tech.

  11. piskel

    A simple web-based tool for Spriting and Pixel art.

  12. vega

    A visualization grammar.

    Project mention: 2024 Nuxt3 Annual Ecosystem Summary🚀 | dev.to | 2024-12-23

    Document address: Vega Official Document

  13. canvas-confetti

    🎉 performant confetti animation in the browser

    Project mention: I built a website where you can pop confettis for no reason | news.ycombinator.com | 2025-01-30

    Seems to use https://github.com/catdad/canvas-confetti but the license was not included in any form?

  14. dom-to-image

    Generates an image from a DOM node using HTML5 canvas

  15. zdog

    Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

  16. two.js

    A renderer agnostic two-dimensional drawing api for the web.

    Project mention: Show HN: A JavaScript library for data visualization in both SVG and Canvas | news.ycombinator.com | 2024-04-11

    > DOM-like event bubbling

    This does sound very interesting. I started playing with https://two.js.org/ for a browser game but the event system proved a challange. The typescript focus also looks promising. Will give it a try.

  17. jspaint

    🎨 Classic MS Paint, REVIVED + ✨Extras

  18. tui.image-editor

    🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

  19. heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

  20. JsBarcode

    Barcode generation library written in JavaScript that works in both the browser and on Node.js

  21. html2pdf.js

    Client-side HTML-to-PDF rendering using pure JS.

  22. ccapture.js

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

  23. LittleJS

    LittleJS is the tiny fast HTML5 game engine with many features and no dependencies. 🚂 Choo-Choo!

    Project mention: My son (9 yrs old) used plain JavaScript to make a game, and wants your feedback | news.ycombinator.com | 2024-12-03

    I would go with sth more simple and geared towards game dev

    https://github.com/KilledByAPixel/LittleJS

    is awesome and has many examples so you can start by editing them

  24. jsmind

    a mind mapping library built by javascript

  25. cursor-effects

    Old-school cursor effects for your browser built with modern JavaScript

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Canvas discussion

Log in or Post with

JavaScript Canvas related posts

  • Ask HN: What was the most complicated program you ever implemented on your own?

    1 project | news.ycombinator.com | 1 Feb 2025
  • Tattooing The Black Keys Fans Using MediaDevices and PixiJS

    2 projects | dev.to | 30 Jan 2025
  • I built a website where you can pop confettis for no reason

    1 project | news.ycombinator.com | 30 Jan 2025
  • Show HN: Svader – Create GPU-rendered Svelte components

    4 projects | news.ycombinator.com | 14 Dec 2024
  • My son (9 yrs old) used plain JavaScript to make a game, and wants your feedback

    5 projects | news.ycombinator.com | 3 Dec 2024
  • Stripe Black Friday Dashboard (Physical Machine)

    1 project | news.ycombinator.com | 3 Dec 2024
  • How to Work with Multidimensional Arrays in JavaScript

    7 projects | dev.to | 18 Sep 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 7 Feb 2025
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →

Index

What are some of the best open-source Canva projects in JavaScript? This list will help you:

# Project Stars
1 three.js 104,174
2 Chart.js 65,251
3 anime.js 50,810
4 phaser 37,497
5 matter-js 17,146
6 A-Frame 16,837
7 x-spreadsheet 14,300
8 react-canvas 13,186
9 piskel 11,393
10 vega 11,346
11 canvas-confetti 10,859
12 dom-to-image 10,484
13 zdog 10,427
14 two.js 8,387
15 jspaint 7,341
16 tui.image-editor 7,048
17 heatmap.js 6,268
18 JsBarcode 5,571
19 html2pdf.js 4,266
20 ccapture.js 3,604
21 LittleJS 3,546
22 jsmind 3,524
23 cursor-effects 3,507

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?