Search Results for "canvas"
Sort By:
Showing 187 open source projects for "canvas"
View related business solutions-
Veeam Data Platform v13.1Try Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
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.
-
1
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. ... -
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
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. -
4
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. -
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
Jaaz
Open source multimodal creative AI assistant with infinite canvas tool
...It also includes collaborative planning tools such as visual layouts and storyboard organization to support complex creative projects. By combining generative AI with a canvas-based interface, the project aims to provide a creative platform. -
6
Cropper.js
JavaScript image cropper
...If you want to change the global default options, You may use Cropper.setDefaults(options). Define the view mode of the cropper. If you set viewMode to 0, the crop box can extend outside the canvas, while a value of 1, 2, or 3 will restrict the crop box to the size of the canvas. -
7
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. ... -
8
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. -
9
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. -
$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.
-
10
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. -
11
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. -
12
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. ... -
13
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. ... -
14
MCP Server Amazon Bedrock
Model Context Procotol(MCP) server for using Amazon Bedrock
The Amazon Bedrock MCP Server is an MCP server that integrates with Amazon Bedrock's Nova Canvas model for AI image generation. It allows users to generate high-quality images from text descriptions using Amazon's AI capabilities. -
15
gentelella
Free Bootstrap 4 Admin dashboard template
...This template uses the default Bootstrap 4 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards. The theme uses several libraries for charts, calendar, form validation, wizard-style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications, and much more. We would love to see how you use this awesome admin template. You can notify us about your site, app or service by tweeting to @colorlib. Once the list grows long enough we will write a post similar to this to showcase the best examples. ... -
16
Cytoscape.js
Graph theory library for visualization and analysis
...Designed for users first, for both frontfacing app usecases and developer usecases. Highly optimized. Compatible with All modern browsers. Legacy browsers with ES5 and canvas support. ES5 and canvas support are required, and feature detection is used for optional performance enhancements. Browsers circa 2012 support ES5 fully: IE10, Chrome 23, Firefox 21, Safari 6 (caniuse). Browsers with partial but sufficient ES5 support also work, such as IE9 and Firefox 4. The documentation and examples are not optimized for old browsers, although the library itself is. ... -
17
49 Agents IDE
Open-source 2D IDE for managing AI agents in native CLIs
49Agents is an open-source “agentic IDE” that reimagines how developers interact with multiple AI agents, terminals, and development environments by placing everything onto a single infinite, zoomable canvas. Instead of relying on traditional tab-based workflows, it provides a spatial interface where terminals, editors, Git views, and monitoring tools coexist as movable panes, enabling users to manage complex multi-agent systems visually and intuitively. The platform is designed to work across multiple machines simultaneously, allowing agents running on different devices or servers to connect to a unified workspace without requiring SSH, which simplifies distributed development workflows. ... -
18
ECharts
A powerful, interactive charting and visualization library for browser
...It offers a rich set of features that includes rendering ability for ten-million-level data, Wechart and Powerpoint support, multi-dimension data analysis, and more. It also has a number of extensions for various applications. ECharts is written in pure JavaScript, and is based on zrender, a new and lightweight canvas library. -
19
canvas-constructor
An ES6 utility for canvas with built-in functions and chained methods
An ES6 utility for canvas with built-in functions and chained methods. Alternatively, you can import canvas-constructor/browser. That will create a canvas with size of 300 pixels width, 300 pixels height. Set the color to #AEFD54. Draw a rectangle with the previous color, covering all the pixels from (5, 5) to (290 + 5, 290 + 5) Set the color to #FFAE23. -
20
Eva.js
Eva.js is a front-end game engine for creating interactive projects
...Thanks to the ECS(Entity-Component-System) structure, you can expand your needs by highly customizable APIs. The only limitation is your imagination! Eva.js relies on canvas in HTML for drawing. If the width and height in the design draft are fixed (for example, 750px*1000px) and occupy the full screen, we can set the CSS width of the canvas to 100% and the height to auto. -
21
three.js
JavaScript 3D library
...A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. A plethora of examples can be found in the project’s website (https://threejs.org/) which use Canvas 2D, SVG and CSS3D renderers that the library also provides. -
22
wavesurfer.js
Navigable waveform built on Web Audio and Canvas
wavesurfer.js is a customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas. With wavesurfer.js you can create anything from an HTML5 audio player to a sophisticated DJ application. wavesurfer.js works only in modern browsers supporting Web Audio. It will fallback to Audio Element without graphics in other browsers (IE 11 and lower). You can also try wavesurfer.swf which is a Flash-based fallback. The audio will start playing as you press play. ... -
23
p5.js
Client-side JS platform for artists, designers and students to express
...p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone. Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas. You can think of your whole browser page as your sketch, including HTML5 objects for text, input, video, webcam, and sound. p5.js is an interpretation of Processing for today’s web. We hold events and operate with support from the Processing Foundation. For self-learners and animators, artists, game makers, creative-technologists, curriculum planners, designers, graphic designers, graphics editors, learning experience designers, project managers, software engineer, student, teachers, university faculty members, visualization researchers, etc. -
24
sigma.js
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. ... -
25
ThumbmarkJS
World's fastest growing browser fingerprinting library
...With over 1 million monthly NPM downloads it is the worlds fastest growing browser fingerprinting library - currently processing roughly 1 billion identifications per month. Using signals like canvas, audio, fonts, and WebGL, ThumbmarkJS generates a stable, persistent fingerprint with ~80% uniqueness that works across sessions, even in private/incognito browsing or after a cleared cache. Install client-side only via CDN or npm, or connect the optional hosted API to boost uniqueness to ~99%.
