Showing 70 open source projects for "canvas"

View related business solutions
  • $300 Free Credits to Build on Google Cloud Icon
    $300 Free Credits to Build on Google Cloud

    New customers can spin up VMs, build with AI, and query data at no cost.

    Put 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.
    Start Free
  • Train ML Models With SQL You Already Know Icon
    Train ML Models With SQL You Already Know

    BigQuery automates data prep, analysis, and predictions with built-in AI assistance.

    Build and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
    Try Free
  • 1
    Flowy

    Flowy

    The minimal javascript library to create flowcharts

    flowy is a minimal JavaScript library for building interactive flowchart-style interfaces in web applications, allowing developers to create node-based editors, automation builders, or visual programming tools with relatively little code. It provides draggable, connectable blocks (nodes) that can be placed on a canvas, connected via lines, and rearranged dynamically while preserving the underlying graph structure. The library focuses on simplicity and aesthetics, offering a clean look out of the box that can be customized with your own CSS, making it suitable for dashboards, SaaS products, or internal tools. Events emitted by flowy enable integration with your own data model, so you can sync block positions, connections, and metadata back to a database or application state. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    glfx.js

    glfx.js

    An image effects library for JavaScript using WebGL

    glfx.js is a JavaScript image-effects library that uses WebGL to apply real-time filters and transformations directly in the browser. It exposes a simple API where images are uploaded into GPU textures, processed with shader-based filters, and rendered to a WebGL canvas. Because the work is done on the GPU, many effects that would be too slow in pure JavaScript (like complex blurs, lens effects, or tilt-shift) can run interactively, even on large images. The library is structured around three components: textures (image sources), filters (shader pipelines), and canvases (render targets), making it easy to compose multiple effects. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    jeelizFaceFilter

    jeelizFaceFilter

    Javascript/WebGL lightweight face tracking library

    This JavaScript library detects and tracks the face in real time from the camera video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We provide various demonstrations using main WebGL 3D engines. We have included in this repository the release versions of the 3D engines to work with a determined version (they are in /libs/<name of the engine>/). This library is lightweight and it does not include any 3D engine or third-party library....
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    JavaScript Load Image

    JavaScript Load Image

    Load images provided as File or Blob objects or via URL

    JavaScript-Load-Image is a client-side image loading and processing library that focuses on turning File/Blob objects or remote URLs into HTML <img> or <canvas> elements, optionally transformed in the process. It is often used in upload flows where images need to be previewed, resized, rotated, or cropped before being sent to a server, reducing bandwidth and improving user experience. The library can interpret image metadata, including Exif and IPTC tags, and can extract embedded thumbnails when present, which is handy for building fast image pickers or galleries. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • Build Agents and Models on One Platform Icon
    Build Agents and Models on One Platform

    Everything you need to build production-ready agents and models. Access 200+ Google and third-party AI models and tools.

    Gemini 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.
    Try It Free
  • 5
    Microsoft Bot Framework SDK

    Microsoft Bot Framework SDK

    Tool for building conversation applications

    ...Developers can model and build sophisticated conversation using their favorite programming languages including C#, JS, Python and Java or using Bot Framework Composer, an open-source, visual authoring canvas for developers and multi-disciplinary teams to design and build conversational experiences with Language Understanding, QnA Maker and sophisticated composition of bot replies (Language Generation). Checkout the Bot Framework ecosystem section to learn more about other tooling and services related to the Bot Framework SDK. The Bot Framework SDK v4 is an open source SDK that enable developers to model and build sophisticated conversation using their favorite programming language.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    RecordRTC

    RecordRTC

    RecordRTC is WebRTC JavaScript library for audio/video

    RecordRTC is a client-side JavaScript library for recording browser media streams. It can record audio, video, screen activity, canvas animation, and combined media sources through WebRTC-related browser APIs. The library supports common modern browsers across Windows, macOS, Linux, Android, and selected iOS or Safari use cases. Developers can use promise-based or callback-based recording flows, then retrieve blobs for saving, uploading, or playback. It offers multiple recorder strategies, MIME type options, time-sliced blob delivery, CDN usage, npm installation, and many demos. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    texgen.js

    texgen.js

    JavaScript Texture Generator

    ...It exposes a set of composable operations—noise, gradients, patterns, transforms, blends—that you can stack to create complex materials without image files. The API is deliberately fluent, letting you chain nodes to define a pipeline and then render to a canvas or WebGL texture. This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter more than hand-painted assets. Because textures are generated at runtime, parameters can be animated or randomized to add life without extra downloads. The project demonstrates how far you can push simple building blocks to create wood, marble, clouds, checkerboards, and other familiar materials.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    PDFJsAnnotations

    PDFJsAnnotations

    Wrapper for PDF JS to add annotations

    FabricJS layer on top of Mozilla's PDFJS to add ANNOTATIONS. The exported file will be a PDF with a set of images. So you won't be able to use functions like text selections. trying my best to add the text layer. Due to a lack of PDFJs documentation about this section progress is very slow. If anyone is interested you can check the progress on the dev branch.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    WebRTC-Experiment

    WebRTC-Experiment

    WebRTC, WebRTC and WebRTC. Everything here is all about WebRTC

    ...The repository acts as a catalog of related projects rather than one narrow library. It links together tools such as RecordRTC, MultiStreamsMixer, DetectRTC, RTCMultiConnection, scalable broadcasting, Canvas Designer, and Translator. Developers can study the examples to understand WebRTC APIs, signaling patterns, browser support, device detection, and peer-to-peer behavior. It is useful for prototyping browser-based communication apps and learning practical WebRTC implementation ideas.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Custom VMs From 1 to 96 vCPUs With 99.95% Uptime Icon
    Custom VMs From 1 to 96 vCPUs With 99.95% Uptime

    General-purpose, compute-optimized, or GPU/TPU-accelerated. Built to your exact specs.

    Live migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
    Try Free
  • 10
    Face-Detection-JavaScript

    Face-Detection-JavaScript

    Small browser-based computer vision demo

    ...It loads face detection, facial landmark, face recognition, and facial expression models from a local models folder. Once the webcam stream starts, the app creates a canvas overlay and draws detection results directly over the video feed. It can identify face boxes, map facial landmark points, and display detected expressions in near real time. The project is simple enough for beginners to study, but it still demonstrates the core pieces needed for webcam access, model loading, detection loops, result resizing, and canvas rendering. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    VivaGraph

    VivaGraph

    Graph drawing library for JavaScript

    ...It is designed for speed and scalability, handling large graph datasets with smooth rendering and interactive capabilities such as dragging nodes and zooming. The library supports multiple rendering backends including SVG, WebGL, and Canvas, allowing developers to choose the best balance of performance and visual fidelity for their use case. Its layout algorithms help position nodes in aesthetically pleasing arrangements using force-directed simulations that adjust dynamically as the graph evolves. VivaGraphJS is modular, so you can extend or customize layouts, rendering, and interaction logic to fit specialized applications such as social network analysis, dependency mapping, or knowledge graphs.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    HTML5 Demos and Examples

    HTML5 Demos and Examples

    Collection of hacks and demos showing capability of HTML5 apps

    HTML5 Demos and Examples is a classic collection of HTML5 experiments and demonstration files created to show the capabilities of modern web APIs and browser technologies during the rise of HTML5. The repository is an archive of interactive examples—ranging from canvas tricks to video, audio, drag-and-drop, WebSockets, and more—that illustrate how HTML, CSS, and JavaScript can combine to build rich, browser-centric experiences without plugins. Each demo is a self-contained piece of code you can open, explore, and learn from, and the collection was curated to help developers grasp emerging standards at a time when HTML5 was gaining traction and not yet ubiquitous. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    printThis

    printThis

    jQuery printing plugin; print specific elements on a page

    jQuery printing plugin; print specific elements on a page. Filter which inline style attributes to remove. Requires removeInline to be true. Accepts custom CSS/jQuery selectors. The amount of time to wait before calling print() in the printThis iframe. Defaults to 1000 milliseconds. Appropriate values depend heavily on the content and network performance. Graphics heavy, slow, or uncached content may need extra time to load. Use a custom page title on the iframe. This may be reflected on the...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 14
    PDF API HTML5 Web Apps

    PDF API HTML5 Web Apps

    Mini SDK JavaScript API library PDF web apps

    A condensed library designed to web modern applications, to quickly export your content html to pdf thanks the famous library in javascript: jsPDF. And a special thanks to the project canvg and html2canvas. Project documentation: http://ulmdevice.altervista.org/pdfapihtml5/#documentation ========== Also available service for Angular 7+: http://ulmdevice.altervista.org/pdfjsapi/ Mobile Applications: http://bit.ly/1MrlgKk Opera add-on: http://bit.ly/1kkMhTa
    Downloads: 1 This Week
    Last Update:
    See Project
  • 15
    Effeckt.css

    Effeckt.css

    A Performant Transitions and Animations Library

    Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Kinetic Scrolling Plugin

    Kinetic Scrolling Plugin

    Kinetic Scrolling plugin for Canvas using Phaser Framework

    Phaser Kinetic Scrolling Plugin introduces kinetic scrolling behavior to Phaser games, mimicking the natural scrolling experience found in mobile applications. It's particularly useful for creating scrollable menus, maps, or content areas within games.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    canvas-nest.js
    A nest background of website draw on canvas. It does not depend on jQuery and the original javascript is used. Small size, only 2 Kb. Easy to implement, simple configuration. You do not have to be a web developer to use it. Modularized with area rendering.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    EaselJS

    EaselJS

    Work with the HTML5 Canvas element easily

    The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier. A JavaScript library that makes working with the HTML5 Canvas element easy. Useful for creating games, generative art, and other highly graphical experiences. EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas. It provides an API that is familiar to Adobe Animate developers, but embraces JavaScript sensibilities. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 19
    Javascript Clipper

    Javascript Clipper

    Boolean operations and offsetting library in Javascript

    The Javascript Clipper library performs clipping and offsetting for both lines and polygons. All four boolean clipping operations are supported - intersection, union, difference and exclusive-or. Polygons can be of any shape including self-intersecting polygons. Javascript Clipper is a port of Angus Johnson's Clipper library: https://sourceforge.net/projects/polyclipping LIVE DEMO: http://jsclipper.sourceforge.net/6.4.2.2/main_demo.html LIVE DEMO...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 20
    jquery-circle-progress

    jquery-circle-progress

    jQuery Plugin to draw animated circular progress bars

    jQuery Plugin to draw animated circular progress bars.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Pac-Man

    Pac-Man

    Pac-Man game written in HTML5 + CSS3 + jQuery with Canvas

    Pac-Man game written in HTML5 + CSS3 + jQuery with Canvas. This WebApp is a Responsive Web Design (RWD) website.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 22
    heatmap.js

    heatmap.js

    JavaScript Library for HTML5 canvas based heatmaps

    heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data! Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome? Whether you want to have an aggregated overview of your users behaviour, or look at thousands of events distributed on a map, heatmap.js has all your heatmap visualization needs covered! Because it is the most advanced heat...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    deployd

    deployd

    A toolkit for building realtime APIs

    Design, build, and scale APIs for web and mobile apps in minutes instead of days. With one command, your API is up and running. It's an empty canvas waiting for you to add Resources. No boilerplate code necessary. Deployd APIs are built of plug-and-play resources, such as Collection, which can easily be added and defined through the deployd dashboard. Add and manage your API's resources through an intuitive web-based dashboard. When it's time to deploy, easily deploy it yourself anywhere that can host a Node.js app and MongoDB. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Wolfenstein 3D html5

    Wolfenstein 3D html5

    Wolfenstein 3D HTML5 TOTAL Conversion

    Wolfenstein 3D HTML5 full conversion *UPDATED* - CHROME AUDIO CONTEXT FIX SCRIPT! I did not wrote it i am not the maker of this script. It is relased under the gplv2 licence. 6 Episode + Spear of Destiny Usage: Just upload and play! This is a total html5-javascript conversion of the original game, all episodes until Spear of Destiny is included! 81 stage. Usage: 1. Upload to any webhost 2. Load the index.php in your web browser 3. It can save the game and...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 25
    jQuery Knob

    jQuery Knob

    Nice, downward compatible, touchable, jQuery dial

    Tested on Chrome, Safari, Firefox, IE>=8.0 (IE8.0 with excanvas). jQuery Knob is canvas based, with no png or jpg sprites. Touch, mouse and mousewheel, keyboard events implemented. It is downward compatible, and overloads an input element. Display mode "cursor", cursor size could be changed passing a numeric value to the option, default width is used when passing boolean value "true" | default=gauge. The scope of each hook function is the current Knob instance (refer to the demo code).
    Downloads: 0 This Week
    Last Update:
    See Project