768 Open Source Canvas Software Projects
Free and open source canvas code projects including engines, APIs, generators, and tools.
Pixi.js 30847 ⭐
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Photonstorm Phaser 28302 ⭐
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
Nivo 7631 ⭐
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
Konva 5486 ⭐
React Diagrams 5076 ⭐
a super simple, no-nonsense diagramming library written in react that just works
Ecomfe Zrender 4551 ⭐
A lightweight canvas library which providing 2d draw for Apache ECharts (incubating)
Canvas Nest.js 3646 ⭐
React Konva 3570 ⭐
Tui.image Editor 3235 ⭐
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Burhanrashid52 Photoeditor 2500 ⭐
A Photo Editor library with simple, easy support for image editing using paints,text,filters,emoji and Sticker like stories.
Luckysheet 4187 ⭐
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Layaair_discard 1887 ⭐
This is old LayaAir veriosn writetten by ActionScript 3.0 ,now LayaAir is using TypeScript as the Engine Script,Please use https://github.com/layabox/LayaAir instead.
Topology 2004 ⭐
A diagram (topology, UML) framework uses canvas and typescript. 一个轻量（100k左右）、功能丰富的绘图工具（微服务架构图、拓扑图、流程图、类图等UML图、脑图，动画、视频支持）。 【在线使用】：
Smartopencv 1816 ⭐
:fire: :fire: :fire: SmartOpenCV是一个OpenCV在Android端的增强库，解决了OpenCV Android SDK在图像预览方面存在的诸多问题，且无需修改OpenCV SDK源码，与OpenCV的SDK解耦
Phaser Examples 1634 ⭐
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Gcanvas 1477 ⭐
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Freeciv Web 1339 ⭐
Freeciv-web is an Open Source strategy game implemented in HTML5 and WebGL, which can be played online against other players, or in single player mode against AI opponents.
Phaser Ce 1163 ⭐
Phaser CE is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
Canvas Special 1172 ⭐
:octocat::alien::star2:超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等
Smileyrating 1017 ⭐
SmileyRating is a simple rating bar for android. It displays animated smileys as rating icon.
Stormplane 918 ⭐
Mylittlecanvas 858 ⭐
🎨Need to create a custom view ? You don't know how to use Canvas, use MyLittleCanvas instead !
Hqchart 875 ⭐
HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,(麦语法),第3方数据替换接口
Curtains.js 860 ⭐
Android Opengl Canvas 768 ⭐
An Android library that provides views using openGL canvas to draw things on SurfaceView or TextureView.
Snapchat Clone 703 ⭐
👻 A SnapChat clone built with React, Redux and Typescript. Styled with SASS. Tested with Cypress, Jest and Enzyme. Linted with Eslint and formatted with Prettier!
Blurify 649 ⭐
blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.
Freedrawview 621 ⭐
A View on which you can freely draw, customizing paint width, alpha and color, and take a screenshot of the content. Useful for note apps, signatures or free hand writing.
React Design Editor 567 ⭐
React Design Editor has started to developed direct manipulation of editable design tools like Powerpoint, We've developed it with reactjs, ant.design, fabricjs
Audio Visualizer Android 533 ⭐
🎵 [Android Library] A light-weight and easy-to-use Audio Visualizer for Android.
Diagram 495 ⭐
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈
Trail Android 450 ⭐
🚕 Simple, smooth animation for route / polylines on google maps using projections.
React Canvas 350 ⭐
A pluggable layout and graphics system aimed at powering desktop publishing as well as storm-react-diagrams
Weapp Demo Lemonjournal 329 ⭐
A WeChat mini program demo based on Wafer2 framework - 微信小程序Demo：柠檬手帐 - 界面简洁的图片编辑应用，支持图片和文字的移动、旋转、缩放、保存编辑状态并生成预览图
Tfriedel6 Canvas 326 ⭐
Canvas is a Go drawing library based on OpenGL or using software rendering that is very similar to the HTML5 canvas API
CanvasAPI 264 ⭐
Python API wrapper for Instructure's Canvas LMS. Easily manage courses, users, gradebooks, and more.
Earthbound Battle Backgrounds JS 242 ⭐
Canvas Designer 245 ⭐
Clchart 230 ⭐
A fast, simple and cross-platform(html5 react-native weex wechat-applet) stock chart library created using canvas.
Wear A Mask 219 ⭐
😷 An SPA that uses only the front-end to perform deep-learning-based facial landmark detection on images and automatically adds breathing mask stickers.
Vue Canvas Poster 205 ⭐
vue生成海报图，一个通过 css 属性画 canvas 图片的轻量级的 vue 组件 (Vue poster,a lightweight vue component that draws canvas images via css properties.)
Onecoolx Picasso 188 ⭐
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
HTML5 Canvas Game Boilerplate 173 ⭐
Provides a set of default code that makes getting up and running with an HTML5 canvas game very easy.
Ribbon.js 174 ⭐
Canvas2dtowebgl 188 ⭐
Ports (almost) all Canvas2D functions to the GPU so it can be mixed with a WebGL canvas.
Ansh1234 Rxdownloader 166 ⭐
Demo of Downloading Songs/Images through Android Download Manager using RxJava2
Picasso.js 165 ⭐
A charting library streamlined for building interactive visualizations for the Qlik product suites.
Pubdreamcc Web Study 165 ⭐
本仓库是自己总结的前端开发一些基础知识，包括html5，css3， canvas， jQuery， less ，ES6， webpack，Vue等，同时也是自己工作中的踩坑总结，适合想要学习前端开发的伙伴，你可以clone项目到本地，然后一步一步跟着我的demo敲，希望大家都能全栈。
Gradex 142 ⭐
An online tool to generate gradients background from given image so you can preview and download it.
Fundcharts 132 ⭐
Scrawl Canvas 126 ⭐
Terminal Canvas 121 ⭐
Manipulate the cursor in your terminal via high-performant, low-level, canvas-like API
Responsive Sketchpad 113 ⭐
A completely responsive, HTML5 canvas sketchpad for use on desktop and mobile browsers
React Native Signature Canvas 116 ⭐
:black_nib: React Native Signature Component based WebView Canvas for Android && IOS && expo
Circular Audio Wave 105 ⭐
JS library for audio visualization in circular wave using Web Audio API and ECharts
Canvas Raycaster 98 ⭐
Using the <canvas> element to do software rendering of a 3D environment with ray-casting
Three.textsprite 96 ⭐
Automatically computes the optimal font size depending on the distance to the camera and the size of the renderer DOM element.
Xsound 95 ⭐
Web Audio API Library for Synthesizer, Effects, Visualization, Multi-Track Recording, Audio Streaming, Visual Audio Sprite ...
Luciopanepinto Pacman 97 ⭐
Pac-Man game written in HTML5 + CSS3 + jQuery with Canvas. This WebApp is a Responsive Web Design (RWD) website.
React Tint 88 ⭐
A React component that applies image processing filters to an image using Processing
Ts Utility Plugins 87 ⭐
:octocat: Useful plugins library, including Canvas、Business、Utility and more
Mapbox Plugins 90 ⭐
Customized Mapbox :earth_asia: plugins, including game :video_game: control, canvasOverlayer , scene animation. using ES6
Liihuu Klinechart 106 ⭐
📈Lightweight k-line chart that can be highly customized. Zero dependencies. Support mobile.（可高度自定义的轻量级k线图，无第三方依赖，支持移动端）
Huozi.js 79 ⭐
A simple typography engine for CJK languages, especially designed for game rich-text. 用于游戏富文本的中日韩文字排印引擎。
Favicon Canvas Loader 78 ⭐
Create and display a circular loading <canvas> animation as a webpage favicon.
Udoit 73 ⭐
The Universal Design Online content Inspection Tool, or UDOIT (pronounced, “You Do It”) enables faculty to identify accessibility issues in Canvas by Instructure. It will scan a course, generate a report, and provide resources on how to address common accessibility issues.
Ng2 Konva 72 ⭐
Sketchpad 74 ⭐
Shadertoy React 68 ⭐
6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.
Wheel Of Lunch 67 ⭐
HTML5 randomised spinning wheel to select a place to eat by using a RESTful API to fetch local places.
P5.accessibility 63 ⭐
p5.accessibility.js makes the p5 canvas more accessible to people who are blind and visually impaired. It can be used with any p5.js sketch and it is used in the p5.js web editor.
Captcha Mini 63 ⭐
Notation 59 ⭐
:pencil2: A simple web app to make drawings that are easy to embed, particularly for Notion.so.
Center.js 61 ⭐
Center.js is a HTML5 Canvas based library that allows you to create simple text based icons, avatars, logos, and more.
Deep Viz 55 ⭐
A React component library, providing concise and beautiful diversity charts with Canvas, SVG, E-map, WebGL, Dom, based on data visualization experience and commercial data display practice.
Binari 65 ⭐
Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of dynamic programming.
JUI Chart 52 ⭐
SVG-based JUI chart that can be used in the browser and Node.js. Support many types of charts. (Dashboard, Map, Topology, Full 3D, Realtime)
Canvas Talk 49 ⭐
Slides for the Toronto Android Developers talk on the Android Canvas. Written in Kotlin.
Canvas Sprite Animations 48 ⭐
A powerful, easy-to-use Sprite animation library designed for HTML5 Canvas.
Setml 46 ⭐
Online, realtime, multiplayer game of Set, from Set Enterprises, Inc., built entirely with ocaml (and reasonml).
Besselloadingview 43 ⭐
⌛️ 🎡 ⏳ BesselLoadingView is a Bezier Curve effect that loads the transition animation. Customize views with canvas.
Fao 41 ⭐
Party game based on Oink Games' tabletop game, "A Fake Artist Goes to New York." Draw with your phone or a mouse.
Scale.js 41 ⭐
High-quality scale function for canvas and image element. If scale factor < 1, then algorithm for downscale (area average) is used, other than that, bicubic algorithm is used.
Retinize 36 ⭐
Retinize will upscale (using nearest neighbor) images to look correctly on retina screens. This is particularly useful for pixel art when you don't want to store an upscaled version.
Whosthatpokemon 37 ⭐
A simple HTML5 game that generates silhouettes from images and gets the user to guess the name of the Pokémon shown.
Cnblogs 36 ⭐
💘🍦🙈 残梦a博客园样式,本博客的样式一直在更新中,还会不断优化页面的加载速度,坚持每周都会更新自己的博客内容,坚持自己选择计算机的道路 -> https://www.cnblogs.com/sunhang32
I2d.js 37 ⭐
Phaser ES6 Starter 33 ⭐
:rocket: A template for writing Phaser Games based on ECMAScript 2015 (ES6) + Webpack + Progressive Web Apps for rapid game development.
Trim Canvas 32 ⭐
A tiny (< 100 LoC) library for trimming whitespace from a canvas element with no dependencies
Touchable 58 ⭐
Flutter library to add gestures and animations to each Shape you draw on your canvas in your CustomPainter
Canvas Size 35 ⭐
Determine the maximum size of an HTML canvas element and test support for custom canvas dimensions
Algorithm Playground 30 ⭐
Nightsky 30 ⭐
A way to avoid paying 50 bucks by using some js to generate an image of the night sky at specific time and location. 🌑
Ec Devtools 31 ⭐
ec-devtools是支持canvas库 ( easycanvas , https://github.com/chenzhuo1992/easycanvas ) 的chrome调试工具，能对canvas的元素的样式、物理属性等进行修改，达到所见即所得的效果，提高调试效率
Flocking 29 ⭐
Saccade 29 ⭐
A sophisticated scientific image viewer for Linux with OpenGL support and synchronized viewports
Go Wasm Cat Game On Canvas With Docker 28 ⭐
The world’s easiest introduction to WebAssembly with Golang
Youphonic 26 ⭐
an online musical machine interface for building and sharing soundscapes and musical compositions
Canvas Free Drawing 27 ⭐
Revit Family Web Viewer 26 ⭐
Revit Web Viewer is a Three.js-based project viewer. Revit projects / families must be exported using RvtVa3cExporter (https://github.com/va3c/RvtVa3c)
Lps Studio 23 ⭐
🎬 Logic-based interactive storytelling tool for running Logic Production System (LPS) programs using lps.js, Electron and Angular 🎨
Vue HTML2pdf 47 ⭐
vue-html2pdf converts any vue component or element into PDF, vue-html2pdf is basically a vue wrapper only and uses html2pdf.js behind the scenes.
Supermariobros 22 ⭐
A work-in-progress remake of the original Super Mario Bros. for NES, in the browser using canvas and P5JS.
Retouch Photo Uwp 22 ⭐
Simple and free photo retouching tools,can transform,adjustment, shear,filling images,support layer,the selecti on. If you think that the PS is too complex might as well try.
Printed 23 ⭐
Canvas-style API to generate self-contained PDF/SVG/HTML documents suitable for print (possibly simultaneously). We use it for invoicing.
Seam Carving JS 22 ⭐
Canvas Cast 22 ⭐
Cast any <canvas> element to an LED Matrix over WebSockets with an Arduino/ESP8266.
Endless Runner 3D 23 ⭐
Cube Endless Runner is a 3D game built with BabylonJS engine on top of WebGL and HTML5 technologies
Charlie 22 ⭐
TypeScript based Forth-like VM w/ online REPL and extensive kernel (incl. WebGL/WebAudio support)
Jmonet 19 ⭐
An easy-to-use toolkit for incorporating MacPaint / Microsoft Paint-like tools into a Java Swing or JavaFX application.
Sebastianwachter Scratchcard 19 ⭐
Snake Game 2d 19 ⭐
The famous 2D snake game in which your goal is to eat until you get huge and accumulate many points.
Supermariogame 19 ⭐
:video_game: V1.0 : 实现游戏场景的初始化 V2.0: 实现画布的不断刷新 V3.0: 实现了游戏中人物的运动 V4.0: 实现了js代码的分离 V5.0：实现键盘对人物移动的控制 V6.0： 完成Game游戏类的封装 V7.0： 实现敌人角色的加入, player，enemy类的封装; 实现了我方角色和敌人角色的自由移动 V8.0： 实现精灵之间的碰撞检测功能 V9.0： 实现游戏中分数的统计， 输赢的判定 V10.0: 实现了游戏背景的滚动效果和场景的优化
Native Canvas 19 ⭐
A canvas library that allows for a HTML canvas to run natively on NodeJs, without a WebBrowser
Demo_mugen.js 18 ⭐
Interactive Image Particles 17 ⭐
Chinesechessonline 17 ⭐
一款canvas版中国象棋游戏,支持高清图像/canvas响应式设计/ 实时对战/棋谱功能/在线聊天。A Canvas version of the Chinese chess game, supporting high-definition images / Canvas responsive design / real-time combat / chess spectrum function / online chat
Humidity App Design 16 ⭐
Implementation of design https://dribbble.com/shots/6315218-IoT-Humidity-App-Slider
Texture Morpher 16 ⭐
A solution to panorama transition problem (with a tool to make morphable texture) 解决全景过渡不自然的问题
Submibot 15 ⭐
Plugin do Eclipse para automatização do processo de submissão de tarefas na disciplina de LP2 - Computaçã[email protected]
Fieldslinker 16 ⭐
Designed for matching files headers to database fields during the process importing. Allows drawing links between elements of 2 lists
Xiugangzhang Chinesechess 15 ⭐
:video_game:使用HTML5中的Canvas画布技术实现了一个中国象棋项目，V1.0 : 实现棋子的布局，画布及游戏场景的初始化 V2.0 : 实现棋子的颜色改变 V3.0 ：实现所有象棋的走棋规则 V4.0 : 实现所有棋子的吃子功能 ，目前还有bug，还在测试
Chart.JS Node Ssr Example 17 ⭐
Pankod Canvas2video 34 ⭐
canvas2video is a backend solution for creating and rendering dynamic videos.
Figma Super Tidy 15 ⭐
A Figma plugin to easily align, rename and reorder your frames based in their canvas position.
Flexcanvas.js 14 ⭐
Faber.js 13 ⭐
FaberJS is an open-source platform-independent layouting engine capable of mimicking different CSS layouting paradigm(ex. CSS grids)
Not My Cows 13 ⭐
A canvas game experiment - "Outer space has unleashed its fury! Protect your live stock, your livelihood, your home. It's all you've got left..."
Androidzdog 13 ⭐
Porting Zdog(Round, flat, designer-friendly pseudo-3D engine for canvas) to Android with kotlin
Aurbano Nebula 13 ⭐
An HTML5+JS nebulosa effect, it displays text by making circles float inside it.
First Person Perspective 13 ⭐
Animated Grid Lines 18 ⭐
A react component that renders an interactive grid with lines that shoot out from a user's cursor on hover.
Enero Webdev Pt 12 ⭐
Prácticas del curso web-dev part-time de enero en Ironhack México || MÓDULO 1: Semana 2 - 5 || MÓDULO 2: Semana 9 - 12 || MÓDULO 3: Semana 13 - 24
Neon Fantasy 12 ⭐
A synthwave-style demo that ranked 1st in ARM DemoCompo in Trondheim, 2018. Designed to be run in Chrome on a Samsung Galaxy S9
Quiz Extensions 13 ⭐
A self-service LTI for faculty to easily extend time for multiple users for all quizzes at once.
Tandpfun Connect 12 ⭐
Connect is a Discord economy bot for Discord Hackweek 2019! Based mostly on image generation, this bot has fun features, and lets you customize a profile using the experience you earn!
Awesome Web Graphics 12 ⭐
A collection of WEB Graphics | css | canvas | webgl | library | awesome web pages
Shapes And Math 11 ⭐
Yangshuangjie Orchid 11 ⭐
a cross-platform colorpicker and screenshot tool based on vue and electron.
Luciopanepinto Tetris 13 ⭐
Tetris game written in HTML5 + CSS3 + jQuery. This WebApp is a "Responsive Web Design" (RWD) website.
Clientside Video Thumbnails 14 ⭐
Create thumbnails from a video directly in the user's browser even before a video is uploaded.
2d Voronoi Experiments 11 ⭐
Visual experiments exploring 2D voronoi diagrams for simple diatom/radiolaria patterns.
Modv 3 9 ⭐
modV 3.0 is a complete rewrite of modV 2.0 with a focus on performance and a standardised API
Canvasimo 10 ⭐
An HTML5 canvas drawing library, with 150+ useful methods, jQuery-like fluent interface, and cross-browser compatibility enhancements.
Blog Real Time Ascii Camera Filter 10 ⭐
Gtcanvas 10 ⭐
Canvas LMS Bulk export/import of grades and comments. Initially developed for Georgia Tech.
Gordon_freeman_on_canvas_of_pixels 11 ⭐
Это Горден Фримен из Халф-Лайф! Полностью с помощью канваса!!!Точная копия рисунка! "1155" строк кода!!! Это потрясающий проект, который заставляет удивиться. Посмотрите и подпишитесь на меня, потому что вас ждёт ещё много проектов!
Syncinput 10 ⭐
Synchronous keyboard and mouse input for web applications. Useful for games and canvas / webgl synchronous content in web applications.
Minuth Flutter Canvas 10 ⭐
Flutter Canvas is the open source application for Flutter developer to learn more about using canvas with Flutter.
Rowsncolumns Grid 40 ⭐
Declarative React Canvas Grid primitive for Data table, Pivot table and more :boom:
Gitjinfeiyang Easy Canvas 81 ⭐
easy-canvas is a powerful tool helps us easy to layout with canvas. 使用render函数在canvas中创建文档流布局。Tag: 海报图、小程序朋友圈分享图。
Unity Canvas Visualizer 19 ⭐
The canvas visualizer is an editor util that helps you visualise all of your rectangle transforms within your canvas for easier navigation and building while working on your user interface.
Canvas File Explorer Mac 10 ⭐
A Mac application which provides an alternative 2D canvas view of the files in selected folders.
Incubator Echarts 43222 ⭐
A powerful, interactive charting and data visualization library for browser
Console Log Img 10 ⭐
Print images to browser console - like console.log but for images, Canvas, ImageBitmap and more!
Vue Luck Draw 233 ⭐
🎉一个基于 vue 的（大转盘抽奖 / 九宫格抽奖）luckydraw 插件，🎨奖品/文字/图片/颜色/按钮/样式均可配置，支持同步 / 异步抽奖，🏅概率前 / 后端可控，可根据 dpr 自动调整清晰度适配移动端，😇同时欢迎各位小伙伴提 pr 对代码进行优化
bad-slug 14 ⭐
Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. And to make it easy to do, this is also a nuxt-module (nuxt-canvas-sketch) - (threejs is not included).