Open Source JavaScript Graphics Software - Page 4
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.
-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
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
Live wallpapers
For Use With Plastuer For Windows Or Similar Program.
This is a set of Live Wallpapers for use with Plastuer or Wallpaper Engine. Almost all wallpapers can be adjusted by editing the included files excluding video formatted files 'MP4'. NotePad++ is recommended for editing html and other files. *Not all wallpapers have mouse tracking. -
2
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.
-
3
Flow Teleprompter
A Windows first teleprompter with voice tracking and AI drafting.
Flow is an ultra-lightweight, high-performance teleprompter for Windows built with Rust and Tauri. Designed for creators, presenters, and educators, Flow delivers a smooth, distraction-free reading surface with minimal CPU and RAM usage. Key Features: - 5 Playback Modes: Offline Voice Tracking (via local Vosk models), Word Highlight, Line-by-Line, Arrow Guide, and Continuous Smooth Scrolling. - Script Library & Manager: Save, search, organize, and switch between multiple scripts locally with quick file imports (.txt, .docx, .pdf). - Section Navigator: Break long scripts into structured milestones with live reading completion tracking. - Invisible Overlay: Keep your script visible to you while remaining invisible during screen sharing and video calls. - Real-Time Web Collaboration: Let guests edit scripts live from their browser via WebRTC (PeerJS). - Local-First Privacy: 100% offline data security, 8-language localization, and multi-monitor support. -
4
LinPHA is an easy to use, multilingual, flexible photo/image archive/album/gallery written in PHP. It uses a SQL database to store information about your pictures. It comes with a HTML based installer, so you don't need experience in setting up SQL
-
Earn up to 16% annual interest with Nexo.Put idle assets to work with competitive interest rates, borrow without selling, and trade with precision. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
A C and C++ Library + a compiler to create Adobe Flash SWF movies up to version 9 (v1.8.1). Supports nearly all the tags, includes an ActionScript compiler. Detailed docs and other tools: convert fonts to Flash, decompile Flash, jpg2swf. LASTEST IS 1.8.4
-
6
CompassCAD (Legacy)
very good CAD software
This project will be deprecated soon. Public betas for CompassCAD NEXT, the true successor to CompassCAD, will open soon. CompassCAD is a simple, light, yet minimalist 2D-only CAD software. It lowers the barriers for novice CAD users to learn about CAD and sketch their very own design from scratch, and ensures everyone can try CAD. If applicable, it could also be used as a professional software with features such as collaboration (up to 2 persons, more will be added later on), SVG exporting, ready to be printed and shared with your co-workers. CompassCAD has a very small project size bundled in a single file, so your file is ready for distribution without breaking any of your favorite messaging app's file limit. -
7
ZoneMinder is video and cctv surveillance and security application. It supports multiple video or IP cameras and a sophisticated motion detection system based around zones. Both live streams and historic events can be viewed via the web interface.
-
8
3D Website with Three.js
The most impressive websites in the world use 3D graphics
Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. The README walks through the tech stack, features and how to get started, including cloning the repo, installing dependencies and running a dev server. Among its features are a customizable 3D hero section (e.g., a 3D model of a desktop), interactive skills and work sections with animations, a 3D earth model in the contact section, and responsive design so it works across devices. This repository is especially suitable for front-end developers who want to level up their portfolio, learn advanced web graphics (Three.js), and showcase creativity alongside technical acumen. -
9
App Store Screenshot Generator
Create screenshots for the iOS App Store
AppScreen is a free and open-source utility designed to help developers and designers produce polished App Store screenshots for iOS apps without needing expensive graphic design software or manual layout work. It runs entirely in a browser or local environment and includes intuitive controls for backgrounds, text overlays, and device mockups, letting users compose compelling marketing visuals that meet Apple’s official size guidelines. Users can toggle between multiple device models and screenshot sizes to ensure that layouts adapt correctly to formats like iPhone 6.9”, 6.7”, 6.5”, and iPad screens, and export selections either individually or as batch ZIP files ready for upload. The tool also supports in-place text editing with access to a large font library and flexible styling controls, so headlines and subheadlines can be matched to an app’s branding. -
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
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties, filters, blend modes, gradients, and keyframes—serving as both inspiration and a practical cookbook. Because each demo focuses on a single idea, it’s an effective way to learn new techniques without wading through a full framework. The project thrives on experimentation and community interest, making it a frequent reference for designers, front-end engineers, and educators who want visually striking yet lightweight solutions. -
11
Capture Website
Capture screenshots of websites
A command-line tool and API that captures screenshots of websites using headless Chromium, supporting various output formats and customization. -
12
Cropper
jQuery image cropping plugin
Cropper is a powerful and flexible JavaScript image cropping library designed to bring rich, interactive cropping functionality to web applications with minimal setup. It provides users with an intuitive interface to select and adjust crop regions on images using drag-and-drop, zoom, rotate, and aspect-ratio controls, making it ideal for profile picture editors, photo upload tools, and content management interfaces. Developers can initialize Cropper on any <img> element and customize it with a comprehensive set of options like fixed aspect ratios, minimum crop box sizes, and preview panes that update in real time. The library emits events for actions such as “crop start,” “move,” and “crop end,” enabling seamless integration with form submissions or client-side image processing workflows. Because it supports touch gestures and mouse interactions, Cropper works well across desktop and mobile browsers without requiring any external dependencies. -
13
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. -
14
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. -
15
GlslEditor
Simple WebGL Fragment Shader Editor
Simple WebGL Fragment Shader Editor. Friendly GLSL Shader editor based on Codemirror compatible with glslViewer (C++/OpenGL ES) and glslCanvas (JS/WebGL). Was originally developed to work as an embedded editor for The Book of Shaders. But now has grown as a stand-alone Web app. Thanks to their compatibility with other apps of this ecosystem like glslViewer which runs in the RaspberryPi directly from the console, GlslEditor interacts with other projects like OpenFrame.io allowing the user to export the shaders to frames with only one button. -
16
Keras.js
Run Keras models in the browser, with GPU support using WebGL
Run Keras models in the browser, with GPU support provided by WebGL 2. Models can be run in Node.js as well, but only in CPU mode. Because Keras abstracts away a number of frameworks as backends, the models can be trained in any backend, including TensorFlow, CNTK, etc. Check out the demos/ directory for real examples running Keras.js in VueJS. Library version compatibility, Keras 2.1.2. -
17
Lottie-Web
Render After Effects animations natively
Lottie-Web renders vector animations exported from Adobe After Effects as lightweight JSON, playing them in the browser via SVG or Canvas. Animations remain crisp at any resolution, load quickly compared to videos or GIFs, and can be controlled programmatically for interactivity. The runtime supports playback options like loop, autoplay, segment control, and event hooks, making it easy to sync motion with UI state. Because animations are data rather than pixels, designers and developers can collaborate: designers export with the Bodymovin plugin, and developers integrate the JSON with minimal code. The renderer handles masks, shapes, and keyframe timing to closely mirror After Effects behavior within web constraints. This approach brings high-quality motion design to product interfaces without large asset sizes or complex sprite workflows. -
18
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'. -
19
Pixa Pics
Powerful As Photoshop and Simple As Paint
Pixa.Pics is an open-source web-based pixel art editor that combines the simplicity of Paint with the power of Photoshop, tailored specifically for pixel art creation. It offers a range of features including NFT creation and blockchain integration, making it a modern tool for digital artists. -
20
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. -
21
Prerender SPA Plugin
Prerenders static HTML in a single-page application
Flexible, framework-agnostic static site generation for sites and SPAs built with webpack. This is the stable 3.x version of prerender-spa-plugin based on puppeteer. If you're looking for the (now-deprecated) 2.x version, based on PhantomJS, take a look at the v2 branch. The goal of this plugin is to provide a simple prerendering solution that is easily extensible and usable for any site or single-page-app built with webpack. Plugins for other task runners and build systems are planned. Framework-specific examples can be found in the examples/ directory. Most usages of prerender-spa-plugin v2.x should be compatible with v3.x. The exception being advanced configuration options that controlled PhantomJS. These have been replaced by pluggable renderers with their own specific configuration options. -
22
React Flight
The best way to build animation compositions for React
React Flight is a JavaScript library for UIs built with React that allows you to compose animations and transitions via “flights” where you design a start component, an end component, and the tool handles animating between them. It’s pitched as the “best way to build animation compositions for React” and is inspired by tools such as Principle in the mobile design world. The developer experience emphasises framing: you place elements into Flight.Frame containers, specify key-frames (start and end states), and then trigger animations via APIs (play(), reset()). It supports interactive previewing of frames (via showFrames mode), and integrates (at least at the time) with jQuery/Velocity under the hood (though future versions may remove the jQuery dependency). It’s well-suited for teams creating rich UI transitions, micro-animations and interactive components in React applications. -
23
React Move
Beautiful, data-driven animations for React
The API for React Move has been essentially stable since the 2.0 version. The 4.0 version of React Move introduced a change that broke the hard dependency on d3-interpolate and introduced the interpolation prop. The current version of React Move will by default only do numeric interpolation and apply easing functions. If you only need to do numeric interpolation you don't need to do anything. Just upgrade and done. The API for React Move 5.x and 6.x is exactly the same. The 5.x version just includes react-lifecycles-compat to make the library work with earlier versions of React. This adds a little to the bundle so use 6.x if you're using React 16.3+. Before looking at the components it might be good to look at starting state. You are going to be asked to define starting states for each item in your NodeGroup and Animate components. This is a key concept and probably the most error prone for developers working with React Move. -
24
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Rickshaw provides the elements you need to create interactive graphs, renderers, legends, hovers, range selectors, etc. You put the pieces together. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you like with techniques you already know. Rickshaw is free and open source, available under the MIT license. Developed at Shutterstock. Rickshaw relies on the fantastic D3 visualization library to do lots of the heavy lifting for stacking and rendering to SVG. Some extensions require jQuery and jQuery UI, but for drawing some basic graphs you'll be okay without. Rickshaw uses jsdom to run unit tests in Node to be able to do SVG manipulation. As of the jsdom 7.0.0 release, jsdom requires Node.js 4 or newer jsdom changelog. -
25
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.
