SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript Graphic Projects
-
Yes. diagrams.net is a strong choice for Google Cloud architecture diagrams when the goal is documentation, design reviews, and manual architecture communication rather than live infrastructure discovery.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
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. Looking for p5.js 2.0? http://beta.p5js.org
P5.js is pretty great.
I used it create art, basically taking animal photos and using the dna sequence from that animal to recreate the photo using the 4 letters. (I did four passes using different size letters and layered in Gimp). People seem to like them, and they got into an art:science show.
https://p5js.org/
Coding train has a lot of videos on using p5.js
-
-
three-mesh-bvh
A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.
Project mention: A WebGL game where you deliver messages on a tiny planet | news.ycombinator.com | 2025-09-28One of the artists behind this, Vicente Lucendo, has a case study here explaining how they made a previous project (Summer Afternoon):
https://www.awwwards.com/summer-afternoon.html
And a talk here on the same project:
https://www.youtube.com/watch?v=KSIxyyEaPr0
It's full of tips that likely informed this new project. In short, seems like:
- No game engine
- Three.js plus https://github.com/gkjohnson/three-mesh-bvh
- Houdini and Blender for modelling
- Substance for texturing
- Figma and Affinity Photo for UI
- GSAP and vanilla JS for animation
- Davinci Resolve for sound
Plus a lot of experience, creativity, and artistry to solve other challenges (e.g. shaders, shadows) and wire everything together into this pretty performant piece of art.
The studio also has a case study here of another project they made, with other hints about their tooling and process:
https://www.awwwards.com/igloo-inc-case-study.html
Just for anyone like me who played this and spent the whole time thinking, "this is beautiful, who are you and how did you make this?" The author names are only revealed in the credits at the end:
https://vlucendo.com/
https://x.com/michaelsungaila (nice work on the beach shader!)
https://www.kevincolombin.com/ (music)
-
-
Project mention: Atrament.js Canvas Library: Smooth Drawing with Pressure Support | dev.to | 2025-11-27
👉 GitHub Repo
-
three-gpu-pathtracer
Path tracing renderer and utilities for three.js built on top of three-mesh-bvh.
Project mention: Real-time PathTracing with global illumination in WebGL | news.ycombinator.com | 2026-02-15There is another that is also quite mature that will render most Three.js scenes:
https://github.com/gkjohnson/three-gpu-pathtracer
Demos here:
https://gkjohnson.github.io/three-gpu-pathtracer/example/bun...
This one is also an official Three.js example:
https://threejs.org/examples/?q=path#webgl_renderer_pathtrac...
-
implicit
A math-inspired CAD program in haskell. CSG, bevels, and shells; 2D & 3D geometry; 2D gcode generation...
-
three-bvh-csg
A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh
-
-
urdf-loaders
URDF Loaders for Unity and THREE.js with example ATHLETE URDF Files open sourced from NASA JPL
-
-
SPX-GC
SPX is a graphics control client for live video productions and live streams using CasparCG, OBS, vMix, or similar software.
-
-
-
closed-chain-ik-js
A generalized inverse kinematics solver that supports closed chains for parallel kinematics systems, dynamic reconfiguration, and arbitrary joint configuration based on damped least squares error minimization techniques
-
retrace.gl
Create, ray trace & export programatically defined Signed Distance Function CSG geometries with an API suited for generative art - in your browser! 🎉
-
-
-
-
-
-
treasurechest
TechBlog ✍ https://blog.frost.kiwi - This is a collection of useful things I want to share with the world
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 Graphics discussion
JavaScript Graphics related posts
-
Generative Art over the Years
-
I Tested These Static GCP Diagramming Tools in 2026
-
I Tested and Compared GCP Diagramming Tools: What I'd Use for Design, Docs, and Live Ops
-
A WebGL game where you deliver messages on a tiny planet
-
NASA Stennis Releases First Open-Source Software
-
Turing-Drawings
-
Getting Started with Interactive Programming
-
A note from our sponsor - SaaSHub
www.saashub.com | 16 Jun 2026
Index
What are some of the best open-source Graphic projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | drawio-desktop | 61,564 |
| 2 | p5.js | 23,732 |
| 3 | c3 | 9,348 |
| 4 | three-mesh-bvh | 3,391 |
| 5 | 3DTilesRendererJS | 2,332 |
| 6 | atrament | 1,775 |
| 7 | three-gpu-pathtracer | 1,765 |
| 8 | implicit | 1,555 |
| 9 | three-bvh-csg | 914 |
| 10 | Odoo | 823 |
| 11 | urdf-loaders | 794 |
| 12 | hylide | 488 |
| 13 | SPX-GC | 415 |
| 14 | q5.js | 413 |
| 15 | webgpu_inspector | 336 |
| 16 | closed-chain-ik-js | 291 |
| 17 | retrace.gl | 196 |
| 18 | b5 | 96 |
| 19 | OpenGraphics | 87 |
| 20 | source-engine-model-loader | 84 |
| 21 | QuickPlot | 84 |
| 22 | 3d-core-raub | 80 |
| 23 | treasurechest | 70 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com