The Top 340 Canvas Open Source Projects

Awesome Open Source

Awesome Open Source

Combined Topics

The Top 340 Canvas Open Source Projects

Categories > Web User Interface > Canvas

Three.js ⭐64,972

JavaScript 3D library.

Chart.js ⭐51,081

Simple HTML5 Charts using the <canvas> tag

Incubator Echarts ⭐43,711

A powerful, interactive charting and data visualization library for browser

Anime ⭐37,365

JavaScript animation engine

Pixi.js ⭐31,158

The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

Phaser ⭐28,491

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 ⭐14,732

Create graphics with a hand-drawn, sketchy, appearance

Matter Js ⭐10,798

a 2D rigid body physics engine for the web ▲● ■

X Spreadsheet ⭐10,285

A web-based JavaScript（canvas） spreadsheet

📊 A highly interactive data-driven visualization grammar for statistical charts.

A visualization grammar.

Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

Two.js ⭐6,920

A renderer agnostic two-dimensional drawing api for the web.

Piskel ⭐6,734

A simple web-based tool for Spriting and Pixel art.

Dom To Image ⭐6,700

Generates an image from a DOM node using HTML5 canvas

Signature_pad ⭐6,519

HTML5 canvas based smooth signature drawing

Luckysheet ⭐6,103

Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

A Cross-end HTML5 Game development solution developed by Alibaba Group

Heatmap.js ⭐5,353

🔥 JavaScript Library for HTML5 canvas based heatmaps

Jspaint ⭐5,295

🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras

React Diagrams ⭐5,273

a super simple, no-nonsense diagramming library written in react that just works

Zrender ⭐4,602

A lightweight canvas library which providing 2d draw for Apache ECharts (incubating)

Wx Charts ⭐4,369

微信小程序图表charts组件，Charts for WeChat small app

Spritejs ⭐4,170

A cross platform high-performance graphics system.

Planck.js ⭐3,830

2D JavaScript Physics Engine

Canvas Nest.js ⭐3,667

♋️ Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.

React Konva ⭐3,646

React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

Tui.image Editor ⭐3,311

🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

Melonjs ⭐3,221

a fresh & lightweight javascript game engine

Localresizeimg ⭐2,975

🔥 前端本地客户端压缩图片，兼容IOS，Android，PC、自动按需加载文件

Dygraphs ⭐2,874

Interactive visualizations of time series using JavaScript and the HTML canvas tag

Isomer ⭐2,708

Simple isometric graphics library for HTML5 canvas

Javascript SVG parser and renderer on Canvas

Photoeditor ⭐2,550

A Photo Editor library with simple, easy support for image editing using paints,text,filters,emoji and Sticker like stories.

Lightweight Charts ⭐2,545

Financial lightweight charts built with HTML5 canvas

Canvas ⭐2,521

A Laravel publishing platform

Ccapture.js ⭐2,358

A library to capture canvas-based animations at a fixed framerate

Wxa Plugin Canvas ⭐2,283

小程序海报组件-生成朋友圈分享海报并生成图片

Topology ⭐2,225

A diagram (topology, UML) framework uses canvas and typescript. 一个轻量（100k左右）、功能丰富的绘图工具（微服务架构图、拓扑图、流程图、类图等UML图、脑图，动画、视频支持）。【在线使用】：

Obelisk.js ⭐2,106

Build pixel isometric graphics with HTML5 canvas

Konfetti ⭐1,984

Celebrate more with this lightweight confetti particle system 🎊

Drawingboard.js ⭐1,920

A canvas based drawing app that you can integrate easily on your website.

Layaair_discard ⭐1,886

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.

Smartopencv ⭐1,821

🔥 🔥 🔥 SmartOpenCV是一个OpenCV在Android端的增强库，解决了OpenCV Android SDK在图像预览方面存在的诸多问题，且无需修改OpenCV SDK源码，与OpenCV的SDK解耦

We Cropper ⭐1,798

微信小程序图片裁剪工具

HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎

Proton ⭐1,776

Javascript particle animation library

A JavaScript library for real-time visualization

趁还能折腾的时候多读书——前端何时是个头

