Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 JavaScript Canva Projects
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
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.
-
-
x-spreadsheet
The project has been migrated to @wolf-table/table https://github.com/wolf-table/table
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
-
-
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
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Regarding the optimization of the effect, I found an issue on the three.js GitHub repository: https://github.com/mrdoob/three.js/issues/14104 The alpha channel issue seems to be a difficult problem, which has been present since 2018. At the end of the discussion, a solution proposed by a contributor is not to modify the UnrealBloomPass but to blend the source texture and target texture in the shader.
Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29
This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally.
Project mention: 3 years of fulltime Rust game development, and why we're leaving Rust behind | news.ycombinator.com | 2024-04-26If you're targeting the browser first why not use a browser first library like PhaserJS [0]?. I don't see a reason to work around with WASM; HTML5 canvas might be everything that you need.
[0] https://phaser.io/
Project mention: Show HN: 3D Framework for the Web. Built on Svelte and Three.js | news.ycombinator.com | 2024-04-29Cool project!
For those who prefer a more vanilla approach, A-frame [1] is nice.
[1] https://aframe.io/
Do you think this worked so cleanly because there is a tutorial similar to this and its in the dataset?
https://github.com/liabru/matter-js/wiki/Tutorials
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.
Project mention: Show HN: Minard – Generate beautiful charts with natural language | news.ycombinator.com | 2024-04-18Hi HN – Excited to share a beta for Minard, a new data visualization toolkit we've been working on that lets you generate publication-quality charts with simple natural language (throw away your matplotlib docs and rejoice!).
Upload or import CSVs, Excel, and JSON, give it a spin, and please let us know what you think! (Long format data works best for now)
For those curious, the stack is a simple Django app with HTMX/Alpine and all of the charts are specified and rendered as Vega (https://vega.github.io/vega/). Lots of LLM function calling under the hood as well.
It's only meaningful to consider that our world is a simulation if it is an imperfect one, otherwise you're just using "simulation" as an awkward synonym for "reality".
Click the "snow" button enough (https://catdad.github.io/canvas-confetti/) and you'll get a horizontal line separating the pre-slowdown flakes from the post-slowdown flakes. I suppose that's the kind of simulation imperfection that we might look for.
Personally, I don't think we're hacking our way out of this one any time soon, so I'm happy to just call it reality.
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.
This is by the same person who made jspaint. https://github.com/1j01/jspaint Some of the other projects by the author are also very interesting https://github.com/1j01?tab=repositories&q=&type=&language=&...
There is this pipes screen saver for example https://1j01.github.io/pipes/
Project mention: No-more-secrets: recreate the decryption effect seen in the 1992 movie Sneakers | news.ycombinator.com | 2023-07-20if you like that one then you'll likely enjoy this[1] one also
[1] https://github.com/Rezmason/matrix
Project mention: Looking for a website in which it's a white background and when you move your cursor a series of emojis follows it, my boyfriend accidently lost this site and is distraught (hes autistic and this was a very stimulating site for him, please help) | /r/WeirdWebsites | 2023-05-27
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 related posts
-
A New Era for Mixed Reality
-
El Prado Museum in Unprecedented Detail with New 360º Gigapixel Virtual Tour
-
Show HN: Minard – Generate beautiful charts with natural language
-
Interview with Senior JavaScript Developer 2024 [video]
-
Show HN: A JavaScript library for data visualization in both SVG and Canvas
-
React, Solid, Htmx
-
A free and open-source Civilization you can play in a browser
-
A note from our sponsor - InfluxDB
www.influxdata.com | 3 May 2024
Index
What are some of the best open-source Canva projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | three.js | 98,992 |
| 2 | Chart.js | 63,503 |
| 3 | anime.js | 48,728 |
| 4 | phaser | 36,353 |
| 5 | A-Frame | 16,210 |
| 6 | matter-js | 15,983 |
| 7 | x-spreadsheet | 13,776 |
| 8 | react-canvas | 13,126 |
| 9 | vega | 10,856 |
| 10 | piskel | 10,743 |
| 11 | zdog | 10,235 |
| 12 | dom-to-image | 10,100 |
| 13 | canvas-confetti | 8,385 |
| 14 | two.js | 8,190 |
| 15 | jspaint | 7,115 |
| 16 | tui.image-editor | 6,724 |
| 17 | heatmap.js | 6,150 |
| 18 | JsBarcode | 5,296 |
| 19 | html2pdf.js | 3,830 |
| 20 | ccapture.js | 3,473 |
| 21 | jsmind | 3,265 |
| 22 | matrix | 3,217 |
| 23 | cursor-effects | 3,208 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com