Open source Adobe Illustrator alternatives
Every project in the catalog is MIT, Apache or BSD licensed. 0 projects explicitly describe themselves as a Adobe Illustrator alternative; 15 more are in the category where Adobe Illustrator is a typical product.
Open source projects in the same category: Graphic Design & Vector
Category-level information: these projects are the same kind of software as Adobe Illustrator; they have not claimed to be a one-to-one replacement.
PixiJS
100pixijs · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- Using WebGL and WebGPU technologies, you can create performance 2D graphics and scenes.
- You can develop interactive interfaces and applications with mouse and multi-touch support.
- You can enhance visual content by applying dynamic textures, filters, and advanced mix modes.
- • NeutralHacker News
Show HN: Canvas engines performance comparison – PixiJS, Two.js, and Paper.js
“My understanding is canvas also applies AA the rectangle lines still look AA just at a higher DPI. It looks to me like the rectangles done in WebGL are drawn at the scaled resolution (1920 x 1080) vs the unscaled resolution (3840 x 2160), whereas the canvas is DPI aware and…”
- • NeutralHacker News
Show HN: Canvas engines performance comparison – PixiJS, Two.js, and Paper.js
“FWIW the code in the post doesn't use sprites. I think it is done intentionally because not all of the engines support sprites. As someone mentioned in this thread if PixiJS would use sprites, it could be 10x faster.”
Verified against README · Oct 26, 2026 · source
niklasvh · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You take a screenshot of the entire web page or a specific part of it on the browser.
- You convert DOM elements into a canvas image within the browser.
- You include cross-origin content in the visualization process using a proxy.
- • Last update 2 years ago
- • High number of open issues (1,055)
- • NeutralHacker News
Benchmark: snapDOM vs html2canvas
“Yes, the default capture output is a svg dataurl. But there many other export options. This lib was made as an internal tool for another project called Zumly that is zoomable engine and the svg format was the faster output I found. But then I realized that could be an…”
- • NeutralHacker News
Benchmark: snapDOM vs html2canvas
“For the 1st example, snapdom is not only faster, but actually correct, while html2canvas has some artifacts (on Linux/Firefox)”
Verified against README · Oct 26, 2026 · source
Fabric.js
100fabricjs · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- On HTML5 canvas, you can scale, move, and rotate objects.
- You can create canvas content with built-in shapes, animations and image filters.
- You can import or export data in JPG, PNG, JSON and SVG formats in their projects.
- • NeutralHacker News
Show HN: Nexus.js - Fabric.js for 3D
“Ha, that brings me back trying to make Fabric.js somehow usable for a 3D viewport at a startup I was working at a while ago. (We used esm.js instead of WASM for the 3d engine, to give you an idea) It was a lot of wrangling and unexpected behavior, and we ultimately ended up…”
Verified against README · Oct 26, 2026 · source
Rough.js
55rough-stuff · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You draw rectangles, circles, ellipses and lines in the form of hand drawing using HTML5 Canvas or SVG
- You define different filling styles and colors, such as hakhure, solid, zigzag, cross-hatch, dots, dashed or zigzag-line
- By adjusting the parameters of roughness and twisting, you customize the sketch style of shapes
- • Last update 2 years ago
- • NeutralHacker News
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
“Related: Show HN: Sketchy-appearance interactive timeline made using RoughJS - - Dec 2021 (1 comment) Rough.js – Create graphics with a hand-drawn, sketchy, appearance - - Dec 2021 (23 comments) Show HN: Hand-drawn timelines using RoughJS - - July 2020 (1 comment) Rough.js –…”
- • NeutralHacker News
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
“I used it to implement the "Sketchify" generator in Boxy SVG ( ). It is especially nice that Rough.js has very few dependencies and can run inside a web worker.”
szimek · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You can create smooth digital signatures on canvas items on web pages.
- You can export the signature data drawn in PNG, JPEG or SVG formats.
- You can save signature data as array or data URL and then upload it back onto the canvas.
- • NeutralGitHub Issue
Consider option to remove blank space around signature
“I need to use the sig image later in my app and the blank space around the sig can be a bit of a pain. I added an option to remove this blank space so that the image returned when I get the data is the cropped signature. I'm not sure if this would be useful to others, and I am…”
- ↑ PositiveGitHub Issue
Capturing biometric data with the sign
“Hello. Is it possible to get biometric data associated to the sign? I say, writing speed, number of lines, etc. I need to be sure that the user doesn't reject the authenticity of his own sign for legal purposes. This component is the only one I've seen that writes a smooth sign,…”
storytold · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You create vector illustrations with pen tool, direct selection, perspective grid, and gradient knitting features.
- You import and export files in SVG, PDF, PNG and local .vectorcraft formats.
- You automate drawing and editing through the JSON control channel or MCP server.
- • High number of open issues (994)
Orama-Interactive · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- Araçları sol ve sağ fare düğmelerine atayarak çizim iş akışını hızlandırırsın
- Dikdörtgen, izometrik veya altıgen karolarla oyunların için tilemap katmanları oluşturursun
- Hazır paletlerden seçer, kendi paletlerini içe aktarır ya da yazılım içinde özel paletler oluşturabilirsin
- ↑ PositiveGitHub Issue
Pixelorama snap
“Hi! I saw that someone ( probably @Schweini07 ) already registered the "pixelorama" name in the snap store. This is great! I have already a working snap version of pixelorama 0.6 and I would like to share it with you so you don't have to [waste your time reinventing the wheel](…”
- • NeutralGitHub Issue
High CPU Usage
“Hello, i notified that the Pixelorama eats 2 cpu cores while in idle completely. I have a laptop with Intel Core i7 7600U (2 Cores - 4 Threads) running Fedora 31. Pixelorama is permanently at 50-60% in htop, for comparison the godot editor at only 5%.”
Verified against README · Oct 30, 2026 · source
lnkiai · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You create Material 3 Expressive screen designs with drag-and-drop method in the browser.
- You define cross-screen touch and scroll-based transition flows.
- You transform the design you create into text command for AI coding tools.
- • No published release
rawgraphs · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- Using table data and copied text, you create custom vector-based visualizations.
- You export the visualizations you create in SVG format and edit them in vector graphics editors.
- You run the application on your local machine using Node.js and Yarn.
- • NeutralGitHub Issue
License
“Sorry for reopening this issue. But could you please reconsider the right license option for this? As such this work is good and your option for LGPL allows commercial usage. However, given the LGPL v3 nature that user be given a choice to replace the module with any other…”
- ↑ PositiveGitHub Issue
SVG and PNG files won't validate in Illustrator and InDesign respectively
“Hi, this is an amazing tool and I'm excited to use it. I'd like to be able to modify the output however Illustrator and InDesign won't open the files citing validation issues. W3C markup validator suggests there's no character encoding declared at the document level. Help? thank…”
two.js
80jonobr1 · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- Using the same API structure, you create two-dimensional drawings in webgl, canvas2d and svg contexts.
- With the Node.js-based custom compilation process, you reduce the file size by simply selecting the processors you need.
- When using modern roofs such as React and Angular, you include the library in your project with ES6 import.
- • NeutralHacker News
Two.js
“Text is actually pretty tricky in WebGL. Lots of ways to do it, all very dependent on your application. I think it would be better to keep it out of the library but allow plugins/etc to compose easily with the rest of two.js. Maybe the author could utilize some npm modules to…”
- ↑ PositiveHacker News
Two.js
“You can do quite a bit with "circles and squares". Two.js focuses on Path drawing and has robust SVG interpretation for complex vector shapes. I've found the portability to be fantastic. For instance runs svg on iOS and canvas on Android. Two.js makes it simple to run either on…”
SVG-Edit
92SVG-Edit · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- Run the SVG drawing editor directly through your browser
- Create vector drawings with shape, path, and text tools and save them as SVG
- SVG-Edit you integrate a div element into your own web application
- • NeutralGitHub Issue
IAN library and OpenClipart symbols can no longer be inserted.
“It worked fine in 2.8.1, but testing with the 3.x branch, it no longer works. Interestingly, the smiley and logo demo images still work fine. Is there something that needs to be changed in SVGEdit, or in the external libraries? Thanks!”
- ↓ NegativeGitHub Issue
Chrome is unusable when selecting lots of paths
“Open SVG-edit with the SVG file pasted below and then drag-select a bunch of the paths. You can see that Chrome has a hard time rendering the select boxes and keeping up with the mouse. No similar problem exists in Firefox which keeps up just fine. # Features”
Verified against README · Oct 25, 2026 · source
vtracer
80visioncortex · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You can convert raster images in JPG and PNG format into SVG vector files.
- You can export high-resolution technical drawings or historical documents to the vector format.
- You can optimize pixel art work or photos based on specific color palettes.
- • NeutralHacker News
Vtracer: Next-Gen Raster-to-Vector Conversion
“> Comparing to Potrace which only accept binarized inputs (Black & White pixmap), VTracer has an image processing pipeline which can handle colored high resolution scans. tl;dr: Potrace uses a O(n^2) fitting algorithm, whereas vtracer is entirely O(n). What is the Big-O of the…”
- ↑ PositiveHacker News
Vtracer: Next-Gen Raster-to-Vector Conversion
“TIL about from "Comparison of raster-to-vector conversion software" which does already list vtracer (2020) visioncortex/vtracer: Vector graphics Rotoscoping: Sprite (computer graphics) E.g. pygame-web can do SVG sprites; so that you don't have to do pixel art and sprite scaling…”
ecomfe · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You create two-dimensional graphic drawings in your projects.
- You provide the necessary graphics support for the Apache ECharts infrastructure.
- You manage the drawing process with the light graphics library.
canvg
100canvg · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- You render SVG files or SVG content taken via URL on HTML5 Canvas.
- You visualize SVG graphics by converting them to raster formats.
- Play SVG animations and mouse interactions on Canvas.
- ↑ PositiveHacker News
canvg: JavaScript SVG Parser and Renderer on Canvas
“Hey all! The first commit is almost 10 years old now but many are still finding a use case for our canvg library, which takes an svg string and renders it on a canvas. We just released v3 which is a complete rewrite in TypeScript and support for OffscreenCanvas as well as…”
- • NeutralGitHub Issue
Support for elements
“_From [[email protected]]( on August 05, 2010 14:25:18_ As requested by an SVG-edit user [1], it would be nice to have support for elements. Thanks! [1] _Original issue:”
glincker · Graphic Design & Vector
Common commercial products in this category: Adobe Photoshop, Adobe Illustrator, Canva
- Tek bir simgeyi projene ekleyip yalnızca kullandığın simgeyi paketine dahil edebilirsin
- Amazon, Google ve Microsoft gibi markaların ürünlerini sahibine göre gruplanmış halde bulabilirsin
- AWS, Azure ve Google Cloud mimari simgelerini diyagramlarında kullanabilirsin
Verified against README · Oct 30, 2026 · source