Open Source JavaScript Graphic Design Software
Sort By:
JavaScript Graphic Design Software
View 166 business solutionsBrowse free open source JavaScript Graphic Design Software and projects below. Use the toggles on the left to filter open source JavaScript Graphic Design Software by OS, license, language, programming language, and project status.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
PageDNA: Web-to-Print eCommerce SoftwarePageDNA enables successful eCommerce strategies for commercial print sales organizations, internal print shops, and brand owners. PageDNA’s online ordering platform increases print volume while decreasing touch costs for all stakeholders: clientele, print operations, and the organizations they support.
-
1
Upscayl
Free and Open Source AI Image Upscaler for Linux, MacOS and Windows
Free and Open Source AI Image Upscaler for Linux, MacOS and Windows built with Linux-First philosophy. Upscayl is a cross-platform application built with the Linux-first philosophy. This means that we prioritize Linux builds over others but that doesn't mean we'll break things for other OSes. Upscayl does not work without a GPU, sorry. You'll need a Vulkan-compatible GPU to upscale images. CPU or iGPU won't work. You can also download the flatpak version and double-click the flatpak file to install via Store but wait for the full release, we'll be pushing it to Flathub for easy access. Upscayl uses AI models to enhance your images by guessing what the details could be. It uses Real-ESRGAN (and more in the future) model to achieve this. The CLI tool is called real-esrgan-ncnn-vulkan and it's available on the Real-ESRGAN repository. -
2
diagrams.net
Security-first diagramming for teams
Bring your storage to our online tool, or go max privacy with the desktop app. Diagram files created in 2005 will load in the app today. Works with Google Drive and Google Workplace (G Suite). Use add-ons for Docs, Sheets and Slides. It works with OneDrive and Sharepoint. Office 365 app for Word, Powerpoint and Excel. Highest-rated Confluence app in the Atlassian Marketplace. Works in Jira too. Works with GitHub, GitLab and Dropbox for visual documentation in distributed teams. You can download diagrams.net Desktop for offline use on Windows, macOS, Linux and ChromeOS. Nextcloud is an ideal on-premise file hosting system for diagrams.net. -
3
Blockly
The web-based visual programming editor
The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application. Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. Blockly plugins are self-contained pieces of code that add functionality to Blockly. Blockly codelabs provide step-by-step instructions on how to use and customize Blockly. From a user's perspective, Blockly is an intuitive, visual way to build code. From a developer's perspective, Blockly is a ready-made UI for creating a visual language that emits syntactically correct user-generated code. Blockly can export blocks to many programming languages. -
4
Free editor for PDF documents. Complete editing of PDF documents is possible with PDFedit. You can change raw pdf objects (for advanced users) or use many gui functions. Functionality can be easily extended using a scripting language (ECMAScript).
">
-
Ango Hub | All-in-one data labeling platformAI-Assisted features of the Ango Hub will automate your AI data workflows to improve data labeling efficiency and model RLHF, all while allowing domain experts to focus on providing high-quality data.
-
5
HTML5 Editor
HTML5 editor, free and open-source website builder based on Silex
This editor is a free and open-source online tool which lets you design html pages with an interface very close to dreamweaver's or powerpoint's one. But we've put a special touch in it ;) The HTML5 editor is now available online and called Silex. Only developers will want to download Silex source code from github. **No need to download it, simply follow the link bellow** -
6
Cropper.js
JavaScript image cropper
The size of the cropper inherits from the size of the image's parent element (wrapper), so be sure to wrap the image with a visible block element. If you are using cropper in a modal, you should initialize the cropper after the modal is shown completely. Otherwise, you will not get the correct cropper. The outputted cropped data is based on the original image size, so you can use them to crop the image directly. If you try to start cropper on a cross-origin image, please make sure that your browser supports HTML5 CORS settings attributes, and your image server supports the Access-Control-Allow-Origin option (see the HTTP access control (CORS)). You may set cropper options with new Cropper(image, options). If you want to change the global default options, You may use Cropper.setDefaults(options). Define the view mode of the cropper. If you set viewMode to 0, the crop box can extend outside the canvas, while a value of 1, 2, or 3 will restrict the crop box to the size of the canvas. -
7
StackEdit
In-browser Markdown editor
Unrivalled writing experience. StackEdit’s Markdown syntax highlighting is unique. The refined text formatting of the editor helps you visualize the final rendering of your files. StackEdit provides very handy formatting buttons and shortcuts, thanks to PageDown, the WYSIWYG-style Markdown editor used by Stack Overflow. Whether you write, you review, you comment… StackEdit's layout provides you with the flexibility you need, without sacrifice. StackEdit’s Scroll Sync feature accurately binds the scrollbars of the editor panel and the preview panel to ensure that you always keep an eye on the output while writing. StackEdit can sync your files with Google Drive, Dropbox and GitHub. It can also publish them as blog posts to Blogger, WordPress and Zendesk. You can choose whether to upload in Markdown format, HTML, or to format the output using the Handlebars template engine. -
8
SVGO
Node.js tool for optimizing SVG files
SVG Optimizer is a Node.js-based tool for optimizing SVG vector graphics files. SVG files, in particular those exported from multiple editors, normally contain tons of redundant and useless information. This can include editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting the SVG rendering result. Some options can be configured with CLI though it may be easier to have the configuration in a separate file. SVGO has a plugin-based architecture, so almost every optimization is a separate plugin. -
9
The PhotoShop Scripts project is a catch-all for several toolkits and scripts that have been developed to facilitate the use of JavaScript for scripting Photoshop and other Adobe Creative Suite applications.
-
Powerfully Simple Remote Monitoring and Management SoftwareIf you're looking to support your clients and manage IT more efficiently, turn to NinjaRMM. The world's first security centric remote monitoring and management (RMM) platform, NinjaRMM enables IT professionals to monitor and manage the entire IT stack with full automation all within a single pane of glass. The platform features search and connect through TeamViewer, antivirus integration, real-time alerts, managed patching, automation, software inventory, and reporting.
-
10
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple mouse selection. Fabric offers support for touch devices, as well as Node.js support. It currently supports the following browsers: Firefox 2+, Safari 3+, Opera 9.64+, Chrome (all versions), IE10, IE11, and Edge. -
11
Paper.js
The swiss army knife of vector graphics scripting
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface. Paper.js is based on and largely compatible with Scriptographer, a scripting environment for Adobe Illustrator with an active community of scripters and more than 10 years of development. Paper.js is easy to learn for beginners and has lots to master for intermediate and advanced users. Paper.js is developed by Jürg Lehni & Jonathan Puckey, and distributed under the permissive MIT License. Paper.js is not simply a wrapper around the Canvas, it offers much more. -
12
Rawgraphs app
A web interface to create custom vector-based visualizations
Inspired by and built on top of open-source projects. RAWGraphs is open to the community for contributions. Almost 30 visual models to visualize quantities, hierarchies, and time series and find insights in your data. Even though RAWGraphs is a web app, the data you insert will be processed only by your web browser. Save your project, or export it as a vector or raster image. Edit it within your favorite software. RAWGraphs is an open source data visualization framework built with the goal of making the visual representation of complex data easy for everyone. Primarily conceived as a tool for designers and vis geeks, RAWGraphs aims at providing a missing link between spreadsheet applications (e.g. Microsoft Excel, Apple Numbers, OpenRefine) and vector graphics editors (e.g. Adobe Illustrator, Inkscape, Figma). The project, led and maintained by the DensityDesign Research Lab (Politecnico di Milano) was released publicly in 2013. -
13
sharp
High performance Node.js image processing module
The typical use case for this high speed Node.js module is to convert large images in common formats to smaller, web-friendly JPEG, PNG, AVIF and WebP images of varying dimensions. Resizing an image is typically 4x-5x faster than using the quickest ImageMagick and GraphicsMagick settings due to its use of libvips. Colour spaces, embedded ICC profiles and alpha transparency channels are all handled correctly. Lanczos resampling ensures quality is not sacrificed for speed. As well as image resizing, operations such as rotation, extraction, compositing and gamma correction are available. Most modern macOS, Windows and Linux systems running Node.js v10+ do not require any additional install or runtime dependencies. This module supports reading JPEG, PNG, WebP, AVIF, TIFF, GIF and SVG images. Output images can be in JPEG, PNG, WebP, AVIF and TIFF formats as well as uncompressed raw pixel data. Streams, Buffer objects and the filesystem can be used for input and output. -
14
Photoshop GIMP Extensions Installer
Installs 180 Photoshop and GIMP Brushes, Plugins + Scripts fast
Photoshop and GIMP Extensions Installer installs + 180 plug-ins, pattern, gradients, curves easy for Photoshop + GIMP with 1 click. Use the Photoshop and GIMP Extensions Installer to choose one or more.... - plugins - brushes - scripts - patterns - gradients ... to install them easily and full-automatically. 1. Choose the version of Photoshop / GIMP 2. Choose a plugin 3. Click on install ++ SYSTEM-Checkup with custom installation folder selection ++ IMPORTER for all kind of extensions [for GIMP + Photoshop] Get PGEI Pro at https://pgei.de/pgei-pro/ Use the new filters to speed up your search. Requirement is Java and the usage of Admin-Rights. Click on here to learn more https://pgei.de/contact/ -
15
Picturefill
A responsive image polyfill
A Responsive Images approach that you can use today that mimics the proposed picture element using spans, for safety sake. Picturefill works best in browsers that support CSS3 media queries. The demo page references (externally) the matchMedia polyfill which makes matchMedia work in media-query-supporting browsers that don't support matchMedia. matchMedia and the matchMedia polyfill are not required for picturefill to work, but they are required to support the media attributes on picture source elements. In non-media query-supporting browsers, the matchMedia polyfill will allow for querying native media types, such as screen, print, etc. If you only want to have an image show up at certain sizes, and not show up at others, you will need to use a transparent placeholder gif. There are currently no known unsupported browsers, provided that you use the markup patterns provided. -
16
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
pokemon-cards-css is a CSS-driven styling framework that lets web developers render Pokémon card visuals purely in HTML and CSS. It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. The project supports common card types (basic, stage, trainer, etc.), and includes classes to manage energy symbols, attack boxes, and flavor text. Many community users combine it with JavaScript to dynamically generate cards from data (e.g. Pokédex entries or user input). It offers a playful, educational example of what you can achieve with modern CSS, especially in combining design fidelity with flexible markup. -
17
Colorer
Transform your logos and GIFs with just one click
Easily create color variations of your PNG and GIF files. Perfect for logos, icons, and GIF animations. We’re focused on adding even more features soon! Support: All Windows Version MacOS has been released and is currently in testing! -
18
matcik svg editor
svg editor: Easily create documents for math, physics, chemistry...
Easily create documents for math, physics, chemistry, biology and other sciences... Book, exam and activity preparation program Easily import application vectors such as geogebra, chart, mathlive, ckeditor, desmos, into your document, or import vectors from pdf files into your document, save and rearrange your file. if you want You can use the documents you have prepared on your website or convert them to pdf. Matcik advanced online svg editor. Matematik, fizik, kimya, biyoloji ve diğer bilimler için belgeleri kolayca oluşturun... Kitap,sınav,etkinlik hazırlama programı Geogebra,chart, mathlive,ckeditor ,desmos,permaclipart gibi uygulama vektörlerini kolayca belgenize aktarın veya pdf dosyalarındaki vektörleri belgenize aktarın, kaydedin ve dosyanızı yeniden düzenleyin. isterseniz Hazırladığınız dokümanları web sitenizde kullanabilir veya pdf'ye dönüştürebilirsiniz. Matcik gelişmiş online svg editor. -
19
This is a character and items editor for the game Diablo 2 (D2). This also features updates for the expansion pack Diablo 2 LOD. Features include stat editor, money, inventory, and gem upgrade system. Donations are needed and will soon be accepted!
-
20
PHPaint is a PHP-based web interface for the rapid development of 3D web page "buttons" using the FreeType and GD libraries in a quick "click and create" environment.
-
21
Silex, live web creation
Free online HTML website builder
Silex is a free and open source website builder in the cloud. Create websites directly in the browser without writing code. It is suitable for professional designers to produce great websites without constraints. -
22
All-in-one program for creating 2D scrolling games. Compile your games into stand-alone .NET executables or customizable C# source code. The IDE and framework are build on OpenTK, which wraps OpenGL, so generated games can be cross-platform.
">
-
23
Mirrored Mockup Design
Easily design websites on the go. No coding necessary!
There's many great tools out there for web design like Adobe Edge Animate, Google Web Designer, and Adobe Proto (Except discontinued for android), but these tools are only good for those users who are running Windows, Mac OS X, or the iOS platforms. I however couldn't find a decent website designer for Linux or Android so I decided to make my own as a fun experiment. -
24
Golden Crop is a Photoshop JS Script making cropping with respect to division rules (golden rule, 1/3 rule) very easy with visual guides. Requires installed Photoshop CS2, CS3, CS4 or CS5 (either x86 or amd64 version). Tested on Windows and Mac
-
25
Screentake - Screen Capture
Free Screenshot Tool
It is a powerful application that allows you to quickly take screenshots with one click and customize them with powerful tools and get short links. This free screenshot tool has powerful editor. You can make the edits you want in the screenshot very easily. You can add different shapes such as pencil drawing, triangle, square, circle, heart, star, arrow, and straight line directly to the screenshot. In addition to these features, it also includes powerful features such as text tool, emoji support, numbered button, and image insertion. This free screenshot tool supports importing popular image formats. You can directly add PNG, JPEG, GIF, WEBP, BMP, TIFF, SVG and Photoshop (PSD) images on your computer to screenshots. You can also use blur and pixelate tools if there is something you don't want to appear in the screenshot.