Open Source JavaScript Graphics Software - Page 2
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.
-
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.
-
Veeam Data Platform v13.1Try Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
1
node-emoji
Simple emoji support for node.js projects
A simple emoji support for node.js projects. To install node-emoji, you need node.js and npm. Once you have that set-up, just run npm install --save node-emoji in your project directory. You're now ready to use emoji in your node projects! There are some emojis that have "-" in their name, for example "t-rex" and refrencing them directly like this (emoji.t-rex) won't work. In such cases, use the emoji.get('t-rex') syntax instead. To update the list or add custom emoji, clone this repository and put them into lib/emojifile.js. Then run npm run-script emojiparse in the project directory or node emojiparse in the lib directory. This should generate the new emoji.json file and output Done. -
2
Cesium
An open-source JavaScript library for world-class 3D globes and maps
CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web apps for sharing dynamic geospatial data. Built on open formats, CesiumJS is designed for robust interoperability and scaling for massive datasets. CesiumJS is released under the Apache 2.0 license and is free for both commercial and non-commercial use. With more than 1,000,000 downloads, CesiumJS powers apps that reach millions of users. We believe that collaboration is rooted in openness, and are committed to an open ecosystem. Stream, style, and interact with 3D buildings, photogrammetry, and point clouds using the 3D Tiles open specification. -
3
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. -
4
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. -
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
Orphne is a highly specialized web browser, optimized for viewing "adult" content. Features include tagging, rating, and bookmarking sites, an integrated search, and slide shows. Please note that orphne is intended for adults only.
-
6
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.
-
7
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. -
8
sigma.js
A JavaScript library dedicated to graph drawing
Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications. Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user. The default configuration of sigma deals with mouse and touch support, refreshing and rescaling when the container's size changes, rendering on WebGL if the browser supports it and Canvas else, recentering the graph and adapting the nodes and edges sizes to the screen. Sigma provides a lot of different settings to make it easy to customize how to draw and interact with networks. And you can also directly add your own functions to your scripts to render nodes and edges the exact way you want. Sigma is a rendering engine, and it is up to you to add all the interactivity you want. -
9
Bootstrap Colorpicker
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. The Bootstrap JS dependency is optional and it is mainly needed for the popover support. No Bootstrap CSS is required for the plugin to work. To use the plugin without Bootstrap, the popover option should be set to false or null and, depending on your implementation, you will usually need to set inline to true and a container selector option. Note that the plugin may work without Bootstrap if your code is not using any of the mentioned Bootstrap dependencies. Note that the dist files are only distributed via the NPM and Yarn installations. The initial color can be specified in 3 ways, input value, data-color attribute and programmatically with the color constructor option. Whenever the format option is 'auto', the first parsed color format will be detected and used as default, but when the option equals null (default), the format is recalculated every time. -
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
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
GoJS
JavaScript diagramming library for interactive flowcharts & org charts
Build interactive flowcharts or flow diagrams. Let your users build, modify, and save diagrams with JSON model output. Visualize state charts and other behavior diagrams. Create diagrams with live updates to monitor state, or interactive diagrams for planning. GoJS allows considerable customization of links and nodes to build all kinds of diagrams. Visualize flow, or connect pipes. Create genogram and medical diagrams, or editable family trees with collapsible levels. Create classic org charts for viewing or editing. Automatic layouts make different visualization options easy. Dynamically add ports and custom link routing. Use data-bindings to save and load routes within the Model JSON. Use groups as containers and subgraphs, with group members bound by their own rules and layouts. Model industrial processes, workflows, SCADA diagrams and more. -
12
impress.js
Presentation framework based on CSS3 transforms & transitions
impress.js is an impressive presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers. It showcases some awesome CSS3 features to create amazing and engaging presentations from your browser. Visualize your ideas in a totally unique way-- with impress.js’ infinite canvas, the only limit is your imagination. impress.js offers many great features, presenting your ideas in visually engaging 3D, dynamic movements and varied text options and positioning. It works well on recent versions of Firefox and Chrome, and on IE too. impress.js can also be used to embed animations or presentations in a web page, however this may not be viewed correctly or at all by some page visitors. See the official impress.js demo at https://impress.js.org/ -
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
Ayam is a free 3D modelling environment for the RenderMan interface.
-
15
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. -
16
Ant Motion
Animate specification and components of Ant Design
Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications. Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. With more friendly interaction, let the animate shuttle between different elements, so that the product can better talk to the user. -
17
FUSUMA
Fusuma makes slides with Markdown easily
A tool to create slides easily. Code syntax highlight, MathJax, diagrams, and flowcharts. All results for lighthouses are perfect. Full support for SEO and OGP. Customizable JavaScript and CSS. A sidebar with an agenda and more features. Init Mode, for creating a slide, style, configuration file and GitHub actions that deploy slides to gh-pages automatically. Development Mode, for running with HMR, just coding Markdown and sometimes CSS. Build Mode, to render to HTML and optimizing js,css,md. Generating an image of slides as og:image and checking a11y automatically. Presentation Mode, including speaker note, timer, and features for recording your page actions and voice. Deploy Mode, for deploying to GitHub pages. And PDF Mode, for exporting slides as PDF. -
18
Raphaël
JavaScript vector library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+. Versions will be released as we gather and test new PRs. As there are a lot of browsers being supported it might take a while to accept a PR, we will use the feedback from other users too. You can use the raphaelTest.html to try things, you need to start a server in the root dir to start testing things there. -
19
React Transition Group
Perform animations when a React component enters or leaves the DOM
Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier. Since react-transition-group is fairly small, the overhead of including the library in your application is negligible. However, in situations where it may be useful to benefit from an external CDN when bundling. A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind. The Transition component lets you describe a transition from one component state to another over time with a simple declarative API. Most commonly it's used to animate the mounting and unmounting of a component. -
20
Screenity
The most powerful screen recorder & annotation tool for Chrome
Screenity is a feature-packed screen and camera recorder for Chrome. Annotate your screen to give feedback, emphasize your clicks, edit your recording, and much more. Make unlimited recordings of your tab, desktop, any application, and camera. Annotate by drawing anywhere on the screen, adding text, and creating arrows. Highlight your clicks, focus on your mouse, or hide it from the recording. Individual microphone and computer audio controls, push to talk, and more. Custom countdowns, show controls only on hover, and many other customization options. Export as mp4, gif, and webm, or save the video directly to Google Drive. Make sure the language you want to translate Screenity into is supported by the Chrome Store. Before submitting the pull request, it would be helpful if you tried running the extension in the new language, to make sure everything looks right. -
21
css3-
CSS3 implements various 3D && 3D planetary animation effects
css3- is an extensive collection of CSS3 demonstrations and visual experiments that highlight modern styling capabilities through practical, hands-on examples. The repository focuses on helping front-end developers understand how to implement sophisticated UI effects using native browser features rather than heavy external libraries. It covers a wide range of topics including animations, layout tricks, transitions, and creative visual compositions. The project is structured as a reference-style showcase where each example isolates a specific technique, making it easy to study and adapt into real projects. Its educational value lies in revealing non-obvious CSS behaviors and encouraging deeper mastery of the styling layer. Overall, css3- serves as a comprehensive learning and inspiration resource for developers seeking to master advanced CSS3 techniques. -
22
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. -
23
react-imgpro
Image Processing Component for React
react-imgpro is an image-processing component for React. This component process an image with filters supplied as props and returns a base64 image. I was working on a project last month which involved a lot of image processing and I'd to rely on third party libraries. But before using them directly, I'd to learn different concepts in gl (shaders) and then try to implement them in React. The difficult part was not learning but it was the verbosity, boilerplate code and redundancy introduced by the libraries in the codebase. It was getting difficult to organize all the things. And React's component-based model was perfect for hiding all the implementation details in a component. -
24
react-native-animatable
Set of animations and declarative transitions for React Native
Declarative transitions and animations for React Native. To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View. To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage. -
25
JSmol
JavaScript-Based Molecular Viewer From Jmol
JSmol is the extension of the Java-based molecular visualization applet Jmol (jmol.sourceforge.net) as an HTML5 JavaScript-only web app. It can be used in conjunction with the Java applet to provide an alternative to Java when the platform does not support that (iPhone/iPad) or does not support applets (Android). Used in conjunction with the Jmol JavaScript Object (http://wiki.jmol.org/index.php/Jmol_Javascript_Object), JSmol seamlessly offers alternatives to Java on these non-Applet platforms. JSmol can read all the files that Jmol reads. You can do all the scripting that Jmol does. You can create all the buttons and links and such that you are used to creating for Jmol. All of the rendering capability of the Jmol applet is there. JSmol has both a console and a popup menu. JSmol is integrated fully with JSME and JSpecView. A "lite" version of JSmol provides minimal functionality (balls and sticks only) for extremely small-bandwith apps. Released 1/12/2013
