Awesome Open Source
Awesome Open Source
Combined Topics
canvas x
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194

The Top 2,831 Canvas Open Source Projects on Github

Three.js ⭐ 75,109
JavaScript 3D Library.
Chart.js ⭐ 55,165
Simple HTML5 Charts using the <canvas> tag
Echarts ⭐ 48,444
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Anime ⭐ 39,702
JavaScript animation engine
Pixijs ⭐ 34,493
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Phaser ⭐ 30,593
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.
Rough ⭐ 15,806
Create graphics with a hand-drawn, sketchy, appearance
Matter Js ⭐ 12,151
a 2D rigid body physics engine for the web ▲● ■
X Spreadsheet ⭐ 11,833
A web-based JavaScript（canvas） spreadsheet
G2 ⭐ 10,941
📊 A highly interactive data-driven visualization grammar for statistical charts.
Vega ⭐ 9,465
A visualization grammar.
Nivo ⭐ 9,310
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
Luckysheet ⭐ 9,188
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Zdog ⭐ 8,518
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Dom To Image ⭐ 7,860
Generates an image from a DOM node using HTML5 canvas
Signature_pad ⭐ 7,365
HTML5 canvas based smooth signature drawing
Piskel ⭐ 7,342
A simple web-based tool for Spriting and Pixel art.
Two.js ⭐ 7,303
A renderer agnostic two-dimensional drawing api for the web.
Konva ⭐ 6,777
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
React Diagrams ⭐ 6,422
a super simple, no-nonsense diagramming library written in react that just works
Jspaint ⭐ 5,878
🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras
Heatmap.js ⭐ 5,603
🔥 JavaScript Library for HTML5 canvas based heatmaps
Hilo ⭐ 5,560
A Cross-end HTML5 Game development solution developed by Alibaba Group
Zrender ⭐ 5,060
A lightweight graphic library providing 2d draw for Apache ECharts
Html ⭐ 5,053
HTML Standard
Tui.chart ⭐ 5,021
🍞📊 Beautiful chart for data visualization.
Spritejs ⭐ 4,588
A cross platform high-performance graphics system.
Wx Charts ⭐ 4,548
微信小程序图表charts组件，Charts for WeChat small app
Tui.image Editor ⭐ 4,464
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Pts ⭐ 4,447
A library for visualization and creative-coding
React Konva ⭐ 4,139
React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
Lightweight Charts ⭐ 4,114
Financial lightweight charts built with HTML5 canvas
Planck.js ⭐ 4,099
2D JavaScript Physics Engine
Melonjs ⭐ 3,617
a fresh & lightweight javascript game engine
Canvas Nest.js ⭐ 3,469
♋️ Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
Topology ⭐ 3,170
A diagram (topology, UML) framework uses canvas and typescript. 一个轻量（100k左右）、功能丰富的绘图工具（微服务架构图、拓扑图、流程图、类图等UML图、脑图，动画、视频支持）。 【在线使用】：
Localresizeimg ⭐ 3,099
🔥 前端本地客户端压缩图片，兼容IOS，Android，PC、自动按需加载文件
Dygraphs ⭐ 2,945
Interactive visualizations of time series using JavaScript and the HTML canvas tag
Canvg ⭐ 2,926
Javascript SVG parser and renderer on Canvas
Photoeditor ⭐ 2,924
A Photo Editor library with simple, easy support for image editing using paints,text,filters,emoji and Sticker like stories.
Canvas ⭐ 2,759
A Laravel publishing platform
Isomer ⭐ 2,654
Simple isometric graphics library for HTML5 canvas
Wxa Plugin Canvas ⭐ 2,596
小程序海报组件-生成朋友圈分享海报并生成图片
Lucky Canvas ⭐ 2,368
🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格】抽奖插件，🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等，🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置，支持同步 / 异步抽奖，🎯 概率前 / 后端可控，🚀 自动根据 dpr 调整清晰度适配移动端
Ccapture.js ⭐ 2,361
A library to capture canvas-based animations at a fixed framerate
Konfetti ⭐ 2,200
Celebrate more with this lightweight confetti particle system 🎊
Canvas Confetti ⭐ 2,141
🎉 on-demand confetti gun
Html2pdf.js ⭐ 2,122
Client-side HTML-to-PDF rendering using pure JS.
Obelisk.js ⭐ 2,062
Build pixel isometric graphics with HTML5 canvas
Diagram Maker ⭐ 2,051
A library to display an interactive editor for any graph-like data.
Proton ⭐ 1,912
Javascript particle animation library
Layaair_discard ⭐ 1,894
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.
Drawingboard.js ⭐ 1,888
A canvas based drawing app that you can integrate easily on your website.
We Cropper ⭐ 1,877
微信小程序图片裁剪工具
Html To Image ⭐ 1,847
✂️ Generates an image from a DOM node using HTML5 canvas and SVG.
Smartopencv ⭐ 1,842
🔥 🔥 🔥 SmartOpenCV是一个OpenCV在Android端的增强库，解决了OpenCV Android SDK在图像预览方面存在的诸多问题，且无需修改OpenCV SDK源码，与OpenCV的SDK解耦
Cax ⭐ 1,820
HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
Wordcloud2.js ⭐ 1,748
Tag cloud/Wordle presentation on 2D canvas or HTML
Blog ⭐ 1,722
趁还能折腾的时候多读书——前端何时是个头
Zeu ⭐ 1,676
A JavaScript library for real-time visualization
Phaser Examples ⭐ 1,660
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Freeciv Web ⭐ 1,599
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.
Gcanvas ⭐ 1,570
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Canvas Test ⭐ 1,519
🎮 happy canvas
Bubbly Bg ⭐ 1,506
Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped)
Wxdraw ⭐ 1,458
A lightweight canvas library which providing 2d draw for weapp 微信小程序2d动画库 😎 🐼
Electron Vue Cloud Music ⭐ 1,441
🚀Electron + Vue 仿网易云音乐windows客户端
Knowledge ⭐ 1,437
文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Hqchart ⭐ 1,421
HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据替换接口
Mp_canvas_drawer ⭐ 1,398
🚀 微信小程序上canvas绘制图片助手，一个json就制作分享朋友圈图片
React Particle Effect Button ⭐ 1,351
Bursting particle effect buttons for React 🎉
Waveview ⭐ 1,293
A wave view of android,can be used as progress bar.
Canvas Special ⭐ 1,246
👽🌟超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等
Siriwave ⭐ 1,230
The Apple® Siri wave-form replicated in a JS library.
React Ape ⭐ 1,226
🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL
Phaser Ce ⭐ 1,218
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.
Curvejs ⭐ 1,199
Made curve a dancer in HTML5 canvas - 魔幻线条
Curtainsjs ⭐ 1,186
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Blog ⭐ 1,174
在这里写一些工作中遇到的前端，后端以及运维的问题
Minipaint ⭐ 1,145
online image editor
Waveforms ⭐ 1,142
An interactive, explorable explanation about the peculiar magic of sound waves.
Pasition ⭐ 1,128
Path Transition with little JS code, render to anywhere - 轻量级 Path 过渡库，渲染到任何地方
Glslcanvas ⭐ 1,126
Simple tool to load GLSL shaders on HTML Canvas using WebGL
Merge Images ⭐ 1,057
Easily compose images together without messing around with canvas
Smileyrating ⭐ 1,003
SmileyRating is a simple rating bar for android. It displays animated smileys as rating icon.
Wxinlineplayer ⭐ 994
🤟Super fast H.264/H.265 FLV player
Literallycanvas ⭐ 991
A canvas in your browser. Literally.
Tower_game ⭐ 946
💒盖楼游戏 html5 canvas tower building game 🏢🏬🏦🏯🏰
Animockup ⭐ 933
Create animated mockups in the browser 🔥
Mylittlecanvas ⭐ 901
🎨Need to create a custom view ? You don't know how to use Canvas, use MyLittleCanvas instead !
Cheetah Grid ⭐ 897
The fastest open-source data table for web.
Stormplane ⭐ 895
✈️《沙漠风暴》是一款基于Android开发的纵版飞行射击游戏，以雷电(Shooting Game)为原型，参考微信打飞机大战，通过自定义的SurfaceView来实现游戏，游戏画面、音乐、战斗特效都不错（附带apk安装包，可直接运行）
Core ⭐ 867
A canvas-based super high performant grid renderer API
Exokit ⭐ 825
Native VR/AR/XR engine for JavaScript 🦖
Vintagejs ⭐ 817
Add a retro/vintage effect to images using the HTML5 canvas element
Canvas ⭐ 809
Cairo in Go: vector to raster, SVG, PDF, EPS, WASM, OpenGL, Gio, etc.
Snapchat Clone ⭐ 807
👻 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!
React Native Canvas ⭐ 786
A Canvas component for React Native
Android Opengl Canvas ⭐ 778
An Android library that provides views using openGL canvas to draw things on SurfaceView or TextureView.
Vue Konva ⭐ 757
Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
1-100 of 2,831 projects

