JavaScript Graphics Libraries

JSCAD is an open source set of modular, browser and command line tools for creating parametric 2D and 3D designs with JavaScript code. It provides a quick, precise and reproducible method for generating 3D models, and is especially useful for 3D printing applications.

📐⚙ 2D vector line drawing and shape modeling for CNC and laser cutters.

JavaScript 3D Library.

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 —

Create graphics with a hand-drawn, sketchy, appearance

The JavaScript library for modern SVG graphics.

The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey

JavaScript Vector Library

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim.

Algorithmically generated triangle art

The lightweight library for manipulating and animating SVG

Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

An open-source JavaScript library for world-class 3D globes and maps 🌎

The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.

A renderer agnostic two-dimensional drawing api for the web.

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!

Textures.js is a JavaScript library for creating SVG patterns

A cross platform high-performance graphics system.

A library for visualization and creative-coding

👑 Functional WebGL

Read and write OpenType fonts using JavaScript.

tsParticles - Easily create highly customizable particles, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

A smooth 3D tilt javascript library.

WebGL point cloud viewer for large datasets

A Tiny WebGL helper Library

✨ Viselect - A simple and lightweight library to add a visual way of selecting elements, just like on your Desktop. Zero dependencies, super small. Support for major frameworks.

HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

Automatically Interactive Graphics 🖼✨💯

📐⚙ 2D vector line drawing and shape modeling for CNC and laser cutters.

curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.

A lightweight JavaScript graphics library with the intuitive API, based on SVG/VML technology.

X3DOM. A framework for integrating and manipulating X3D scenes as HTML5/DOM elements.

Find the Overlap Area.