Phaser Examples ⭐1,642

Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.

Canvas Test ⭐1,615

🎮 happy canvas

Wordcloud2.js ⭐1,608

Tag cloud/Wordle presentation on 2D canvas or HTML

Html2pdf.js ⭐1,568

Client-side HTML-to-PDF rendering using pure JS.

Bubbly Bg ⭐1,525

Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped)

Wxdraw ⭐1,519

A lightweight canvas library which providing 2d draw for weapp 微信小程序2d动画库 😎 🐼

Gcanvas ⭐1,503

A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎) https://alibaba.github.io/GCanvas

Mp_canvas_drawer ⭐1,497

🚀 微信小程序上canvas绘制图片助手，一个json就制作分享朋友圈图片

Diagram Maker ⭐1,485

A library to display an interactive editor for any graph-like data.

React Particle Effect Button ⭐1,364

Bursting particle effect buttons for React 🎉

Knowledge ⭐1,357

文档着重构建一个完整的「前端技术架构图谱」，方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。

Freeciv Web ⭐1,347

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.

Waveview ⭐1,281

A wave view of android,can be used as progress bar.

Electron Vue Cloud Music ⭐1,246

🚀Electron + Vue 仿网易云音乐windows客户端

Curvejs ⭐1,235

Made curve a dancer in HTML5 canvas - 魔幻线条

H5 Animation ⭐1,233

The canvas animation effect.

Canvas Special ⭐1,195

👽🌟超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等

Waveforms ⭐1,183

An interactive, explorable explanation about the peculiar magic of sound waves.

Phaser Ce ⭐1,170

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.

React Ape ⭐1,164

🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL

Pasition ⭐1,139

Path Transition with little JS code, render to anywhere - 轻量级 Path 过渡库，渲染到任何地方

Merge Images ⭐1,108

Easily compose images together without messing around with canvas

Siriwave ⭐1,089

The Apple® Siri wave-form replicated in a JS library.

Tower_game ⭐1,033

💒 盖楼游戏 html5 canvas tower building game 🏢🏬🏦🏯🏰

Literallycanvas ⭐1,024

A canvas in your browser. Literally.

Smileyrating ⭐1,021

SmileyRating is a simple rating bar for android. It displays animated smileys as rating icon.

Glslcanvas ⭐1,000

Simple tool to load GLSL shaders on HTML Canvas using WebGL

Animockup ⭐975

Create animated mockups in the browser 🔥

Curtainsjs ⭐933

curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

Stormplane ⭐923

✈️《沙漠风暴》是一款基于Android开发的纵版飞行射击游戏，以雷电(Shooting Game)为原型，参考微信打飞机大战，通过自定义的SurfaceView来实现游戏，游戏画面、音乐、战斗特效都不错（附带apk安装包，可直接运行）

HQChart - H5, 微信小程序沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,(麦语法),第3方数据替换接口

Minipaint ⭐908

online image editor

Canvas Confetti ⭐875

🎉 on-demand confetti gun

Mylittlecanvas ⭐859

🎨Need to create a custom view ? You don't know how to use Canvas, use MyLittleCanvas instead !

A canvas-based super high performant grid renderer API

H264 Live Player ⭐839

A live h264 player for the browser (ideal for raspberrypi / raspicam )

Vintagejs ⭐821

Add a retro/vintage effect to images using the HTML5 canvas element

Android Opengl Canvas ⭐776

An Android library that provides views using openGL canvas to draw things on SurfaceView or TextureView.

Native VR/AR/XR engine for JavaScript 🦖

在这里写一些工作中遇到的前端，后端以及运维的问题

Wxinlineplayer ⭐746

🤟Super fast H.264/H.265 FLV player

Origami.js ⭐739

Powerful and Lightweight Library to create using HTML5 Canvas

Snapchat Clone ⭐714

👻 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 ⭐692

A Canvas component for React Native

Html5 Animation ⭐660

Foundation HTML5 Animation with JavaScript example code and book exercises.

Map Canvas ⭐658

基于baidu、google、openlayers、arcgis、高德地图、canvas数据可视化

blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.

1-100 of 340 projects