JavaScript Canvas

Open-source JavaScript projects categorized as Canvas
Edit details
Topics: JavaScript Html5 Webgl Game HTML
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 23 JavaScript Canva Projects

  • three.js

    JavaScript 3D Library.

    • Project mention: Space, Rockets and GPU particles | dev.to | 2024-05-12

    We also used three.js to setup a scene and manage resources.

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

    • Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29

  • 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.

    SurveyJS logo

  • anime.js

    JavaScript animation engine

    • Project mention: Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide | dev.to | 2024-05-09

    Repository: anime.js on GitHub

  • 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: Alternatives to Flash Player for Videogame Coding? | news.ycombinator.com | 2024-05-08

  • A-Frame

    :a: Web framework for building virtual reality experiences.

    • Project mention: Ask HN: Why Htmx So Controversial? | news.ycombinator.com | 2024-05-13

    I like it. It is a perfect framework for my smart RSS reader and my image sorter where I want to do some simple things like putting up modal dialogs, implementing multiple-stage selects, combo boxes, things like that.

    React can handle apps with much more complex state and do really amazing things like

    https://aframe.io/

    but it is overkill for the common form applications it is commonly used for.

  • matter-js

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

    • Project mention: Copying Angry Birds with nothing but AI | news.ycombinator.com | 2023-10-31

    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

  • 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.

    InfluxDB logo

  • 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.

  • vega

    A visualization grammar.

    • Project mention: Show HN: Minard – Generate beautiful charts with natural language | news.ycombinator.com | 2024-04-18

    Hi 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.

  • piskel

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

  • zdog

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

  • dom-to-image

    Generates an image from a DOM node using HTML5 canvas

  • canvas-confetti

    🎉 performant confetti animation in the browser

    • Project mention: A useful front-end confetti animation library | news.ycombinator.com | 2024-04-25

    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.

  • 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.

  • jspaint

    🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras

    • Project mention: Textual Paint – MS Paint in your terminal | news.ycombinator.com | 2023-07-25

    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/

  • tui.image-editor

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

  • heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

  • JsBarcode

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

  • html2pdf.js

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

  • ccapture.js

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

  • jsmind

    a mind mapping library built by javascript

  • matrix

    matrix (web-based green code rain, made with love)

    • Project mention: No-more-secrets: recreate the decryption effect seen in the 1992 movie Sneakers | news.ycombinator.com | 2023-07-20

    if you like that one then you'll likely enjoy this[1] one also

    [1] https://github.com/Rezmason/matrix

  • cursor-effects

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

    • 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

  • 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 related posts

Index

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

Project Stars
1 three.js 99,250
2 Chart.js 63,595
3 anime.js 48,824
4 phaser 36,421
5 A-Frame 16,230
6 matter-js 16,028
7 x-spreadsheet 13,798
8 react-canvas 13,126
9 vega 10,872
10 piskel 10,772
11 zdog 10,244
12 dom-to-image 10,120
13 canvas-confetti 8,766
14 two.js 8,198
15 jspaint 7,123
16 tui.image-editor 6,742
17 heatmap.js 6,155
18 JsBarcode 5,309
19 html2pdf.js 3,850
20 ccapture.js 3,473
21 jsmind 3,271
22 matrix 3,223
23 cursor-effects 3,222

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com