JavaScript 2D

Open-source JavaScript projects categorized as 2D

Top 13 JavaScript 2D Projects

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

  • windowjs

    Window.js is an open-source Javascript runtime for desktop graphics programming.

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

  • delaunator

    An incredibly fast JavaScript library for Delaunay triangulation of 2D points

    Project mention: Using Voronoi polygons for simplified continent generation | /r/proceduralgeneration | 2023-05-05

    Well, the easiest option would probably be to use a different Delaunay/Voronoi library. Delaunator (C# bindings here) should be a pretty good option: it's fast, and there's a good explanation of how to use the data structures it generates. There is some weirdness with how points at the edge of the domain work that you may have to work around, but that will probably be easier than trying to modify another algorithm or write your own. I know I've struggled to implement the algorithms for calculating Voronoi diagrams/Delaunay triangulations, even though I feel like I have a decent high-level understanding of how Fortune's algorithm is supposed to work.

  • q5xjs

    A small and fast alternative (experimental) implementation of p5.js

    Project mention: How can I minimize production builds size | /r/p5js | 2023-05-17

    I don't know about how you can easily get to a smaller size, without setting up a complete build system yourself. But you can give q5.js a try. It is a replacement of p5.js focused on speed and size. I have not used it myself, so I don't know how compatible it is for your needs. https://github.com/LingDong-/q5xjs

  • react

    React tsParticles official component (by tsparticles)

  • react-native-gcanvas

    react native canvas based on gpu opengl glsl GCanvas -- A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎)

  • deno-canvas

    Canvas API for Deno, ported from canvaskit-wasm (Skia).

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • art

    @Bigfan/art is a React custom renderer for HTML5 Canvas. (by bigfanjs)

  • confetti

    tsParticles official confetti website (by tsparticles)

  • pframe

    ECS library for pixi.js. A-Frame for 2D.

  • csgo-2d-demo-viewer

    web based CS2 2d demo player

  • Silver-Rain

    JavaScript WebGL Library

    Project mention: Are there any libraries that makes working with images easier? | /r/webgl | 2023-04-30
  • VisualBox

    Browser based Collaborative Frame Animation Builder with offline rendering support. Build and share your favourite animations

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). The latest post mention was on 2024-04-11.

JavaScript 2D related posts

Index

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

Project Stars
1 two.js 8,186
2 windowjs 2,252
3 delaunator 2,191
4 q5xjs 515
5 react 309
6 react-native-gcanvas 194
7 deno-canvas 185
8 art 29
9 confetti 11
10 pframe 10
11 csgo-2d-demo-viewer 8
12 Silver-Rain 2
13 VisualBox 2
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.
www.influxdata.com