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/craftingweb/nadalvsfederer

Experience the nostalgia of the arcade with the NadalVSFederer, where you can enjoy the timeless fun of the beloved game of ping pong right from your browser. With its simple yet addictive gameplay, this web app promises hours of entertainment for players of all ages.

canvas canvas-game canvas2d

Last synced: 12 Jan 2025

https://github.com/chuksjoshuaa/project_threejs_ai

Create your own style with our new 3D Swag Customization App. Pick colors, add logos, and try AI designs to make your virtual swag unique. Built using React.js, Three.js, and OpenAI to show the usage of a 3D world with AI

canvas reactjs tailwindcss threejs valtio

Last synced: 12 Jan 2025

https://github.com/kucingkode/krayonjs

Make javascript Canvas API simpler and easier for drawing 2D graphics

2d canvas canvas-2d-context canvas2d canvasjs drawing-library frontend graphics javascipt javascript-library typescript-library

Last synced: 17 Jan 2025

https://github.com/coordinate-cat/p5-test

p5.js test repository

canvas p5js

Last synced: 22 Jan 2025

https://github.com/jcanno/e-watermark

add watermark by canvas

canvas watermark

Last synced: 30 Jan 2025

https://github.com/getrighhttt/grdrawingapp

App serves as a kid's drawing application!

android canvas event-li kotlin permission-android sharing-data

Last synced: 07 Feb 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/deliaz/nanotube

Useless Chrome Extension

canvas chrome-extension

Last synced: 05 Feb 2025

https://github.com/piyushchauhan2011/piktochart-create-editor-test

single page application that allows user to add text and image into canvas

canvas editor javascript

Last synced: 21 Oct 2024

https://github.com/anshulmalik/parium

Awesome and simple car racing game

canvas electron game

Last synced: 14 Jan 2025

https://github.com/vladyspavlov/html5-canvas-speedometer

Fully functional car speedometer created with pure JavaScript and HTML5 Canvas

canvas car-speedometer html javascript speedometer

Last synced: 17 Dec 2024

https://github.com/sonph/metronome

Web-based metronome with beat counter and song charting.

canvas javascript metronome music musician webaudio

Last synced: 16 Jan 2025

https://github.com/moontai0724/forum-cover-bullet-screen-effect

A canvas practice for generate a cover image with bullet screen effect for welcome message in Bahamut forum.

bahamut bullet-screen canvas vue-cli vuejs

Last synced: 01 Feb 2025

https://github.com/mkhan45/canvas

Draw on an image and blur it with FFT

android canvas fft image image-processing

Last synced: 16 Jan 2025

https://github.com/gustavoherreronunes/flappy_bird-jogo_javascrpit

🐦 Jogo inspirado no Flappy Bird, desenvolvido em Javascript e tendo como base o projeto da serie de vídeos do canal "Dev Soutinho" no Youtube, que apresenta um tutorial para a criação deste jogo.

canvas canvas-game game javascript javascript-game js

Last synced: 18 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/jamartg/interactive-zombie-animations

Zombie Sprite animations simulator created with Javascript Canvas API

canvas typescript vercel webpack

Last synced: 06 Jan 2025

https://github.com/gtmmiller/hex-game

A simple canvas implementation of the board game hex

canvas game javascript

Last synced: 09 Jan 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/codecraft26/sketch-book

SketchPad Pro is a dynamic and interactive online sketchbook that brings your creativity to life through the power of Socket.IO and the Canvas API. Unleash your artistic potential and connect with others in real-time, as you craft, collaborate, and share.

canvas frontend nextjs socket-io

Last synced: 11 Jan 2025

https://github.com/parasss19/js-project6

Real-Time Web Cam Fun

canvas javascipt tailwind-css

Last synced: 01 Feb 2025

https://github.com/topaz1008/canvas-particle-system

Emitter Based Particle System in Javascript

canvas html5-canvas javascript particle-system particles

Last synced: 22 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/ankitkumar8080/excalidraw-clone

A drawing application that lets you create and manipulate drawings effortlessly on a digital canvas, like excalidraw does.

2d canvas drawing-app drawingboard excalidraw-clone nextjs perfect-freehand roughjs typescript

Last synced: 19 Feb 2025

https://github.com/yisibell/mymark

A canvas watermark builder.

canvas watermark

Last synced: 28 Jan 2025

https://github.com/kriswep/balloon

Small and simple HTML game. Catch 'n plop all the balloons.

canvas games html5-game inspiration javascript

Last synced: 13 Feb 2025

https://github.com/gmartigny/canvas-fill-and-stroke

fillAndStroke proposal for CanvasRenderingContext2D

canvas documentation proposal whatwg

Last synced: 16 Feb 2025

https://github.com/skorotkiewicz/wykop-uniq-avatar

Avatars for the Wykop.pl generated from user nickname

canvas tampermonkey tampermonkey-userscript wykop wykoppl

