Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Canvas

The Canvas API provides a means for drawing graphics via JavaScript and the HTML canvas element. Among other things, it can be used for animation, game graphics, data visualization, photo manipulation, and real-time video processing.

https://github.com/bamdadfr/animation-canvas-smoke

Smoke Animation with Canvas

animation canvas html javascript scss

Last synced: 23 Jan 2025

https://github.com/frenzyexists/simple_paint_js

A simple newbie paint app I made while learning the basics of canvas... and yes I used a few stuff from my scoreboard thingy, shut up

canvas good javascript newbie

Last synced: 03 Jan 2025

https://github.com/rhaeguard/shared-canvas

A canvas that can be shared between multiple users across different machines...I think.

canvas collaborative-editing crdt yjs

Last synced: 18 Jan 2025

https://github.com/pedroka-dev/racing-car-canvas

🚗 PoC game where you can control a car with Arrow Keys, with acceleration and terrain detection. Made with just HTML Canvas + Javascript, in less than 8 consecutive hours of work

canvas game html html-canvas-javascript javascript javascript-game

Last synced: 14 Feb 2025

https://github.com/adityakumar41/draw-canva

A canvas draw board with collaborating support

canvas drawing react socket-io

Last synced: 23 Jan 2025

https://github.com/deliaz/nanotube

Useless Chrome Extension

canvas chrome-extension

Last synced: 05 Feb 2025

https://github.com/vvaldesc/brokeball

Easy BRICK BREAKER based game featuring basic physics

2d-game canvas canvas-game collision-detection game javascript json poo unit-vector

Last synced: 18 Jan 2025

https://github.com/lovesaroha/chess-game

Chess is a two-player strategy board game played on a checkered board with 64 squares arranged in an 8×8 square grid.

canvas chess game html javascript

Last synced: 12 Jan 2025

https://github.com/lovesaroha/doodle-classifier

A simple doodle classifier trained on google's quick draw dataset.

canvas doodle-recognizer javascript machine-learning tensorflow

Last synced: 12 Jan 2025

https://github.com/rajdeepc/linkedin-profile-creator

A Simple SVG to PNG generator tool to create LinkedIn Profile picture with custom text on badges

canvas compression-algorithm javasscript linkedin nextjs react svg

Last synced: 10 Jan 2025

https://github.com/j-m/grid

🎨🖌🖼 An infinite grid-based canvas with multiple brush shapes and grid patterns. Custom grids and styling to come

canvas grid html js paint

Last synced: 19 Feb 2025

https://github.com/binotto/hero-app

Developed with Javascript/HTML(Canvas). - Web animations

canvas html javascript

Last synced: 11 Jan 2025

https://github.com/binotto/animated-balls

Developed with Javascript/HTML(Canvas),

canvas html javascript

Last synced: 11 Jan 2025

https://github.com/9am/fire-flame

A fire flame library 🔥

animation canvas fire flame particles react svg webcomponents

Last synced: 04 Jan 2025

https://github.com/neongamerbot-qk/draw-app

HTML canvas draw application

canvas drawing html js

Last synced: 01 Feb 2025

https://github.com/neongamerbot-qk/zeoncanvas

Zeon powerd canvas

ai canvas html zeon

Last synced: 01 Feb 2025

https://github.com/michaelheckmann/power-snap

PowerSnap is a simple, lightweight, and easy to use screen capture tool. It can be used from the CLI or as an Alfred Workflow.

canvas nodejs screenshot

Last synced: 06 Feb 2025

https://github.com/xiaohuohumax/pointbackground

Vue(Ts) 动态背景

background canvas emoji ts vue

Last synced: 31 Dec 2024

https://github.com/codegeekr/dibuja_con_js

Paint en JavaScript

canvas canvas2d javascript paint

Last synced: 01 Jan 2025

https://github.com/tyom/memify

Create memes on the fly

canvas konva micro node now puppeteer serverless vue

Last synced: 15 Feb 2025

https://github.com/tiredaj/ajpaint

***VERY*** basic paint software using winforms and .NET7

canvas hobby-project painting

Last synced: 14 Feb 2025

https://github.com/siddik-web/imagemaker

Image Maker App Using JavaScript Canvas API

canvas image-maker javascript

Last synced: 10 Jan 2025

https://github.com/buntec/ff4s-canvas

Canvas-based charts for ff4s

canvas charts scala scalajs

Last synced: 09 Feb 2025

https://github.com/beenotung/create-webcam-app

Create a simple boilerplate for typescript project using webcam.

boilerplate canvas cli render starter streaming template usermedia webcam

Last synced: 01 Jan 2025

https://github.com/gabrielogregorio/lab-canvas

🧪 html 5 canvas study

canvas html5 html5-canvas

Last synced: 12 Jan 2025

https://github.com/morganney/dose-volume-histogram

Dose Volume Histogram.

canvas reactjs

Last synced: 06 Feb 2025

https://github.com/r-mielamud/snakegame

