Search Results for "canvas"
Sort By:
Showing 77 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.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
1
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. -
2
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. ... -
3
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. -
4
Monster Mash
New Sketch-Based Modeling and Animation Tool
...You sketch a silhouette and interior strokes to hint at limbs or structure, then “inflate” the drawing into a volumetric, puppet-like mesh that preserves the feel of the original art. The interface favors immediacy: draw, inflate, pose, and record motion directly in the canvas, without manual rigging, weight painting, or complicated asset pipelines. Under the hood it builds a lightweight surface and auto-assigns handles so you can grab and move parts intuitively, with smooth deformations propagating across the body. Because it runs interactively, artists iterate rapidly—blocking poses, trying alternate proportions, or recording short performances—before exporting results downstream. ... -
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.
-
5
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. -
6
Chart.js
Simple yet flexible JavaScript charting for designers & developers
Chart.js is a Javascript library that allows designers and developers to draw all kinds of charts using the HTML5 canvas element. Chart js offers a great array of simple, clean charts including animated and interactive versions. Chartjs is an easy way to include beautiful and engaging charts into your website for free. -
7
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. ... -
8
Graphite
An open source graphics editor for 2025
Graphite is a modern, open-source, prototyping and design tool built for vector graphics, motion, and state-driven UIs. It combines traditional vector drawing capabilities with features like animation timelines, state machines, and interactive prototyping—all in one toolchain rather than separate apps. The interface supports layering, boolean operations, masks, and full node-based parametric controls for shapes and effects. Because it’s built to be extendable, plugin support allows... -
9
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... -
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.
-
10
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. ... -
11
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... -
12
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. ... -
13
CD (Canvas Draw) is a platform-independent graphics library. It is implemented in several platforms using native graphics libraries: Windows (GDI) and X-Windows (XLIB). The canvas is an abstract surface that can be a window, an image or a metafile.
-
14
Tux Paint
An award-winning drawing program for children of all ages
...It combines an easy-to-use interface, fun sound effects, and an encouraging cartoon mascot who guides children as they use the program. You're presented with a blank canvas and a variety of drawing tools to help them be creative. Along with paintbrush, shapes and text, Tux Paint includes a "stamp" feature to add pre-drawn or photographic imagery to pictures, and a set of "magic tools" that provide filter effects (like blur, tint and waves) and interesting drawing tools (like train tracks, bubbles and grass). ... -
15
Kage Studio Animation Software
A simple multi-platfom 2D Animation Software for all ages!
...Written with GTKmm 3.0, Kage Studio has a clean User Interface. Truly an Animation Software, not an airplane cockpit. Kage Studio can export animation to HTML5 (canvas), PNG sequence, Spritesheet, SVG, video (MP4, MKV, OGV, AVI, MOV), and KonsolScript. -
16
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... -
17
A video thumbnail generator based on FFMPEG.
-
18
Pointless
An endless drawing canvas desktop app made with Tauri (Rust) and React
An endless drawing canvas desktop app made with Tauri (Rust) and React. Pointless is an endless drawing canvas that provides useful features when you're in need of a simple whiteboard/note app. It is build using Tauri (Rust) and React with a pure SVG canvas and local files are saved with brotli-unicode compression to ensure small file sizes. -
19
ADAMS
ADAMS is a workflow engine for building complex knowledge workflows.
ADAMS is a flexible workflow engine aimed at quickly building and maintaining data-driven, reactive workflows, easily integrated into business processes. Instead of placing operators on a canvas and manually connecting them, a tree structure and flow control operators determine how data is processed (sequentially/parallel). This allows rapid development and easy maintenance of large workflows, with hundreds or thousands of operators. Operators include machine learning (WEKA, MOA, MEKA) and image processing (ImageJ, JAI, BoofCV, LIRE and Gnuplot). ... -
20
Simple Draw
A canvas you can draw on with different colors
Enjoy the moment with our specially designed drawing app, draw something fun, and create your own artwork– all in a digital form. Simple Draw is the best drawing app for anyone who loves to draw. Just pick paint and draw. Paint and draw simple sketches for fun. With Simple Draw, you will not need any fancy or advanced tools or filters for your favorite doodle or sketch. Just use your creativity and freehand drawing to create the best sketches for your sketchbook. No matter what age or... -
21
abcCairo
Extend abcm2ps to support direct generation of PNG, SVG and PDF files
...This project takes out the PostScript commands to generate various musical symbols and instead replaces them with Cairo function calls that generate the same musical symbols. The Cairo graphics library is an open-source graphics library offering a similar 2D graphics model to PostScript. The Cairo library can write to a GTK canvas, allowing integration with programs using the GTK+ toolkit, or it can write to an image file in a choice of formats: PNG, SVG or PDF. This means that other programs can have access to the abcm2ps music-rendering capability without having to incorporate a PostScript interpreter. -
22
Tarsila
Pixel art and spritesheet editor
Tarsila is a pixel art and spritesheet editor written in Rust, utilizing macroquad for graphics and egui for the GUI. It offers a range of tools for creating and editing pixel art and spritesheets, catering to game developers and artists. -
23
Spritejs
A cross platform high-performance graphics system
...SpritejsNext is the new version of spritejs. It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. Compatible for most modern browsers. You should import babel-polyfill for early browsers(i.e. iOS 8). -
24
impress.js
Presentation framework based on CSS3 transforms & transitions
...It showcases some awesome CSS3 features to create amazing and engaging presentations from your browser. Visualize your ideas in a totally unique way-- with impress.js’ infinite canvas, the only limit is your imagination. impress.js offers many great features, presenting your ideas in visually engaging 3D, dynamic movements and varied text options and positioning. It works well on recent versions of Firefox and Chrome, and on IE too. impress.js can also be used to embed animations or presentations in a web page, however this may not be viewed correctly or at all by some page visitors. ... -
25
reddit-place-kcorp
UserScript de l'overlay de la KCorp pour le /r/place 2022
Reddit Place KCorp Overlay is a UserScript designed to assist the Karmine Corp (KCorp) community during Reddit's r/place 2022 event. It overlays a template on the Reddit canvas, guiding participants in placing pixels accurately to collaboratively recreate the KCorp logo and designs. This tool was instrumental in coordinating efforts among fans to maintain the integrity of their artwork during the event.