Last synced: 31 Jan 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/taggagii/midpointshapes

Some graphics stuff that makes shapes from the midpoints of the edges of old shapes and moves them around. Looks kinda cool

canvas html-canvas html-canvas-art midpoint taggagii

Last synced: 16 Jan 2025

https://github.com/incaves/management-two

Element学习 后台管理

axios canvas echarts mock sass vue vue-router vuex

Last synced: 11 Jan 2025

https://github.com/carstenkoenig/tetrisps

Tetris in Purescript using a Canvas

canvas game purescript tetris

Last synced: 28 Jan 2025

https://github.com/zxdong262/canvas-shapes-bg

Draw simple shape moving animation in canvas as webpage background

animation background canvas

Last synced: 04 Feb 2025

https://github.com/heineiuo/node-code-screenshot

Take a screenshot photo for code by node.js, written in pure javascript, no native dependencies

canvas code-screenshot graphics nodejs pure-javascript screenshot

Last synced: 19 Jan 2025

https://github.com/g-otn/canvas-mouse-network

HTML5 Canvas animation with JavaScript that draws lines with the mouse position

art canvas canvas-animation html5 javascript mouse-movement

Last synced: 17 Jan 2025

https://github.com/oceanpresentchao/peintre2

A configurable light canvas painter component with Vue3.可配置的轻量级Vue3画板组件

canvas painter typescript vue vue3

Last synced: 12 Nov 2024

https://github.com/magnateape/candy_crush_canvas

Simple Candy crush game using HTML, CSS, JavaScript, Canvas

canvas css html javasc

Last synced: 28 Jan 2025

https://github.com/ullaskunder3/sprite-animations

Using sprite sheet to animate motion in 2D

animation canvas javascript p5js sprite-animation spritesheet

Last synced: 08 Feb 2025

https://github.com/astro-gram/aurora

This is my game engine using the HTML Canvas API.

canvas game-engine html5 no-dependencies

Last synced: 15 Jan 2025

https://github.com/thibaudcolas/browser-games

A bunch of little browser games and experiments (Canvas API, Web GL, etc).

browser-game canvas javascript

Last synced: 10 Feb 2025

https://github.com/guerreiropedr0/canvas-tutorial

Initial introduction to canvas project

canvas html javascript

Last synced: 02 Feb 2025

https://github.com/fralonra/wgs-player

WGS player for the Web

canvas pixel-shader webgl2 wgs wgsl

Last synced: 13 Feb 2025

https://github.com/1weiho/icygang-product-card

A product card image generator for ICYGANG instagram story and post

canvas instagram

Last synced: 06 Feb 2025

https://github.com/kingdido999/snake

A JS + HTML canvas implementation of the classical snake video game.

canvas game javascript snake

Last synced: 15 Jan 2025

https://github.com/kid-1912/fabric-eraser-brush

fabric.js添加擦除画笔支持，来源于官方自定义构建(Erasing)作为npm包；fabric.js adds erasing brush support, sourced from the official custom build (Erasing) as an npm package;

brush canvas eraser fabricjs

Last synced: 14 Oct 2024

https://github.com/rofiyev/paint_clone

Paint Clone

canvas css html javascript

Last synced: 21 Jan 2025

https://github.com/harshkapadia2/canvas-assignment

HTML Canvas college assignment

canvas html-css-javascript

Last synced: 06 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/mathieucaroff/snake

A simple non-ticking snake game which supports playing with any board size

2d canvas game minimalist snake

Last synced: 02 Jan 2025

https://github.com/t4y3/mceg

MGO Clan Emblem Generator

canvas dnd k-means parcel

Last synced: 15 Jan 2025

https://github.com/topaz1008/canvas-raytracer

A Simple Javascript Raytracer

canvas javascript raytracer raytracing

Last synced: 22 Jan 2025

https://github.com/topaz1008/canvas-node-garden

Javascript node garden effect using a uniform grid for space partitioning

canvas collision-detection graphics-programming javascript particles space-partitioning

Last synced: 22 Jan 2025

https://github.com/jrie/moonlander

A HTML5 canvas moonlander game

canvas html5 javascript moonlander

Last synced: 03 Feb 2025

https://github.com/arcatdmz/jest-environment-jsdom-with-canvas

Jest environment with jsdom v13 and node-canvas v2

canvas jest jsdom

Last synced: 12 Nov 2024

https://github.com/rhx/swiftgtkcairoanimationdemo

A simple demo drawing an animation on a canvas using SwiftGtk and SwiftCairo.

animation canvas gtk gtk3 gtk4 linux macos swift xcode

Last synced: 28 Jan 2025

https://github.com/rhx/swifthellocairogtk

A simple 'hello-world' app showing how to draw on a canvas using SwiftCairo and SwiftGtk

cairo canvas draw drawing gtk gtk3 gtk4 linux macos swift

Last synced: 28 Jan 2025

