Search Results for "canvas"
Sort By:
Showing 384 open source projects for "canvas"
View related business solutions-
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.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
1
Canvas
Publishing on your own terms
Canvas is a fully open source package to extend your existing Laravel application and get you up and running with a blog in just a few minutes. In addition to a distraction-free writing experience, you can view monthly trends on your content, get insights into reader traffic and more. Canvas is a powerful tool for Laravel apps that makes it easy to write, edit, and brand your work with a range of publishing tools. -
2
node-canvas
Node canvas is a Cairo backed Canvas implementation for NodeJS
...This can drastically reduce filesize and speed up rendering. If working with a non-PDF canvas, image data must be tracked, otherwise the output will be junk. -
3
Canvas LMS
The open LMS by Instructure, Inc.
...A robust API, standards like LTI/IMS Common Cartridge, and SIS integrations make it straightforward to connect Canvas with publisher content, analytics tools, proctoring, and institutional systems. Role-based permissions, accommodations, and accessibility features support diverse learners at scale, and mobile apps keep students engaged on the go. -
4
M3E Canvas
Sketch Material 3 Expressive screens in the browser
M3E Canvas is a browser-based design tool for sketching Material 3 Expressive interfaces and turning them into prompts for AI coding tools. Users can drag buttons, cards, navigation bars, dialogs, fields, chips, images, and many other components onto a canvas. Screens can be linked together and tested as simple interactive flows before implementation. -
$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.
-
5
canvas-editor
Canvas-based WYSIWYG rich text editor with advanced layout tools
canvas-editor is a browser-based rich text editor that renders content using HTML5 Canvas and SVG instead of traditional DOM-based approaches. It is designed to provide a WYSIWYG editing experience similar to word processors, enabling precise control over layout, rendering, and document structure. canvas-editor supports a wide range of formatting and document features, including text styling, tables, images, and embedded elements, all managed through a structured data model. ... -
6
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. -
7
infinite-canvas
Infinite Canvas Workbench for AI creation integrates AI generation
infinite-canvas is an open-source visual workspace for AI-assisted image creation and iterative creative planning. It combines canvas organization, image generation, reference image editing, chat assistance, prompt libraries, and asset management in one interface. Users can work across multiple canvases, drag and scale nodes, connect ideas visually, use a minimap, undo changes, and import or export work. -
8
Claude Canvas
Give Claude Code an external monitor
Claude Canvas is a terminal-focused UI toolkit that extends Claude Code by giving it a dedicated visual interface within the terminal, allowing interactive panes for apps like email, calendar, flight bookings, and other structured interfaces directly alongside the coding agent session. Rather than limiting interactions to text prompts and responses, Claude-Canvas uses tools like tmux to spawn multiple split panes so that you can see persistent interfaces for tasks that benefit from visual context, making your CL-based AI coding workspace feel more like a rich interactive environment. ... -
9
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. -
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.
-
10
PenEcho
Think with AI beyond the chat box
PenEcho is an open-source shared canvas that makes handwriting, equations, diagrams, and spatial context part of an AI conversation. Users can draw with pressure-sensitive ink, erase, pan, zoom, type formatted text, and arrange ideas across a large virtual workspace. The application sends focused visual regions to an API, Codex CLI, or Claude CLI and converts model responses into editable canvas commands. -
11
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. ... -
12
tldraw
a very good whiteboard
...Its editor, user interface, and other underlying libraries are open source and available in this repository. They are also distributed on npm. You can use tldraw to create a drop-in whiteboard for your product or as the foundation on which to build your own infinite canvas applications. -
13
draw-a-ui
Draw wireframe sketches and generate HTML with AI vision models
draw-a-ui is an experimental open source application that converts hand-drawn interface wireframes into working HTML code using artificial intelligence. draw-a-ui combines the tldraw canvas drawing tool with a vision-capable language model to interpret user-created mockups and translate them into a single HTML layout styled with Tailwind CSS. When a user sketches a UI on the canvas, the application captures the current drawing as SVG, converts it into a PNG image, and sends that image to a vision model that generates the corresponding markup. ... -
14
bubbly-bg
Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped)
Bubbly-bg is a lightweight JavaScript library for creating animated bubble backgrounds on web pages. It renders the effect on an HTML canvas and can automatically create and position that canvas behind page content. Developers can control background colors or gradients, bubble count, size, fill, direction, speed, shadows, and strokes. Animation can be enabled or disabled, and a custom canvas can be supplied when needed. The library has no dependencies and includes TypeScript definitions. ... -
15
Phaser
Open source HTML5 game framework that offers WebGL and Canvas
Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers. Games can be compiled to iOS, Android and native apps by using 3rd party tools. You can use JavaScript or TypeScript for development. You can support the developers on their Patreon. https://www.patreon.com/photonstorm -
16
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. -
17
force-graph
Force-directed graph rendered on HTML5 canvas
Force Graph is a JavaScript component for rendering interactive force-directed graphs on an HTML5 canvas. It uses d3-force as its physics engine to calculate node positions through iterative simulation. Developers can load graph structures containing nodes and links and update the data dynamically. Users can zoom, pan, drag nodes, and interact with nodes or links through hover and click events. Nodes can contain text, images, custom shapes, colors, and configurable labels. -
18
Edpuzzle Answers
A Javascript bookmarklet that can get the answers for Edpuzzle
...It also includes functionality to skip video segments and prevent interruptions such as auto-pausing when switching tabs. The project supports integration with platforms like Canvas and Schoology where Edpuzzle content may be embedded. Additionally, it provides a lightweight graphical interface and optional backend support for more advanced features such as AI-assisted responses. -
19
Particle Effect For UGUI
Render particle effect in UnityUI(uGUI)
Particle Effect For UGUI is a Unity package for rendering ParticleSystem effects directly inside the uGUI canvas system. It uses Unity mesh baking APIs and CanvasRenderer instead of requiring a separate camera, render texture, or canvas. Particle effects can be sorted alongside regular UI elements by sibling order. The package supports Mask and RectMask2D components for clipping particles within interface regions. Trail modules, multiple materials, CanvasGroup alpha, and animated material properties are also supported. ... -
20
CCapture.js
A library to capture canvas-based animations at a fixed framerate
CCapture.js is a JavaScript library designed to capture high-quality recordings of HTML5 canvas animations at a fixed and consistent frame rate. Unlike traditional screen recording tools, it decouples rendering speed from capture speed, allowing developers to generate smooth video outputs even when frames take longer to compute. It works by overriding time-related browser functions such as requestAnimationFrame and Date.now to simulate a stable time progression, ensuring every frame is captured accurately. ... -
21
Signature Pad
HTML5 canvas based smooth signature drawing
Signature Pad is a JavaScript library for drawing smooth signatures. It's HTML5 canvas based and uses variable width Bézier curve interpolation based on Smoother Signatures post by Square. It works in all modern desktop and mobile browsers and doesn't depend on any external libraries. Demo works in desktop and mobile browsers. You can check out its source code for some tips on how to handle window resize and high DPI screens. -
22
Radzen Blazor Components
The home of the Radzen Blazor components
...They do not depend on or wrap existing JavaScript frameworks or libraries. Blazor Server and Blazor WebAssembly are fully supported. The first in the industry WYSIWYG Blazor design time canvas. Scaffolding complete CRUD applications from a database. Built-in security, authentication and authorization. Visual Studio Code and Professional support. Deployment to IIS and Azure. Dedicated support with 24 hour guaranteed response time. -
23
Zynga Scroller
Accelerated panning and zooming for HTML and Canvas
Scroller, also known as Zynga Scroller, is a pure JavaScript logic component for accelerated scrolling and zooming. It is independent of any rendering layer, which means it can power interactions for DOM elements, Canvas interfaces, or other custom rendering systems. The library handles panning, deceleration, bouncing, paging, snapping, zooming, directional locking, and pull-to-refresh behavior. It can be controlled manually through an API or used through EasyScroller, a simplified DOM-focused wrapper with data-attribute initialization. Developers can configure axes, animation behavior, zoom ranges, dimensions, and scroll targets. ... -
24
Smart Excalidraw
A smart, powerful, and beautiful excalidraw drawing tool
...The tool integrates seamlessly with the Excalidraw format, allowing users to refine, edit, and customize AI-generated diagrams manually on an interactive canvas. It supports more than twenty diagram types and can automatically select the most appropriate format based on the user’s description, making it highly adaptable across technical and creative use cases. -
25
Phaser HTML5 Game Framework
Phaser is a free and fast 2D game framework for making HTML5 games
Phaser is a popular open-source 2D game framework for making HTML5 games for desktop and mobile platforms. Built with JavaScript and powered by WebGL and Canvas, it offers a robust API for developing everything from arcade to platformer and puzzle games.
