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 →
Top 23 JavaScript Canva Projects
-
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.
-
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.
-
Source: https://www.chartjs.org/
-
AnimeJS
-
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-30This 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?
-
-
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/
-
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 -
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
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.
-
-
Document address: Vega Official Document
-
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?
-
-
-
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.
-
-
tui.image-editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
-
-
JsBarcode
Barcode generation library written in JavaScript that works in both the browser and on Node.js
-
-
-
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-03I 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
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
JavaScript Canvas discussion
JavaScript Canvas related posts
-
Ask HN: What was the most complicated program you ever implemented on your own?
-
Tattooing The Black Keys Fans Using MediaDevices and PixiJS
-
I built a website where you can pop confettis for no reason
-
Show HN: Svader – Create GPU-rendered Svelte components
-
My son (9 yrs old) used plain JavaScript to make a game, and wants your feedback
-
Stripe Black Friday Dashboard (Physical Machine)
-
How to Work with Multidimensional Arrays in JavaScript
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 7 Feb 2025
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 |