Search Results for "canvas" - Page 2
Sort By:
Showing 187 open source projects for "canvas"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
1
draw.io
JavaScript client-side editor for general diagramming & whiteboarding
...It's possible to alter the major parts of the interface, but if you're looking for an editor with very specific editing features, the project is likely not a good base to use. That is to say, if you wanted to create/deploy a whiteboard or diagramming application where the functionality in the main canvas is as this project provides, it is more likely to be a good base to use. -
2
GrapesJS
Free and Open source Web Builder Framework
...If the default set is not enough you can always add your own custom blocks. GrapesJS implements simple and powerful Style Manager module which enables independent styling of any component inside the canvas. It's also possible to configure it to use any of the CSS properties. -
3
Tower Building Game
HTML5 Canvas Tower Building Game
Tower Building Game is a small game project — likely implementing a classic “tower defense” or “tower-based” game — designed to showcase game-development fundamentals such as rendering, game logic, user interaction, and possibly simple physics or animations. As an open-source repository, tower_game aims not only to deliver a playable game, but also to serve as a learning resource or template: developers can inspect its code, understand how game loops, input handling, asset management, and... -
4
UI.Vision RPA
Open-Source RPA Software (formerly Kantu)
...A huge benefit of doing visual tests is that you are not just checking one element or two elements at a time, you’re checking a whole section or page in one visual assertion. The visual UI testing and browser automation commands of UI.Vision RPA help web designers and developers to verify and validate the layout of websites and canvas elements. -
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.
-
5
h265web.js
A HEVC/H.265 Web Player
...It provides a low-level decoding API that allows developers to build custom video players capable of handling raw H.265 streams, which are typically not widely supported natively in browsers. The project includes components for parsing H.265 bitstreams into NAL units and decoding them into raw YUV frames that can then be rendered onto a canvas or processed further. Its architecture separates parsing, decoding, and rendering, giving developers fine-grained control over how video data is handled and displayed. The system is designed to work with streaming data, allowing incremental feeding of video chunks and real-time decoding, which is useful for surveillance, streaming platforms, and custom media pipelines. -
6
melonJS
A fresh & lightweight javascript game engine
...See our Gallery for a few examples of games powered by melonJS. melonJS integrates the popular Tiled map format, allowing designers easily create levels using the Tiled map editor, and to focus on the game features itself. A fresh and lightweight 2D sprite-based engine. Fast WebGL renderer for desktop and mobile devices with fallback to Canvas rendering. -
7
JSNES
A JavaScript NES emulator
...The project is designed as a library, allowing developers to embed emulation capabilities into web applications or custom interfaces. It includes support for rendering graphics via canvas, handling audio output, and processing input from keyboards or gamepads. The architecture mirrors real hardware systems, making it both an educational tool and a practical emulator. It also supports features such as save states and cheat codes, enhancing usability. Overall, jsnes demonstrates how complex hardware systems can be recreated in software using modern web technologies. -
8
CanvasBlocker
A Firefox extension to protect from being fingerprinted
...Users can choose to block the APIs entirely on some or all websites (which may break some websites) or just block or fake its fingerprinting-friendly readout API. Canvas Blocker's default setting, and my favorite! All websites not on the white list or black list can use the protected APIs. But values obtained by the APIs are altered so that consistent fingerprinting is not possible. If a website is not listed on the white list or black list, the user will be asked if the website should be allowed to use the protected APIs each time they are called. ... -
9
jqGrid
jQuery grid plugin
jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution, loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl. Improve the maxGridHeigh method. Add a third parameter to indicate the minimum height at which the method run. jqGrid uses a jQuery JavaScript Library and is... -
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
10
pdfmake
Client/server side PDF printing in pure JavaScript
...Use the same document definition in both cases. Forget about manual x, y calculations. Declare document structure and let pdfmake do the rest. Use paragraphs, columns, lists, tables, canvas, etc. Declare your own styles, use custom fonts, build a DSL and extend the framework. Provides a set of options to disable font layout cache and to control when pages are flushed to the output file. Pdfmake is runnable in browser (client-side) and in Node.js (server-side). PDF name can be defined only by using metadata title property. ... -
11
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. ... -
12
DXcharts Lite
Flexible open source financial charting library
...DXcharts Lite provides a wide-ranging selection of asset classes and extensive market coverage. This includes a variety of financial instruments such as stocks, forex, cryptocurrencies, and more. - Efficiency and speed. The platform uses HTML5 based on canvas to ensure smooth chart loading and data processing. - Snapshots. The snapshot feature is a handy tool that allows users to take and share chart snapshots anywhere. - Customisation. The platform offers users the ability to personalise their workspace allowing traders to customise their own theme or choose between the predefined dark or white ones. -
13
System Design Visualizer
An interactive tool that transforms static system design diagrams
System Design Visualizer is an interactive web-based tool that empowers engineers and architects to visually model, explore, and communicate complex system architecture designs in real time. It provides a drag-and-drop canvas with reusable components representing servers, databases, APIs, message queues, and user clients, enabling stakeholders to create diagrams that describe data flows, dependencies, and interactions clearly and intuitively. Beyond drawing diagrams, the tool supports semantic relationships — meaning elements can have structured metadata, links, and annotations that explain behavior, constraints, and performance assumptions directly within the design. ... -
14
Talk to Figma MCP
AI bridge enabling Cursor agents to read and modify Figma designs
...Through this integration, an AI assistant can read the structure of a design, retrieve information about nodes or selections, and perform modifications to the layout or content. cursor-talk-to-figma-mcp includes an MCP server and a Figma plugin that communicate through a WebSocket connection, enabling real-time interaction between the AI environment and the design canvas. Developers can automate tasks such as creating UI elements, updating text, organizing layout structures, or managing annotations inside a design file. It also provides strategies and helper prompts that guide AI agents in performing more complex design-related workflows. -
15
Vizzu
Library for animated data visualizations and data stories
Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation. Create a placeholder element that will contain the rendered chart. The Vizzu... -
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. ... -
17
vis-network
Display dynamic, automatically organised, customizable network views
...The network visualization works smooth on any modern browser for up to a few thousand nodes and edges. To handle a larger amount of nodes, Network has clustering support. Network uses HTML canvas for rendering. As of 4.0, the network consists of individual modules which handle specific parts of the network. These modules have their own docs, options, methods and events which you can access by clicking on the modules. -
18
frame.js
JavaScript Sequence Editor
frame.js is a tiny utility for orchestrating frame-based animations with requestAnimationFrame while keeping code clean and predictable. It abstracts the boilerplate of setting up a render loop, tracking elapsed time, and updating callbacks at the right cadence. By providing a simple lifecycle—start, stop, tick—it encourages separation between state updates and rendering, which is essential for smooth visuals. The library aims to be unobtrusive: you can drop it into demos or prototypes... -
19
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. ... -
20
OpenLayers
A high-performance, feature-packed library for all your mapping needs
...Pull tiles from OSM, Bing, MapBox, Stamen, and any other XYZ source you can find. OGC mapping services and untiled layers also supported. Render vector data from GeoJSON, TopoJSON, KML, GML, Mapbox vector tiles, and other formats. Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box. Build lightweight custom profiles with just the components you need. Style your map controls with straight-forward CSS. Hook into different levels of the API or use 3rd party libraries to customize and extend functionality. -
21
FileSaver.js
An HTML5 saveAs() FileSaver implementation
Have you ever wanted to add a Save as… button to a webapp? Whether you’re making an advanced WebGL-powered CAD webapp and want to save 3D object files or you just want to save plain text files in a simple Markdown text editor, saving files in the browser has always been a tricky business. Usually when you want to save a file generated with JavaScript, you have to send the data to your server and then return the data right back with a Content-disposition: attachment header. This is less than... -
22
jCanvas
A jQuery plugin that makes the HTML5 canvas easy to work with
jCanvas is a jQuery plugin that makes the HTML5 canvas easy to work with. jCanvas is a JavaScript library, written using jQuery and for jQuery, that wraps around the HTML5 canvas API, adding new features and capabilities, many of which are customizable. Capabilities include layers, events, drag-and-drop, animation, and much more. The result is a flexible API wrapped up in a sugary, jQuery-esque syntax that brings power and ease to the HTML5 canvas. -
23
CodeJo
Web-based introductory coding environment
CodeJo is a web app that allows users to write Python code to control a web canvas element (a pixel grid) or another graphical display element. At this time there are four display canvases available: grid (web canvas) fabric (a library that also uses a web canvas) web (also web canvas) and doc (html). New modules can be added by creating a translation layer. -
24
LombokCharts
Canvas and SVG renderers, LTTB decimation,real-time streaming layer
LombokCharts A zero-dependency charting library for the browser. It pairs a small grammar-of-graphics core (Data → Scale → Mark) with pluggable Canvas and SVG renderers, LTTB decimation, and a real-time streaming layer — so the same API draws a five-point bar chart or a five-million-point line without changing shape. -
25
Jmol
An interactive viewer for three-dimensional chemical structures.
Over 1,000,000 page views per month. Jmol/JSmol is a molecular viewer for 3D chemical structures that runs in four independent modes: an HTML5-only web application utilizing jQuery, a Java applet, a stand-alone Java program (Jmol.jar), and a "headless" server-side component (JmolData.jar). Jmol can read many file types, including PDB, CIF, SDF, MOL, PyMOL PSE files, and Spartan files, as well as output from Gaussian, GAMESS, MOPAC, VASP, CRYSTAL, CASTEP, QuantumEspresso, VMD, and many other...
