Open Source JavaScript Graphic Design Software
Sort By:
JavaScript Graphic Design Software
View 167 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.
-
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
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).
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
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. -
8
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.
-
9
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. -
Application Monitoring That Won't Slow Your App DownFull APM with errors, performance, logs, and uptime monitoring. 99.999% uptime SLA on the platform itself.
-
10
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. -
11
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. -
12
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. -
13
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/ -
14
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. -
15
Sketch Map Generator 4
Sketch plugin to fill a shape with a map generated from given location
Design beautiful map interfaces, mobile applications and more in less time with Map Generator. Now powered by Google and Mapbox. You will need to provide your own Google Maps API Key or your own Mapbox tokens so that the plugin can work properly. If you already use this plugin please backup your Google API Key, Mapbox tokens and map settings. The plugin will try to use the data you have saved but if something unexpected happens, it is better to have that data at hand. Generate maps with Google Maps, generate maps with Mapbox. If you use Mapbox, now you can use your own custom styles. Map preview! Now you can see a live preview before generating a map. You can move the map preview, drag a pin to pick a location and change the zoom with no effort. Snazzy styles support. A beautiful whole new UI, dark mode support, an improved user experience. -
16
glMatrix
Javascript Matrix and Vector library for High Performance WebGL apps
Javascript has evolved into a language capable of handling realtime 3D graphics, via WebGL, and computationally intensive tasks such as physics simulations. These types of applications demand high performance vector and matrix math, which is something that Javascript doesn't provide by default. glMatrix to the rescue! glMatrix is designed to perform vector and matrix operations stupidly fast! By hand-tuning each function for maximum performance and encouraging efficient usage patterns through API conventions, glMatrix will help you get the most out of your browsers Javascript engine. -
17
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!
-
18
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! -
19
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.
-
20
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. -
21
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. -
22
The target of Photo Toolkit is to present an interface to enrich the masses of digital photos with descriptive tags and geographic coordinates and to generate web galeries. Futhermore its structure is simple to extend with custom features.
-
23
Sagleft's Elemental Browser
Compact, convenient internet browser.
Convenient, fast and compact browser. Original design and speed. Relevant for owners of laptops and netbooks, as it is very compact and mobile viewer for internet sites. -
24
The easy-to-use MSX sprite editor that runs directly on your browser. It does not require Java, and it works 100% offline too! Supports MSX2 sprite overlaying.
-
25
labelgrid is an open source project where we attempt to build a full-fledged label printing software based on open technologies for the web like HTML, Javascript and CSS (Cascading Style Sheets).
