Open Source JavaScript Graphics Software - Page 2
Sort By:
JavaScript Graphics Software
View 4990 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.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
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.
-
1
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. -
2
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. -
3
FreeWRL is an Open Source, cross platform VRML2 and X3D compliant browser, with script, SAI and EAI support. Platforms supported: Linux and other Unix-style platforms; Mac OS/X; Windows. Support for mobile platforms (iOS, Android, QNX) is under development.
-
4
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. -
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
5
3DCellForge
AI-powered interactive 3D cell generation and exploration studio
3DCellForge is an AI-powered 3D cell generation and exploration studio built as a polished browser prototype. It uses React, Vite, Three.js, React Three Fiber, Drei, and Framer Motion to create an interactive WebGL environment for exploring biological cell models. Users can rotate, zoom, inspect organelles, compare views, take notes, capture screenshots, and export or import GLB models. The project also supports optional image-to-3D generation through cloud providers and local backends, while keeping API keys on the server side instead of exposing them in the frontend bundle. It includes cached demo models so the experience can work without generating a new model every time. Overall, it is a creative research and education tool for visualizing cell structures in a more interactive way than static diagrams. -
6
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. -
7
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. -
8
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. -
9
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.
-
10
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. -
11
Cleaver
30-second slideshows for hackers
Cleaver is a one-stop-shop for generating HTML presentations in record time. Using some spiced up markdown, you can produce good-looking, interactive presentations with a just a few lines of text. Cleaver supports several basic options that allow you to further customize the look and feel of your presentation, including author info, stylesheets, and custom templates. Cleaver has substantial theme support to give you more fine-grained control over your presentation, similar to options. Instead of manually specifying a stylesheet, template, layout, and others, you can specify a single theme containing each of these assets. Cleaver comes with a stylesheet that looks good by default, but you can extend it at your heart's desire. Themes are prepackaged options you can invoke from a directory, URL, or even a GitHub repository. -
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
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! -
14
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 -
15
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. -
16
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. Multiple presets can be chained together and they can be customised to suit your needs. Use the preset explorer to explore effects and see a simple example here. To increase performance, lax.js indexes the list of elements to animate when the page loads. If you're using a library like React, Vue or EmberJS, it is likely that you are adding elements after the initial window.onload. Because of this you will need to call lax.addElements when you add components to the DOM that you want to animate. -
17
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. -
18
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. -
19
OpenChords
A digital songbook for guitarists and other musicians
OpenChords is an alternative to traditionally printed chord songbooks. If you hate filing music away after a practice or gig... this is for you. If you struggle to find your songs because you cannot remember the name of the song... this is also for you. If you wished you could just change the key of the song in the middle of a live performance... you have come to the right place. If you find any bugs or have some suggestions, feel free to email me at open.chords.app@gmail.com. If you would like the source code it has moved to github. you can access it on https://github.com/wolfyreload/OpenChords Please note that this application requires Microsoft .Net framework 4.8.1. -
20
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 -
21
Flow Teleprompter
A Windows first teleprompter with voice tracking and AI drafting.
Flow is an ultra-lightweight, high-performance desktop teleprompter built with Tauri and Rust. It is designed for creators & presenters who need a clean reading surface without sacrificing advanced features like native voice tracking via local Vosk models and app-wide voice commands. It features five playback styles (highlight, scroll, line, arrow, and voice tracking), local-first privacy, and a built-in script editor. Version 1.9.0 introduces WebRTC-powered real-time collaborative editing, allowing an unlimited number of guests to join and edit scripts live across devices. It also includes an invisible always-on-top overlay for Screenshare bypass, remote script delivery via quick-connect QR links, and optional Groq-powered AI drafting. Flow keeps RAM usage minimal while maintaining top-tier performance and staying completely out of your way. -
22
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.
-
23
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. -
24
Animatable
One property, two values, endless possiblities
Animatable is an interactive web gallery that demonstrates which CSS properties can transition between two values. Each tile represents one property and continuously alternates between a defined starting and ending state. Visitors can animate every example at once or trigger individual demonstrations by hovering. Selecting a tile reveals the property name, both values, authorship information, and controls for moving to adjacent examples. Keyboard navigation supports Escape and the arrow keys for faster exploration. The page generates its keyframes dynamically with JavaScript and applies compatibility fixes through StyleFix. It serves as a visual reference and experimental showcase rather than a general-purpose animation library. -
25
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.
