Search Results for "canvas"
Sort By:
39 projects for "canvas" with 2 filters applied:
-
$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.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
1
Canvas UI
A library of creative canvas components
Canvas UI is an open-source library of creative, framework-agnostic interface components rendered with canvas and WebGL. It places fluid simulations, shaders, glass effects, fire, particles, and 3D scenes over live HTML interfaces. Through the experimental HTML-in-canvas API, effects can redraw the page while text remains selectable and links remain clickable. -
2
Cowart
Local infinite canvas plugin for Codex
Cowart is a local infinite-canvas plugin designed specifically for Codex-powered creative workflows. Built on top of tldraw, it provides a visual workspace where users can brainstorm ideas, annotate images, generate new artwork, and iterate on existing visuals through AI-assisted editing. The canvas runs as a local web service and stores project data directly inside the user's workspace rather than in the plugin repository, making it suitable for project-centric workflows. ... -
3
Pushy jQuery
Pushy is a responsive off-canvas navigation menu using CSS transforms
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on Medium. Pushy has been implemented on many sites, check them out! Feel free to contact me if you use Pushy in one of your websites. Pushy has been featured on the Treehouse Show and in a book. -
4
PhotoGIMP
A Patch for GIMP 3+ for Photoshop Users
PhotoGIMP is a popular patch for GIMP on Linux (particularly Flatpak installs) that remaps the UI, layout, and keyboard shortcuts to closely match Adobe Photoshop. It includes updated splash screen and icons, reorganizes tool palettes, applies familiar Photoshop hotkeys, and adds default settings and free fonts to ease the learning curve for Photoshop users transitioning to GIMP -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
5
PowerGlitch
Tiny JS library to glitch anything on the web
PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to glitch anything on the web, without using a canvas. It weights less than 2kb minified and gzipped. -
6
ChartGPU
Beautiful, open source, WebGPU-based charting library
...This makes the library particularly valuable for data-intensive dashboards, scientific visualizations, and financial charting where performance bottlenecks of traditional canvas or SVG approaches become apparent. It includes support for common chart types like line, bar, scatter, and candlestick plots, and its architecture is designed to scale with both visual complexity and data volume. -
7
webgl-plot
A high-Performance real-time 2D plotting library based on native WebGL
webgl-plot is a high-performance plotting library for real-time data visualization in the browser using WebGL. Unlike traditional canvas or SVG-based charting libraries, webgl-plot is optimized for streaming and dynamic updates, making it ideal for oscilloscope-style data, biomedical signals, or any application where data updates hundreds of times per second. Its minimal memory footprint and GPU acceleration ensure excellent performance even with tens of thousands of data points, and its simple API allows developers to get started quickly. -
8
Page UI
Landing page UI components for React & Next.js
...It is closely tied to the PageAI ecosystem, which uses AI to generate complete websites, making Page UI a foundational layer for those generated interfaces. The library helps developers avoid starting from a blank canvas by providing ready-to-use components that reflect best practices in layout, typography, and user flow. It is written in TypeScript and integrates seamlessly into modern frontend stacks, ensuring maintainability and scalability. Page UI emphasizes speed of development, allowing teams to assemble professional-looking landing pages quickly without relying on bulky templates. -
9
Blurhash
Library to show colorful blurry placeholders while your content loads
A library to show colorful blurry placeholders while your content loads. Does your designer cry every time you load their beautifully designed screen, and it is full of empty boxes because all the images have not loaded yet? Does your database engineer cry when you want to solve this by trying to cram little thumbnail images into your data to show as placeholders? Replace boring grey boxes with beautiful blurhash states and the designers will be happy. Blurhash strings are short enough to be... -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
10
Otter-Grader
A Python and R autograding solution
...Otter supports local grading through parallel Docker containers, grading using the autograder platforms of 3rd party learning management systems (LMSs), the deployment of an Otter-managed grading virtual machine, and a client package that allows students to run public checks on their own machines. Otter is designed to grade Python scripts and Jupyter Notebooks, and is compatible with a few different LMSs, including Canvas and Gradescope. -
11
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. -
12
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. -
13
Neiki's Charts
Lightweight SVG chart Web Component
...Charts are fully responsive, support light and dark themes with automatic prefers-color-scheme detection, and expose a simple JS API for data and options. Tooltips, legends, animations, and grid lines are all controlled through standard HTML attributes. All rendering is pure SVG — no Canvas — making charts scalable, printable, and inspectable in DevTools. Accessibility is built in with proper ARIA roles, keyboard-navigable legends, and full prefers-reduced-motion support. -
14
OpenGL Canvas
An Android library that provides views using openGL canvas
android-openGL-canvas is a lightweight OpenGL rendering library for Android that emulates the Android Canvas API using OpenGL ES 2.0. It’s designed for developers who want to achieve hardware-accelerated 2D graphics on Android while maintaining the familiar Canvas drawing commands. Ideal for real-time graphics, games, or custom views, this project provides a fast and flexible alternative to Android’s software rendering without the need for a full game engine. ... -
15
Smoothie Charts
Smooth JavaScript charts for realtime streaming data
...It focuses on smooth live updates instead of charts that visibly jump every time new data arrives. Developers can create a TimeSeries object, attach it to a SmoothieChart, and stream the chart into an HTML canvas element. Data points can be appended continuously, making it useful for dashboards, monitoring tools, server metrics, sensors, and other live feeds. The project includes examples, documentation, an interactive builder, and installation options through npm, Yarn, Bower, or direct JavaScript usage. Overall, it is a lightweight option for adding fluid, browser-based streaming charts. -
16
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. ... -
17
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. ... -
18
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. ... -
19
Awfice
The world smallest office suite
Awfice is an experimental office suite made from extremely small browser applications written in plain JavaScript. It includes a rich-text editor, spreadsheet, drawing canvas, and presentation maker. Every main tool is under one kilobyte and is compressed into a single line of code. The applications can run directly from data URLs, bookmarks, or saved HTML files without installation. They work offline and intentionally avoid persistent storage, so refreshing the page erases the current content. The spreadsheet supports formulas and cell references, while the presentation tool offers editable slides and formatting shortcuts. ... -
20
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. ... -
21
MaLiang
iOS painting and drawing library based on Metal
MaLiang is a painting framework based on Metal. It supports drawing and handwriting with customized textures. The name of "MaLiang" comes from a boy who had a magical brush in a Chinese ancient fairy story. A Canvas is the basic component of MaLiang. You will paint all things on it. Canvas extends from MetalView, which extends from MTKView. MetalView handles all the logic with MetalKit and hides them from you. MaLiang supports the automatic adjustment of stroke size with painting force. 3D Touch is supported by default, and simulated force will be setup on devices that do not support this. forceSensitive is the property that force affects the stroke size. ... -
22
Go canvas
Canvas is a Go drawing library based on OpenGL
Canvas is a high-performance 2D rendering library for C++ that mimics the HTML5 Canvas API. It is built using OpenGL for hardware acceleration and offers a simple, familiar interface for developers looking to draw shapes, images, and text in desktop applications or games. Canvas focuses on ease of use, speed, and flexibility, making it suitable for GUI overlays, visualizations, and real-time 2D rendering tasks. -
23
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. -
24
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. ... -
25
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.