Related Projects

Javascript Canvas Projects (1,960)
Html5 Canvas Projects (515)
Javascript Html5 Canvas Projects (398)
Typescript Canvas Projects (380)
Html Canvas Projects (345)
Game Canvas Projects (276)
Reactjs Canvas Projects (249)
Javascript Html Canvas Projects (229)
Javascript Game Canvas Projects (217)
Canvas Webgl Projects (182)
Animation Canvas Projects (176)
Javascript Reactjs Canvas Projects (174)
Css Canvas Projects (167)
Javascript Animation Canvas Projects (140)
Javascript Canvas Webgl Projects (134)
Javascript Css Canvas Projects (126)
Svg Canvas Projects (117)
Nodejs Canvas Projects (116)
Vue Canvas Projects (98)
Java Canvas Projects (91)
Html Css Canvas Projects (89)
Javascript Nodejs Canvas Projects (89)
Android Canvas Projects (83)
Javascript Html Css Canvas Projects (82)
Image Canvas Projects (79)
Javascript Canvas Canvas2d Projects (77)
Canvas Drawing Projects (77)
Visualization Canvas Projects (76)
Html Html5 Canvas Projects (76)
Typescript Reactjs Canvas Projects (74)
Javascript Svg Canvas Projects (73)
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194
"GitHub" is a registered trademark of GitHub, Inc. Awesome Open Source is not affiliated with GitHub.

All non readme contents or Github based topics or project metadata copyright Awesome Open Source 2018-2021