Open Source JavaScript Graphics Software - Page 2
Sort By:
JavaScript Graphics Software
View 4872 business solutionsBrowse free open source JavaScript Graphics Software and projects below. Use the toggles on the left to filter open source JavaScript Graphics Software by OS, license, language, programming language, and project status.
-
E-commerce Fulfillment For Scaling BrandsFlowspace delivers fulfillment excellence by pairing powerful software and on-the-ground logistics know-how. Our platform provides automation, real-time control, and reliability beyond traditional 3PL capabilities—so you can scale smarter, faster, and easier.
-
New Relic provides the most powerful cloud-based observability platform built to help companies create more perfect software.Correlate issues across your stack. Debug and collaborate from your IDE. AI assistance at every step. All in one connected experience - not a maze of charts.
-
1
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. -
2
Jimp
An image processing library written entirely in JavaScript for Node
An image processing library for Node written entirely in JavaScript, with zero native dependencies. If you're using this library with TypeScript the method of importing slightly differs from JavaScript. Instead of using require, you must import it with ES6 default import scheme. If you're using a web bundles (webpack, rollup, parcel) you can benefit from using the module build of jimp. Using the module build will allow your bundler to understand your code better and exclude things you aren't using. If you're using webpack you can set process.browser to true and your build of jimp will exclude certain parts, making it load faster. The static Jimp.read method takes the path to a file, URL, dimensions, a Jimp instance or a buffer and returns a Promise. In some cases, you need to pass additional parameters with an image's URL. -
3
OpenMoji
Open source emojis for designers, developers and everyone else!
Open source emojis for designers, developers and everyone else! OpenMoji is an open source project of 60+ students and 3 professors of the HfG Schwäbisch Gmünd and 20+ external contributors. All emojis are free to use under the CC BY-SA 4.0 license. So far more than three thousand emojis over many categories have been designed. OpenMoji carefully supports the Unicode Emoji standard. All emojis follow a single style guide and fit perfectly together. Supporting a wide range of use cases with colored and outlined emojis. OpenMoji supports the Fitzpatrick skin tones scale and multiple skin tone combinations. OpenMoji ships with various special interest categories beyond standard unicode. All emojis have been carefully designed, tested and reviewed over many iterations. From Andorra to Zimbabwe to Pirates. -
4
Gulp Imagemin
Minify PNG, JPEG, GIF and SVG images
A Gulp plugin that optimizes images by reducing file sizes without losing quality, improving web performance and reducing bandwidth usage. -
Manage your ClassesDreamClass helps you efficiently manage all of your processes. Enjoy professional school management for any educational institution, in minutes!
-
5
Pageres CLI
Capture website screenshots
Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images. -
6
Victory
React components for building interactive data visualizations
Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one of a kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting. Victory is used for charting across the web, from publicly-consumed informational graphs to internal tracking and reporting. Victory is an opinionated, but fully overridable, ecosystem of composable React components. Check out the docs to see how you can get started building interactive data visualizations. Fully contained, reusable data visualization elements are responsible for their own styles and behaviors. Extend the Victory experience on Android and iOS platforms with an identical API. -
7
fancyBox
jQuery lightbox script for displaying images, videos and more
Fancybox saves you time and helps to easily create beautiful, modern overlay windows containing images, iframes, videos or any kind of HTML content. This is the 4th generation of Fancybox and brings lots of fresh features. Both Carousel and Panzoom components are used under the hood and help ensure a best-in-class user experience. In addition, they are easy to integrate with each other. Touch and mobile optimized with swipe, drag and pinch-to-zoom gestures. Highly customizable with configuration options, Sass and CSS variables. There are two main styles of coding when using Fancybox. Each of these styles has advantages and disadvantages, and you can combine the two. You can choose any CSS selector here to attach click handler to the currently selected set of elements as well as all future matching elements. -
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
Emoji Mart
One component to pick them all
Data required for the picker to work has been completely decoupled from the library. That gives developers the flexibility to better control their app bundle size and let them choose how and when this data is loaded. Callback when the Add custom emoji button is clicked. The button will only be displayed if this callback is provided. It is displayed when search returns no results. You can use custom emojis by providing an array of categories and their emojis. Emojis also support multiple skin tones and can be GIFs or SVGs. You can use custom category icons by providing an object with the category name as key and the icon as value. Currently supported formats are svg string and src. First, you need to make sure data has been initialized. You need to call this only once per page load. Note that if you call init like this, you don’t necessarily need to include data in your Picker props. It doesn’t hurt either, it will noop. -
Unrivaled Embedded Payments Solutions | NMINMI Payments is an embedded payments solution that lets SaaS platforms, Software companies and ISVs integrate, brand, and manage payment acceptance directly within their software—without becoming a PayFac or building complex infrastructure. As a full-stack processor, acquirer, and technology partner, NMI handles onboarding, compliance, and risk so you can stay focused on growth. The modular, white-label platform supports omnichannel payments, from online, mobile and in-app to in-store and unattended. Choose from full-code, low-code, or no-code integration paths and launch in weeks, not months. Built-in risk tools, flexible monetization, and customizable branding help you scale faster while keeping full control of your experience. With NMI’s developer-first tools, sandbox testing, and modern APIs, you can embed payments quickly and confidently.
-
10
VueGL
Vue.js components rendering 3D WebGL graphics reactively with three.js
VueGL is a component library for rendering 3D graphics with Vue.js and three.js. Using VueGL, you can handle WebGL very easily. In addition, drawn graphics are responsively re-rendered when detecting data changes. Vue.js is one of the very popular frameworks for building web apps or interactive websites. three.js is a 3D graphics library to uses WebGL. It provides classes wrapping WebGL APIs. They aim for different targets to be rendered, Vue.js for DOM and three.js for WebGL context. These APIs are completely different and that causes a mess when we want them to work together. -
11
iCn3D
Web-based protein structure viewer and analysis tool
"I see in 3D" (iCn3D) Structure Viewer is not only a web-based 3D viewer, but also a structure analysis tool interactively or in the batch mode using NodeJS scripts based on the npm package icn3d. iCn3D synchronizes the display of 3D structure, 2D interaction, and 1D sequences and annotations. Users' custom displays can be saved in a short URL or a PNG image. The complete package of iCn3D including Three.js and jQuery is in the directory "dist" after you get the source code with the "Code" button. View a 3D structure in iCn3D, input a PDB ID, and click "Load". You can also click the "File" menu to "Open File" or input other IDs. You can open a browser in your Virtual Reality (VR) headset and view a 3D structure in iCn3D. Then click the button "Enter VR" at the bottom center of your browser to enter the VR view. You can select residues with the trigger button. -
12
reveal.js
The HTML Presentation Framework
reveal.js is a framework for creating beautiful interactive presentations using HTML. It comes with a wide range of features, including nested slides, auto-sliding, touch navigation, Markdown support, PDF export, speaker notes, theming and more. It also comes with a JavaScript API that allows you to control various other options, and a list of plugins that can be used to extend reveal.js further. reveal.js currently offers full support for any recently released version of the following browsers: Chrome, Safari, Firefox, Opera, Edge and IE10-11. It has limited support for IE9 and Firefox 3.6. For a live demonstration, visit https://revealjs.com -
13
Viewer.js
JavaScript image viewer
You may set viewer options with new Viewer(image, options). If you want to change the global default options, You may use Viewer.setDefaults(options). Enable the modal backdrop, specify static for the backdrop that will not close the modal on click. Specify the visibility and the content of the title. Filter the images for viewing (should return true if the image is viewable, return false to ignore the image). Indicate if toggle the image size between its natural size and initial size when double click on the image or not. As there are some asynchronous processes when start the viewer, you should call a method only when it is available. If you have to use another viewer with the same namespace, call the Viewer.noConflict static method to revert to it. -
14
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties), it will compute the line for each data series. All datum having null x or y will be treated as holes, thus portions of the corresponding line will be skipped. You can fully customize it using the circleComponent property to define your own, if you wish to do so you should have a look at the default SVG component to get started. Bar chart which can display multiple data series, stacked or side by side. Also supports both vertical and horizontal layout, with negative values descending below the x axis. -
15
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. -
16
uPlot
Chart for time series, lines, areas, ohlc and bars
μPlot is a fast, memory-efficient Canvas 2D-based chart for plotting time series, lines, areas, ohlc & bars; from a cold start it can create an interactive chart containing 150,000 data points in 135ms, scaling linearly at ~25,000 pts/ms. In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~40 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size. However, if you need 60fps performance with massive streaming datasets, uPlot can only get you so far. WebGL should still be the tool of choice for applications like realtime signal or waveform visualizations: See danchitnis/webgl-plot, huww98/TimeChart, epezent/implot, or commercial products like LightningChart®. -
17
RECOIL
Retro Computer Image Library
Retro Computer Image Library decodes Amiga, Amstrad CPC, Apple II, Atari 8-bit, Atari Portfolio, Atari ST/TT/Falcon, BBC Micro, Commodore 64, Commodore 16/116/Plus4, Commodore 128, Electronika BK, FM Towns, HP 48, Macintosh 128K, MSX, NEC PC-80/88/98, Oric, SAM Coupe, Sharp X68000, Tandy 1000, Timex 2048, TRS-80, TRS-80 Color Computer, ZX81 and ZX Spectrum picture formats. The project contains a simple viewer, plug-ins for general-purpose image viewers and editors, and an everything-to-png converter. -
18
-
19
Render Farm Manager, Project Tracker.
CGRU: Afanasy render farm manager and RULES project tracker.
CGRU is an open source CG tools pack, includes Afanasy render farm manager and RULES project tracker. -
20
Dissapearing-People
Removing people from complex backgrounds in real time
Person removal from complex backgrounds over time. Removing people from complex backgrounds in real-time using TensorFlow.js in the web browser using JavaScript. This code attempts to learn over time the makeup of the background of a video such that I can attempt to remove any humans from the scene. This is all happening in real-time, in the browser, using TensorFlow.js. This is an experiment. It may not be perfect in all situations. Go ahead and try it right now in your own web browser. Feel free to use in your own projects. Code is released under Apache licence. If you decide to use my code please consider giving me a shout out! Would love to see what others create with it. -
21
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial license is required. Most commonly, MixItUp is applied to a "container" of "target" elements, which could be a portfolio of projects, a list of blog posts, a selection of products, or any kind of UI where filtering and/or sorting would be advantageous. Targets can be filtered using any valid selector e.g. '.category-a', and are sorted via optional custom data attributes e.g. 'data-order'. -
22
PhotoSwipe
JavaScript framework independent image gallery
PhotoSwipe is the first open-source gallery to support JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work. The gallery’s background will gradually fade out as the user zooms out. When the gesture is complete, the gallery will close. Gesture is added because close button in top right corner might be hard to reach on tall mobile devices while holding in one hand. Images can be changed even when current slide is zoomed. Swiping is not blocked during the transition. PhotoSwipe manipulates the browser’s history so that the user can link to each gallery item and close the gallery via the “back” button. The initial URL is restored when the gallery is closed. PhotoSwipe adds a history record when the gallery is opened, which allows the user to close it via the browser’s “back” button. This feature comes as a module. You can exclude it from the build entirely, or fork it to fit the requirements of your product’s URL structure. -
23
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. It supports some of the latest browsers, and offers plenty of examples and demonstrations to get you animating in no time. Animate everything you want simply and easily with anime.js. -
24
reddit-place-kcorp
UserScript de l'overlay de la KCorp pour le /r/place 2022
Reddit Place KCorp Overlay is a UserScript designed to assist the Karmine Corp (KCorp) community during Reddit's r/place 2022 event. It overlays a template on the Reddit canvas, guiding participants in placing pixels accurately to collaboratively recreate the KCorp logo and designs. This tool was instrumental in coordinating efforts among fans to maintain the integrity of their artwork during the event. -
25
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images.