https://github.com/ryanlarge13/altos-odyssey-clone

Building a clone of the popular Alto's Odyssey mobile game for android but instead for the web

canvas game-development javascript oop

Last synced: 10 Feb 2025

https://github.com/avivharuzi/compare-images

Compare images by every pixel in the browser

angular browser canvas image image-processing javascript typescript

Last synced: 15 Jan 2025

https://github.com/m5x5/ish-game

This game was created for learning purposes

2d-game canvas css game html ish ish-game javascript rpg rpg-game web

Last synced: 05 Jan 2025

https://github.com/who8mylunch/jupyter_canvas_widget

HTML5 canvas-based image-display widget

canvas html5-canvas image ipywidgets jupyter numpy-arrays

Last synced: 17 Jan 2025

https://github.com/trimscash/trimscash.github.io

you can easy to make pictograms. ピクトグラム作るやつ 🏃‍♀️🧎‍♀️🕺

canvas emoji html html5 html5-canvas javascript pictogram

Last synced: 07 Jan 2025

https://github.com/eugenedakin/showtextatcanvaspoint

Show text at a Canvas Mouse Point that contains a square

canvas draw drawing text xojo

Last synced: 01 Feb 2025

https://github.com/yuki-torii/learn-canvas

learn-canvas

canvas tutorial

Last synced: 12 Jan 2025

https://github.com/cdaein/vite-plugin-ssam-timelapse

Export a Canvas image at each file save. Use it with Ssam or other Canvas libraries

canvas creative-coding generative-art ssam timelapse vite vite-plugin

Last synced: 01 Feb 2025

https://github.com/yangjiakai/jk-canvas-advance

Html5 Canvas 高级进阶

canvas js

Last synced: 09 Jan 2025

https://github.com/binotto/animated_solar_system

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

canvas html javascript

Last synced: 11 Jan 2025

https://github.com/amitu/canvator

Python module to draw in canvas (educational tool)

canvas canvas-game education learning

Last synced: 15 Jan 2025

https://github.com/anurag-singh17/magma

Magma Clone: A fully responsive and animated website inspired by Magma, offering a seamless and dynamic user experience across all devices.

canvas canvas2d css3 gsap html5 javascript locomotive

Last synced: 02 Feb 2025

https://github.com/yeonjuan/2ico

Generate ico from canvas

canvas favicon ico

Last synced: 13 Jan 2025

https://github.com/rishabh3562/collab-tool

Collabwrite: A collaborative diagramming tool . Real-time canvas, chat, and seamless teamwork, built with Next.js and Appwrite.

appwrite canvas chat collaboration drawingboard nextjs realtime tool website

Last synced: 15 Feb 2025

https://github.com/austintoddj/trycanvas

Source for trycanvas.app

canvas tailwindcss vite vuejs

Last synced: 06 Jan 2025

https://github.com/onjoseph/herostickgame

A simple game built using HTML5 Canvas and JavaScript

canvas canvas-game css3 html5 javascript

Last synced: 04 Feb 2025

https://github.com/oguzhanumutlu/physics-engine

Physics engine that I made with the things we learned in school

canvas engine javascript js newton physics physics-engine render web

Last synced: 17 Feb 2025

https://github.com/slickcharmer/react-wavesurfer.js

React bindings for wavesurfer.js

canvas react wafesurfer waveform

Last synced: 15 Jan 2025

https://github.com/vilhalva/jogo-da-cobrinha

☑️JOGO EM HTML/CSS/JS.

canvas codigo css html javascript jogo projeto

Last synced: 19 Feb 2025

https://github.com/bmpickford/tinycanvas

Minimal library for making small canvas based 2D games

canvas jsk13

Last synced: 21 Jan 2025

https://github.com/djplaner/canvas-collections

Transform Canvas LMS modules by adding structure, visuals, and context

canvas canvaslms

Last synced: 06 Feb 2025

https://github.com/steenhansen/rxjs-breakout

Multi-ball breakout written in JavaScript with RxJs and ImmutableJs

canvas es6 immutablejs javascript multi-ball-breakout rxjs touch

Last synced: 30 Jan 2025

https://github.com/himanshurajora/sword-engine

A Simple to use javascript game engine

canvas game game-development game-engine

Last synced: 08 Feb 2025

https://github.com/squishy123/asteroids

An asteroids game built using HTML canvas

asteroids canvas game html javascript

Last synced: 06 Feb 2025

https://github.com/guillaume-gomez/tile-and-square

A mix of tiles in canvas moving slowly

art artnet canvas react

Last synced: 10 Feb 2025

https://github.com/9am/img-halftone

A web component turns <img> into halftone 🥑

canvas cmyk custom-element halftone img webcomponent

Last synced: 26 Jan 2025

https://github.com/talenfisher/canvas

Lightweight canvas 2D library for TypeScript

2d canvas painting

Last synced: 13 Feb 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