Classic snake written with html, css and js

2020 2d-game canvas css electron electronjs html js nodejs snake web-game

Last synced: 04 Jan 2025

https://github.com/ujjwal-sona77/portfolio_begening

just added 2 pages and Canvas Three js and it is incomplete , I will complete it later

canvas html-css-javascript jsx reactjs threejs

Last synced: 13 Feb 2025

https://github.com/mowtwo/reactivity_gobang

一个基于数据驱动的五子棋小游戏

canvas javascript

Last synced: 07 Feb 2025

https://github.com/sorodrigo/react-canvas-maps

Interactive maps using d3 and canvas

canvas d3 map maps react

Last synced: 13 Feb 2025

https://github.com/cvalencia1991/creative-coding

This project implement the Canvas applications to expose diferent ways to add symbolos images

canvas javascript

Last synced: 01 Jan 2025

https://github.com/manu4kym/halloween-story2

A halloween scenery story

canvas html5 threejs

Last synced: 13 Feb 2025

https://github.com/renhongl/js-drawer

Javascript drawer tool

canvas drawer javascript

Last synced: 25 Jan 2025

https://github.com/figureland/graphite

experimental drawing tools

canvas drawing graphite pencil simulation typescript

Last synced: 17 Jan 2025

https://github.com/goaltosin/ball-me

A simple game that I created with canvas

canvas canvas-game game simple-game

Last synced: 25 Jan 2025

https://github.com/bohdanmoroziuk/canvas-tricks

A set of interesting effects implemented using Canvas.

canvas preloader pure-javascript sine-wave snowy-background starry-sky

Last synced: 13 Feb 2025

https://github.com/anonymerniklasistanonym/controllerinputvisualizer

A simple webapp that visualizes the inputs of connected controllers using the Javascript Gamepad API: https://anonymerniklasistanonym.github.io/ControllerInputVisualizer/

canvas controller gamepad-api javascript offline webapp

Last synced: 14 Feb 2025

https://github.com/mzusin/mz-canvas

The TypeScript-based library for manipulating <canvas> element and 2D graphics in the browser.

canvas canvas-api canvas-element canvas2d canvasjs

Last synced: 30 Jan 2025

https://github.com/kizuneparty/bulk-nft

Craziest way of making NFT!

canvas nodejs

Last synced: 25 Jan 2025

https://github.com/weihanchen/puzzle-game-threes1536

Use javascript、canvas、css to develop a simple digital puzzle game

bootstrap canvas html5 javascript puzzle-game

Last synced: 10 Jan 2025

https://github.com/yanjinhuagood/canvassample

Repository for WPF related samples

canvas net wpf

Last synced: 14 Feb 2025

https://github.com/yeukfei02/drawcanvas

HTML5 canvas

canvas drawcanvas svelte

Last synced: 11 Jan 2025

https://github.com/bartek532/canvas-circles

Funny site, made with Canvas API 🖌️

canvas css html javascript

Last synced: 13 Feb 2025

https://github.com/goaltosin/zap-plot

Control a cool upside-down emoji, shoot lasers, and hit targets to beat levels. Play now: https://goaltosin.github.io/zap-plot/

canvas canvas-game game laser mirrors reflect reflection zap

Last synced: 25 Jan 2025

https://github.com/aaronkchsu/zetia

Awesome clientside game created with React, HTML5 Canvas, parcel.js, babel, es6

canvas canvas-game game game-2d game-development html html5 javascript npm parcel-bundler react reactjs

Last synced: 15 Feb 2025

https://github.com/testica/bitmap-ts

Bitmap loader + transformations + filters in Typescript (RequireJS)

bitmap canvas typescript

Last synced: 15 Feb 2025

https://github.com/gabemeister/gif-frames

Put text on your gifs quickly and easily

canvas react styled-components

Last synced: 31 Jan 2025

https://github.com/yryryk/mandelbrot-canvas-react

Приложение для визуального ознакомления с множеством Мандельброта с возможностью масштабирования и изменения цветовой схемы. Увеличивайте приграничные области, углубляйтесь в спиральные туннели и заглядывайте в труднодоступные места в поисках необычных картинок.

canvas css3 html5 javascript react

Last synced: 07 Feb 2025

https://github.com/t-mullen/gif-canvas

Easily draw GIFs to canvas.

canvas gif

Last synced: 25 Jan 2025

https://github.com/withxat/chart-png

🏭 A simple Chart.js to Png image converter based on node-canvas / 一个基于 node-canvas 的 Chart.js -> png 转换器

canvas chart chartjs convert converter image node-canvas png

Last synced: 30 Jan 2025

https://github.com/thisis-developer/sketchflow

SketchFlow is a web app for creating digital art 🎨. It features tools like rectangles, circles, brushes, and erasers, providing a seamless canvas experience for artists and creators.

canvas canvas-api canvas-sketch drawing-app html-css-javascript sketch

Last synced: 31 Jan 2025

https://github.com/arman2409/pointscape

