Awesome Open Source
Awesome Open Source
Combined Topics
canvas
x
Advertising
📦 10
All Projects
Application Programming Interfaces
📦 124
Applications
📦 192
Artificial Intelligence
📦 78
Blockchain
📦 73
Build Tools
📦 113
Cloud Computing
📦 80
Code Quality
📦 28
Collaboration
📦 32
Command Line Interface
📦 49
Community
📦 83
Companies
📦 60
Compilers
📦 63
Computer Science
📦 80
Configuration Management
📦 42
Content Management
📦 175
Control Flow
📦 213
Data Formats
📦 78
Data Processing
📦 276
Data Storage
📦 135
Economics
📦 64
Frameworks
📦 215
Games
📦 129
Graphics
📦 110
Hardware
📦 152
Integrated Development Environments
📦 49
Learning Resources
📦 166
Legal
📦 29
Libraries
📦 129
Lists Of Projects
📦 22
Machine Learning
📦 347
Mapping
📦 64
Marketing
📦 15
Mathematics
📦 55
Media
📦 239
Messaging
📦 98
Networking
📦 315
Operating Systems
📦 89
Operations
📦 121
Package Managers
📦 55
Programming Languages
📦 245
Runtime Environments
📦 100
Science
📦 42
Security
📦 396
Social Media
📦 27
Software Architecture
📦 72
Software Development
📦 72
Software Performance
📦 58
Software Quality
📦 133
Text Editors
📦 49
Text Processing
📦 136
User Interface
📦 330
User Interface Components
📦 514
Version Control
📦 30
Virtualization
📦 71
Web Browsers
📦 42
Web Servers
📦 26
Web User Interface
📦 210
The Top 358 Canvas Open Source Projects
Categories
>
Web User Interface
>
Canvas
Three.js
⭐
68,099
JavaScript 3D library.
Chart.js
⭐
52,381
Simple HTML5 Charts using the <canvas> tag
Echarts
⭐
45,413
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Anime
⭐
38,503
JavaScript animation engine
Pixi.js
⭐
32,119
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Phaser
⭐
29,146
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,264
Create graphics with a hand-drawn, sketchy, appearance
Matter Js
⭐
11,264
a 2D rigid body physics engine for the web ▲● ■
X Spreadsheet
⭐
10,967
A web-based JavaScript（canvas） spreadsheet
G2
⭐
10,525
📊 A highly interactive data-driven visualization grammar for statistical charts.
Vega
⭐
9,048
A visualization grammar.
Nivo
⭐
8,438
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
Zdog
⭐
8,333
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Luckysheet
⭐
7,445
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Piskel
⭐
7,116
A simple web-based tool for Spriting and Pixel art.
Dom To Image
⭐
7,079
Generates an image from a DOM node using HTML5 canvas
Two.js
⭐
7,031
A renderer agnostic two-dimensional drawing api for the web.
Signature_pad
⭐
6,826
HTML5 canvas based smooth signature drawing
Konva
⭐
5,945
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
React Diagrams
⭐
5,709
a super simple, no-nonsense diagramming library written in react that just works
Hilo
⭐
5,615
A Cross-end HTML5 Game development solution developed by Alibaba Group
Jspaint
⭐
5,450
🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras
Heatmap.js
⭐
5,448
🔥 JavaScript Library for HTML5 canvas based heatmaps
Tui.chart
⭐
4,895
🍞📊 Beautiful chart for data visualization.
Zrender
⭐
4,760
A lightweight graphic library providing 2d draw for Apache ECharts
Wx Charts
⭐
4,473
微信小程序图表charts组件，Charts for WeChat small app
Spritejs
⭐
4,397
A cross platform high-performance graphics system.
Html
⭐
4,378
HTML Standard
Pts
⭐
3,979
A library for visualization and creative-coding
Planck.js
⭐
3,911
2D JavaScript Physics Engine
React Konva
⭐
3,821
React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
Tui.image Editor
⭐
3,811
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Canvas Nest.js
⭐
3,777
♋️ Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
Melonjs
⭐
3,310
a fresh & lightweight javascript game engine
Localresizeimg
⭐
3,039
🔥 前端本地客户端压缩图片，兼容IOS，Android，PC、自动按需加载文件
Lightweight Charts
⭐
3,013
Financial lightweight charts built with HTML5 canvas
Dygraphs
⭐
2,900
Interactive visualizations of time series using JavaScript and the HTML canvas tag
Isomer
⭐
2,734
Simple isometric graphics library for HTML5 canvas
Canvg
⭐
2,727
Javascript SVG parser and renderer on Canvas
Photoeditor
⭐
2,720
A Photo Editor library with simple, easy support for image editing using paints,text,filters,emoji and Sticker like stories.
Topology
⭐
2,627
A diagram (topology, UML) framework uses canvas and typescript. 一个轻量（100k左右）、功能丰富的绘图工具（微服务架构图、拓扑图、流程图、类图等UML图、脑图，动画、视频支持）。 【在线使用】：
Canvas
⭐
2,604
A Laravel publishing platform
Ccapture.js
⭐
2,497
A library to capture canvas-based animations at a fixed framerate
Wxa Plugin Canvas
⭐
2,429
小程序海报组件-生成朋友圈分享海报并生成图片
Obelisk.js
⭐
2,168
Build pixel isometric graphics with HTML5 canvas
Konfetti
⭐
2,068
Celebrate more with this lightweight confetti particle system 🎊
Drawingboard.js
⭐
1,982
A canvas based drawing app that you can integrate easily on your website.
Layaair_discard
⭐
1,880
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.
Diagram Maker
⭐
1,867
A library to display an interactive editor for any graph-like data.
We Cropper
⭐
1,864
微信小程序图片裁剪工具
Proton
⭐
1,840
Javascript particle animation library
Smartopencv
⭐
1,833
🔥 🔥 🔥 SmartOpenCV是一个OpenCV在Android端的增强库，解决了OpenCV Android SDK在图像预览方面存在的诸多问题，且无需修改OpenCV SDK源码，与OpenCV的SDK解耦
Cax
⭐
1,798
HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
Zeu
⭐
1,745
A JavaScript library for real-time visualization
Html2pdf.js
⭐
1,738
Client-side HTML-to-PDF rendering using pure JS.
Wordcloud2.js
⭐
1,702
Tag cloud/Wordle presentation on 2D canvas or HTML
Blog
⭐
1,689
趁还能折腾的时候多读书——前端何时是个头
Canvas Test
⭐
1,651
🎮 happy canvas
Phaser Examples
⭐
1,650
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Gcanvas
⭐
1,577
A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas
Wxdraw
⭐
1,558
A lightweight canvas library which providing 2d draw for weapp 微信小程序2d动画库 😎 🐼
Mp_canvas_drawer
⭐
1,537
🚀 微信小程序上canvas绘制图片助手，一个json就制作分享朋友圈图片
Bubbly Bg
⭐
1,535
Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped)
Knowledge
⭐
1,450
文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Canvas Confetti
⭐
1,425
🎉 on-demand confetti gun
Electron Vue Cloud Music
⭐
1,421
🚀Electron + Vue 仿网易云音乐windows客户端
Freeciv Web
⭐
1,379
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.
React Particle Effect Button
⭐
1,379
Bursting particle effect buttons for React 🎉
Waveview
⭐
1,294
A wave view of android,can be used as progress bar.
Curvejs
⭐
1,251
Made curve a dancer in HTML5 canvas - 魔幻线条
H5 Animation
⭐
1,246
The canvas animation effect.
Canvas Special
⭐
1,246
👽🌟超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等
Waveforms
⭐
1,218
An interactive, explorable explanation about the peculiar magic of sound waves.
Phaser Ce
⭐
1,185
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.
Siriwave
⭐
1,183
The Apple® Siri wave-form replicated in a JS library.
React Ape
⭐
1,181
🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL
Merge Images
⭐
1,160
Easily compose images together without messing around with canvas
Pasition
⭐
1,149
Path Transition with little JS code, render to anywhere - 轻量级 Path 过渡库，渲染到任何地方
Animockup
⭐
1,145
Create animated mockups in the browser 🔥
Tower_game
⭐
1,098
💒 盖楼游戏 html5 canvas tower building game 🏢🏬🏦🏯🏰
Hqchart
⭐
1,096
HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据替换接口
Glslcanvas
⭐
1,055
Simple tool to load GLSL shaders on HTML Canvas using WebGL
Literallycanvas
⭐
1,043
A canvas in your browser. Literally.
Smileyrating
⭐
1,038
SmileyRating is a simple rating bar for android. It displays animated smileys as rating icon.
Vue Luck Draw
⭐
1,033
🎖🎖🎖 一个基于 vue2 / vue3 的【大转盘 / 九宫格】抽奖插件；🎉 A lucky draw plug-in based on vue2 / vue3；🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置，支持同步 / 异步抽奖，🎯 概率前 / 后端可控，自动根据 dpr 调整清晰度适配移动端
Curtainsjs
⭐
1,028
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Minipaint
⭐
1,007
online image editor
Blog
⭐
957
在这里写一些工作中遇到的前端，后端以及运维的问题
Stormplane
⭐
935
✈️《沙漠风暴》是一款基于Android开发的纵版飞行射击游戏，以雷电(Shooting Game)为原型，参考微信打飞机大战，通过自定义的SurfaceView来实现游戏，游戏画面、音乐、战斗特效都不错（附带apk安装包，可直接运行）
H264 Live Player
⭐
882
A live h264 player for the browser (ideal for raspberrypi / raspicam )
Mylittlecanvas
⭐
869
🎨Need to create a custom view ? You don't know how to use Canvas, use MyLittleCanvas instead !
Wxinlineplayer
⭐
868
🤟Super fast H.264/H.265 FLV player
Core
⭐
856
A canvas-based super high performant grid renderer API
Vintagejs
⭐
825
Add a retro/vintage effect to images using the HTML5 canvas element
Android Opengl Canvas
⭐
810
An Android library that provides views using openGL canvas to draw things on SurfaceView or TextureView.
Exokit
⭐
806
Native VR/AR/XR engine for JavaScript 🦖
Blog
⭐
777
博客
Snapchat Clone
⭐
752
👻 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!
Origami.js
⭐
750
Powerful and Lightweight Library to create using HTML5 Canvas
React Native Canvas
⭐
732
A Canvas component for React Native
1-100 of 358 projects
Next >
Advertising
📦 10
All Projects
Application Programming Interfaces
📦 124
Applications
📦 192
Artificial Intelligence
📦 78
Blockchain
📦 73
Build Tools
📦 113
Cloud Computing
📦 80
Code Quality
📦 28
Collaboration
📦 32
Command Line Interface
📦 49
Community
📦 83
Companies
📦 60
Compilers
📦 63
Computer Science
📦 80
Configuration Management
📦 42
Content Management
📦 175
Control Flow
📦 213
Data Formats
📦 78
Data Processing
📦 276
Data Storage
📦 135
Economics
📦 64
Frameworks
📦 215
Games
📦 129
Graphics
📦 110
Hardware
📦 152
Integrated Development Environments
📦 49
Learning Resources
📦 166
Legal
📦 29
Libraries
📦 129
Lists Of Projects
📦 22
Machine Learning
📦 347
Mapping
📦 64
Marketing
📦 15
Mathematics
📦 55
Media
📦 239
Messaging
📦 98
Networking
📦 315
Operating Systems
📦 89
Operations
📦 121
Package Managers
📦 55
Programming Languages
📦 245
Runtime Environments
📦 100
Science
📦 42
Security
📦 396
Social Media
📦 27
Software Architecture
📦 72
Software Development
📦 72
Software Performance
📦 58
Software Quality
📦 133
Text Editors
📦 49
Text Processing
📦 136
User Interface
📦 330
User Interface Components
📦 514
Version Control
📦 30
Virtualization
📦 71
Web Browsers
📦 42
Web Servers
📦 26
Web User Interface
📦 210
