Top 19 JavaScript Graphic Projects
-
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
I like to make art thru code and one of the most convenient ways to do that, taking sharing it later into account, is to use a JavaScript library like p5*js.
-
I've been using https://c3js.org/ forever with vue. Works with v3 just fine. However, I'm very interested to see what others are using.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
three-mesh-bvh
A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.
Have you tried using https://github.com/gkjohnson/three-mesh-bvh ? That may give you some easier collision detection tools.
-
I'm now struggling to get Konva installed, I've seen that v3 has been released for vue 3 (https://github.com/konvajs/vue-konva/issues/123) but if I try npm i [email protected] or manually change my konva version to v3.0.0 I get this error No matching version found for [[email protected]](mailto:[email protected]).
-
Project mention: Ayutthaya as 3d tiles in threejs. tile loading is barely visible with a solid 60fps! | reddit.com/r/threejs | 2022-03-29
Nice, done with https://github.com/NASA-AMMOS/3DTilesRendererJS?
-
-
SPX-GC
SPX is a graphics control client for live video productions and live streams using CasparCG, OBS, vMix, or similar software.
I work overlays in streaming with SPX-GC (https://github.com/TuomoKu/SPX-GC) which feeds HTML via a virtual server and read those with Vingester (https://vingester.app/), a headless browser, to NDI. There are other tools that do this for framesharing like SPOUT (https://ultralig.ht/) and pretty sure something for an apple variant (Syphon has been suspended, right?)
-
JetBrains
Developer Ecosystem Survey 2022. Take part in the Developer Ecosystem Survey 2022 by JetBrains and get a chance to win a Macbook, a Nvidia graphics card, or other prizes. We’ll create an infographic full of stats, and you’ll get personalized results so you can compare yourself with other developers.
-
react-native-gcanvas
react native canvas based on gpu opengl glsl GCanvas -- A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎)
Project mention: Is anyone using react-native-gcanvas in production? | reddit.com/r/reactnative | 2021-08-06Hi. A comment here pointed me towards this library recently. It looks like alibaba re-created the javascript canvas for use on many platforms. It looks like it was forked when they dropped explicit support for react-native.
-
-
The library wrapper for threejs i found that made this easy was the following: https://github.com/node-3d/3d-core-raub.
-
-
-
-
Project mention: ChelseaJS - A Javascript library for creative, generative Coding made entirely by me. [Please Star on Github] | reddit.com/r/p5js | 2022-02-20
Chelsea.js Home (beetrandahiya.github.io)
-
isometric-css
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
-
svg-experiments
✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.
Repository: https://github.com/diegoinacio/svg-experiments/tree/master/svg-experiment-006
-
Project mention: What sort of side projects do you work on after you get the job ? | reddit.com/r/webdev | 2022-02-09
Here is my project if you want to take a look: https://github.com/SampsaKaskela/PetoGraphicsWeb
-
Check out this project: https://github.com/Ericvf/ES6-WebGL
-
JavaScript Graphics related posts
- Math equation based coding languages?
- Rust and Wasm vs. Javascript
- Checking a mesh is inside another mesh
- I would like to learn how to code, with generative art being a long term goal, but I honestly have no idea where to start.
- Generative code = art
- rewrite random() function in another language?
- Viz Studio: code-based live animation editor
Index
What are some of the best open-source Graphic projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | p5.js | 17,645 |
| 2 | c3 | 9,194 |
| 3 | three-mesh-bvh | 1,231 |
| 4 | vue-konva | 870 |
| 5 | 3DTilesRendererJS | 819 |
| 6 | Odoo | 787 |
| 7 | SPX-GC | 153 |
| 8 | react-native-gcanvas | 110 |
| 9 | QuickPlot | 84 |
| 10 | 3d-core-raub | 56 |
| 11 | OpenGraphics | 54 |
| 12 | trace.moe-media | 31 |
| 13 | art | 28 |
| 14 | ChelseaJS | 24 |
| 15 | isometric-css | 19 |
| 16 | svg-experiments | 2 |
| 17 | PetoGraphicsWeb | 0 |
| 18 | ES6-WebGL | 0 |
| 19 | VRML | 0 |
Are you hiring? Post a new remote job listing for free.
