Graphic OpenSource

• PixiJS : Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

• Babylon.js : Babylon.js is an open source framework that allows you to create stunning 3D experiences in your browser. Built with simplicity and performance in mind, it is the engine that fuels the Remix3D site or the Xbox Design Lab.

• sketch.js : Cross-Platform JavaScript Creative Coding Framework

• Zero : A graphics pipeline implemented in JavaScript and rendered to the terminal. No GPU required.

• Oasis Engine : Oasis Engine is a web-first and mobile-first high-performance real-time development platform.

Draw

• Tldraw : A tiny little drawing app.

SVG

Canvas

• 2014-Fabric.js : Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

• dom-to-image : Generates an image from a DOM node using HTML5 canvas

• html2canvas : The script allows you to take “screenshots” of webpages or parts of it, directly on the users browser.

• e2d : An es5 declarative canvas renderer.

• react-konva :JavaScript library for drawing complex canvas graphics using React.

Web Graphics

WebGL

• TWGL : This library’s sole purpose is to make using the WebGL API less verbose.

• glTF : glTF™ (GL Transmission Format) is a royalty-free specification for the efficient transmission and loading of 3D scenes and models by applications.

• Zdog : Round, flat, designer-friendly pseudo-3D engine

WebGPU

• 2023-Orillusion : Orillusion is a pure Web3D rendering engine which is fully developed based on the WebGPU standard.

D3.js

Animation

• mo.js : motion graphics toolbelt for the web.

• bezierjs : A node.js and client-side library for (quadratic and cubic) Bezier curve work.

• lottie-web : Render After Effects animations natively on Web, Android and iOS, and React Native. React animated icons,

Textures

• Matcaps : Huge library of matcap PNG textures organized by color.