JavaScript Canvas2d

Open-source JavaScript projects categorized as Canvas2d

Top 19 JavaScript Canvas2d Projects

  1. litegraph.js

    A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently.

  2. SurveyJS

    SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.

    SurveyJS logo
  3. melonJS

    a fresh, modern & lightweight HTML5 game engine

  4. Canvas2DtoWebGL

    Ports (almost) all Canvas2D functions to the GPU so it can be mixed with a WebGL canvas.

    Project mention: Implement Canvas2D over WebGL | news.ycombinator.com | 2025-09-22
  5. uWrap

    A 10x faster and more accurate text wrapping util in < 2KB (min)

    Project mention: Show HN: Uwrap.js – A 10x faster and more accurate text wrapping util in < 2KB | news.ycombinator.com | 2025-04-04

    let me know if you find one: https://github.com/leeoniya/uWrap/blob/main/package.json

  6. the-matrix-effect

    The incredible effect of rain of letters in the style of the Matrix trilogy.

  7. react-charty

    Data Visualization Component

  8. gra

    Pure JavaScript Metroidvania game experiment

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
  10. matrix-code-generator

    A screen-accurate Matrix Code generator.

  11. visual-ts-game-engine

    Typescript project based on matter.ts, used webpack, GamePlay based on canvas2D. Multiplayer real time for platformer gameplay. Video chat webRTC supported by kurento OV server signalling. RocketCraftingServer used for account session. Node.js for server part. Powerfull ! ®zlatnaspirala

  12. emotive-engine

    Real-time particle animation engine for AI interfaces with emotion-driven motion and musical beat synchronization

    Project mention: Show HN: Emotive Engine – Animation engine with musical time (not milliseconds) | news.ycombinator.com | 2025-10-29
  13. JS_game_collections

    Games/designs I enjoy creating/re-implement

  14. visualjs

    Now `visual-js` can be used from npm i visual-js also MatrixEngneGUI Editor is here. (by zlatnaspirala)

  15. totalistic-cellular-automata

    A Javascript tool to generate totalistic cellular automata.

  16. Badminton-Game

    Badminton game using vanilla JavaScript

  17. cellular-automata

    An overview and animations of cellular automata (by linrock)

  18. web_game

    game progression

  19. osu-score-embed

    Embed osu! stats in Github Readme Profile

  20. nidza

    2d canvas engine - Scene Object oriented . Auto update scene system. No animationframe loop no draw recalls.

  21. manimjs

    i was just curious when i started coding my own manim xD

    Project mention: I created my own 2d animation engine :) from scratch | dev.to | 2025-11-02

    Github Repo

  22. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB 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 Canvas2d discussion

JavaScript Canvas2d related posts

  • Implement Canvas2D over WebGL

    1 project | news.ycombinator.com | 22 Sep 2025
  • Show HN: Uwrap.js – A 10x faster and more accurate text wrapping util in < 2KB

    3 projects | news.ycombinator.com | 4 Apr 2025
  • Tattooing The Black Keys Fans Using MediaDevices and PixiJS

    2 projects | dev.to | 30 Jan 2025
  • HTML Compatible Graphics Library?

    2 projects | /r/HTML | 10 Sep 2022
  • Learning path for data visualization only

    2 projects | /r/learnjavascript | 4 Aug 2022
  • Web Animations: FE dev vs designer?

    2 projects | /r/webdev | 9 Jun 2022
  • Show HN: A JavaScript Tool to Generate Totalistic Cellular Automata

    1 project | news.ycombinator.com | 28 Oct 2021
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 23 Dec 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

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

# Project Stars
1 litegraph.js 7,688
2 melonJS 6,195
3 Canvas2DtoWebGL 341
4 uWrap 295
5 the-matrix-effect 154
6 react-charty 71
7 gra 38
8 matrix-code-generator 34
9 visual-ts-game-engine 23
10 emotive-engine 10
11 JS_game_collections 9
12 visualjs 8
13 totalistic-cellular-automata 5
14 Badminton-Game 5
15 cellular-automata 4
16 web_game 4
17 osu-score-embed 4
18 nidza 1
19 manimjs 1

Sponsored
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control
Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
surveyjs.io

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