Open Source JavaScript Graphics Software - Page 3
Sort By:
JavaScript Graphics Software
View 5053 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.
-
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
Family Connections is a private social networking website designed specifically for families to be as easy to use as possible. Key features are: message board, photo gallery, family tree, calendar, blog, chat room, address book and more.
-
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
Markdownify
A minimal Markdown editor desktop app
Make changes, See changes. Instantly see what your Markdown documents look like in HTML as you create them. While you type, LivePreview will automatically scroll to the current location you're editing. The good old GitHub Flavored-style Markdown. So, you don't feel out of the place. Syntax highlighting in fenced code blocks with language identifiers and Markup languages. Change the color scheme of the editor based on your preferences. i.e to choose between Dark mode/Light mode. Supports emojis in the preview mode for when you need to express yourself via one. To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. Markdowinfy is built using Electron, Node.js, and some more awesome software packages. -
4
Pixel It
Create pixel art from an image
Pixel It is a JavaScript library that converts images into pixel art. It allows users to define pixel sizes, apply color palettes, and convert images to grayscale, providing a simple way to create pixelated versions of images for various applications. -
Earn up to 16% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
css-spinner
Small, elegant pure css spinner for ajax or loading animation
Open source CSS loading animations dedicated for speed, simplicity & dev-friendly. Loading.io's CSS spinner uses CSS Animation, which is wildly supported by all modern browsers such as Google Chrome and Mozilla Firefox. However, the Microsoft Internet Explorer version earlier than 10 doesn't support CSS Animation. To support older IE, you have to use a GIF format image. Choose one from loading.io's online spinner gallery and you can customize a unique loader GIF with our icon editor easily. Some older browsers need prefixes like '-WebKit-' to use CSS Animation. To minimize file size, we omitted all vendor prefixes in loaders' CSS, but you can customize this by building CSS from the source. We also provide stylus and pug source files for better integrating these spinners into your project. Find corresponding stylus and pug files for your desired spinners under src/ folders. -
6
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. -
7
flag-icons
A curated collection of all country flags in SVG
A curated collection of all country flags in SVG, plus the CSS for easier integration. For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class. To have only specific countries in the css file, remove the ones that you don't need from the flag-icons-list.less file and build it again. -
8
lightgallery.js
Full featured JavaScript image & video gallery
lightgallery.js uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach. lightgallery.js comes with a few built in modules, such as thumbnails, full screen, zoom, etc. It is easy to create your own modules, as well as detach modules that you don't want to use. lightgallery.js supports touch and swipe navigation on touchscreen devices, as well as mouse drag for desktops. This allows users to navigate between slides by either swipe or mouse drag. lightgallery.js comes with a numerous number of options, which allow you to customize the plugin very easily. You can easily customize the look and feel of the gallery by updating SASS variables. You also have the option to enable animated thumbnails from the settings. otherwise normal thumbnail will be used. You can also make thumbnails automatically load for your YouTube or Vimeo videos. -
9
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/ -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
A PHP/Harmoni digital asset management tool, Concerto allows the cataloguing of multimedia in DublinCore, VRA, and user-defined schemes. Media can be searched across schemes, put into annotated slideshows, or used in other programs such as Segue2.
-
11
GitHub Isometric Contributions extension
Browser extension for rendering isometric pixel art charts
This is a browser extension for Chrome/Brave and Firefox that lets you toggle between your regular GitHub contribution chart and an isometric pixel art version. It uses obelisk.js for isometric graphics. Besides being sort of neat looking, this view is interesting in that it highlights the differences between the number of contributions with more granularity. This isn't meant to completely replace the standard 2D graph though, because in most ways it is actually less useful. For example, there are no axis labels, shorter bars can be hidden behind taller ones, you can't hover over a bar to see the day and count, etc. If you want to hack on the extension, you'll need to install it manually. First clone or fork this repo. Then, on your Chrome Extensions page, make sure "Developer mode" is checked. You can then click the "Load unpacked extension" button and browse to the src directory of this repo. -
12
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. -
13
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. -
14
Pointless
An endless drawing canvas desktop app made with Tauri (Rust) and React
An endless drawing canvas desktop app made with Tauri (Rust) and React. Pointless is an endless drawing canvas that provides useful features when you're in need of a simple whiteboard/note app. It is build using Tauri (Rust) and React with a pure SVG canvas and local files are saved with brotli-unicode compression to ensure small file sizes. -
15
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. -
16
React Native Vector Icons
Customizable Icons for React Native with full styling
Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the fonts. You can either use one of the bundled icons supported or roll your own custom font. Since Icon builds on top of the Text component, most style properties will work as expected, you might find it useful to play around with background color, border width, border color, border radius, padding, margin, color, font size, etc. -
17
Spritejs
A cross platform high-performance graphics system
Spritejs is a cross-platform high-performance graphics system, which can render graphics on web, node, desktop applications and mini-programs. SpritejsNext is the new version of spritejs. It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. Compatible for most modern browsers. You should import babel-polyfill for early browsers(i.e. iOS 8). -
18
Typed.js
A JavaScript typing animation library
Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set. Rather than using the strings array to insert strings, you can place an HTML div on the page and read from it. This allows bots and search engines, as well as users with JavaScript disabled, to see your text on the page. You can pause in the middle of a string for a given amount of time by including an escape character. CSS animations are built upon initialization in JavaScript. But, you can customize them at your will! -
19
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. -
20
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. -
21
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
22
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 -
23
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you make the object you can apply any number of operations to it. Two.js has a built in animation loop. It is simple in nature and can be automated or paired with another animation library. Two.js features a Scalable Vector Graphics Interpreter. This means developers and designers alike can create SVG elements in commercial applications like Adobe Illustrator and bring them into your two.js scene. -
24
xeokit SDK
Open source JavaScript SDK for viewing high-detail 3D BIM
xeokit is an open-source 3D graphics SDK from xeolabs for BIM and AEC. Built to view huge models in the browser. Used by industry leaders. Visualize complex, federated AEC models at full precision, in all major browsers, including mobile. A complete JavaScript graphics toolkit for building BIM and AEC viewing applications. Open source components to build your own product, your way. Keep everything on your own servers. Get your models on the Web using a toolkit of production-proven components that save you costly research, development, and maintenance. Keep data, viewer and conversion tools on your own servers. No overloaded cloud services, or unpredictable costs. No hassles with data protection laws. You get the source code. Customize and extend it however you want. Join our community of 3D Web programming experts and industry leaders. Share our tools and get support. -
25
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.