npm package of utility functions for working with points in 2D coordinate system

2d area canvas collision-detection distance perimeter points xy

Last synced: 13 Feb 2025

https://github.com/ramarav/kivy_practice

Kivi is an open source python package for animation and game development

button button-widget canvas canvas-game kivy kvlang layouts python

Last synced: 16 Feb 2025

https://github.com/d-buckner/flow-field

Customizable flow field visualization

canvas flowfield vectorfield visualization

Last synced: 06 Feb 2025

https://github.com/danvitoriano/logica

HTML5 canvas and JavaScript experiments

canvas html5 javascript

Last synced: 19 Feb 2025

https://github.com/hollowman6/canvas-ball.js

A colourful ball background drawn on canvas.(彩球运动背景插件)

ball-js canvas

Last synced: 25 Jan 2025

https://github.com/binbiubiubiu/canvas-study

个人canvas学习例子

canvas gallery study-project

Last synced: 01 Feb 2025

https://github.com/icherya/dev-challenge-xvii

🚀 DEV Challenge XVII | Frontend Code Lite

canvas challenge devchallenge js

Last synced: 16 Feb 2025

https://github.com/xiaohuohumax/block-fighting

方块大战(基于html css javaScript)canvas小游戏

canvas css game html javascript jquery

Last synced: 31 Dec 2024

https://github.com/mayankagnihotri7/canvanizer

Create a lean canvas using markdown.

canvas lean react react-router reactjs

Last synced: 15 Feb 2025

https://github.com/janumedia/svelte-image-filters

Canvas Image Filter with Svelte

canvas image-filters rollup svelte svelte-v3

Last synced: 19 Feb 2025

https://github.com/theemperorofdaiviet/platform-game.canvas

Another version using Canvas of the original Platfrom Game.

canvas css3 game html5 javascript

Last synced: 08 Feb 2025

https://github.com/gregzanch/marker

A simple collaborative white board application written in Go + Svelte

canvas collaborate drawing go golang sharable svelte typescript websockets

Last synced: 05 Feb 2025

https://github.com/remcostoeten/inspiration-storage

A place to store any inspiration I come across related to web-development, especially frontend/design.

canvas excalidraw inspiration nextjs personal-projects storage zustand

Last synced: 23 Jan 2025

https://github.com/yoannchb-pro/jimg

Merge multiple images into one single image

canvas compression format image image-processing join merge nodejs resize-images truncate

Last synced: 05 Feb 2025

https://github.com/yoannchb-pro/tetris-ts

Implementation of the tetris game in typescript.

canvas canvas-game game javascript tetris typescript

Last synced: 05 Feb 2025

https://github.com/chaos1ee/game

canvas小游戏

canvas

Last synced: 29 Jan 2025

https://github.com/farazf19/facial-id-app

This web application utilizes React and the MediaPipe Holistic model to facilitate real-time detection of facial and hand landmarks via webcam. It analyzes head orientation, tracks eye blinking, and visually represents landmarks and connections on an interactive canvas. Furthermore, it optimizes performance by efficiently logging relevant data .

canvas eye-blink-detection facial-recognition hand-tracking holistic landmark-detection mediapipe react real-time-processing web-app webcam

Last synced: 31 Dec 2024

https://github.com/schwalbe-t/wein2d.js

Wein2D.js is a library for handling graphics, input and sound for Browser Games in Javascript.

canvas drawing game game-2d game-development html5-canvas html5-game

Last synced: 30 Jan 2025

https://github.com/schwalbe-t/wein2d.js-wasm

Wein2D.js bindings for creating browser games in Rust using WebAssembly.

canvas canvas-game canvas2d game-2d game-dev games html5-canvas html5-game rust webassembly

Last synced: 30 Jan 2025

https://github.com/vscaperrotta/skeleton-generator

Tool to generate skeleton that scale on multiple frameworks.

angular canvas editor framework generator react skeleton skeleton-css skeleton-loading svg vue

Last synced: 05 Feb 2025

https://github.com/bugoverdose/maze-runner

A game where you escape from a maze that is randomly generated with DFS algorithm

bfs-algorithm canvas react styled-components typescript

Last synced: 25 Jan 2025

https://github.com/izzyluuuuh/animate-fireworks

Animate Fireworks Using JavaScript and Canvas

canvas canvas-api javascript

Last synced: 25 Jan 2025

Canvas Awesome Lists
knowledge 569 awesome-canvas 304 awesome-web-visualization-frameworks 57 awesome-web-graphics 102 creative-coding-resources 48
Canvas Categories
Uncategorized 562 Libraries 245 Tutorials 34 Articles 20 🌎 Web Graphics 20 💄 CSS 20 🌈 ETC 19 Books 17 🤹‍♀️ WebGL 14 Talks 12 Plugins 10 🎨 Canvas 8 🕹 DOM 6 Resources Website 5 Courses 5 License 4 📐 SVG 2 Contributor 1 Contributions 1