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/yisibell/mymark

A canvas watermark builder.

canvas watermark

Last synced: 29 Nov 2024

https://github.com/uriid1/inst

Script that adds photos to the canvas of the specified size. Suitable for instagram.

bash canvas filter frame image-magick instagram linux photo photos shell white-square

Last synced: 14 Jan 2025

https://github.com/jfitzsimmons/randommountainfog

Randomly generated mountains with fog. Based on a photo by Karl Shakur.

canvas canvas2d creative-coding generative-art

Last synced: 29 Nov 2024

https://github.com/mdecker-mobilecomputing/ionic_canvasdemo

App shows how to use the canvas element in an Ionic app with Angular

angular canvas github-actions ionic

Last synced: 05 Jan 2025

https://github.com/thormeier/vanillavectors

A simple library written in vanilla JS that represents vectors.

canvas math mathematics vanilla-js vectors

Last synced: 22 Dec 2024

https://github.com/rafaeldevvv/snake-game

It is an implementation of the classic snake game. Try to eat as much food as you can!

canvas canvas-api canvas-game classic-game css game html javascript snake-game

Last synced: 27 Dec 2024

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/aijunrumeng/react-color-picker

react color-picker component for mobile

canvas mobile react

Last synced: 23 Nov 2024

https://github.com/shoaib-fateh/accelerate

Accelerate is a simple HTML5 canvas game where the player controls a character and tries to avoid obstacles.

canvas html javascript

Last synced: 31 Dec 2024

https://github.com/creoone/vario

Simple VR in HTML canvas.

canvas html5 vr

Last synced: 25 Dec 2024

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/yifaneye/air-pen

Drawing 🖋 with cursor or stylus using HTML (Canvas), CSS, JS. I made it for quick sketches when sharing screen during a virtual meeting.

canvas css drawing-app html htmlcanvas javascript

Last synced: 28 Dec 2024

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

Real-Time Web Cam Fun

canvas javascipt tailwind-css

Last synced: 06 Dec 2024

https://github.com/m-mdy-m/canvas-learning-journey

Learning tag canvas in html completely and doing attractive and challenging projects

canvas html5 javascripts

Last synced: 14 Dec 2024

https://github.com/carstenkoenig/tetrisps

Tetris in Purescript using a Canvas

canvas game purescript tetris

Last synced: 29 Nov 2024

https://github.com/t4y3/mceg

MGO Clan Emblem Generator

canvas dnd k-means parcel

Last synced: 15 Jan 2025

https://github.com/sunshine168/createwechatrecord

createWechatRecord

canvas

Last synced: 30 Nov 2024

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/slickcharmer/react-wavesurfer.js

React bindings for wavesurfer.js

canvas react wafesurfer waveform

Last synced: 15 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: 13 Dec 2024

https://github.com/errorstream/levers

Drawing primitives for use in unity editor UIs.

canvas editor graphics gui imgui unity

Last synced: 29 Dec 2024

https://github.com/pittica/gatsby-plugin-canvas-animations

Canvas animations collection for GatsbyJS.

animations canvas gatsby gatsby-plugin gatsbyjs pittica

Last synced: 17 Dec 2024

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

Craziest way of making NFT!

canvas nodejs

Last synced: 25 Nov 2024

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/ccworld1000/cccanvas.hexagon

CCCanvas iOS Metal MetalKit GPU 极简体验Demo之 - 六边形

canvas cccanvas gpu metal

Last synced: 28 Nov 2024

https://github.com/moontai0724/simple-batch-card-maker

一個臨時趕出來，用於批次把文字合成進圖片中的網頁。

canvas image image-mixture

Last synced: 06 Dec 2024

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: 06 Dec 2024

https://github.com/fdhhhdjd/game-language-matching

🎮 This is a game language matching simple code to Javascript.

canvas js react

Last synced: 19 Nov 2024

https://github.com/arxiver/video-annotator

Video annotation portable web app (A canvas based timeline for controlling/annotating HTML5 video objects)

annotation annotator canvas elan frames frameseek graphics html javascript timeline video videoframe videotimeline webapp

Last synced: 15 Jan 2025

https://github.com/l1ve4code/music-visualizer

JavaScript music visualization

canvas js music p5-js p5js

Last synced: 15 Jan 2025

https://github.com/youngluo/merge-image

利用 canvas 在图片上合成文字，文字内容可根据图片宽度自适应。

canvas image merge

Last synced: 17 Dec 2024

https://github.com/laqudee/vue-canvas

在Vue中使用canvas

animation canvas vue3

Last synced: 30 Nov 2024

https://github.com/kriswep/balloon

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

canvas games html5-game inspiration javascript

Last synced: 21 Dec 2024

https://github.com/marcbperez/react-image-crop

An image cropping tool for React.

canvas react typescript

Last synced: 19 Nov 2024

https://github.com/geometryzen/g20mono

Geometric Algebra 2D Graphics Library Monorepo

2d algebra canvas geometric graphics library svg

Last synced: 07 Nov 2024

https://github.com/deonvz/imagetoasciiart

Converts any picture or your live Webcam feed into ascii art. Uses Javascript, P5.js, Asciiart repository and is based on the Coding Train Challenges.

art ascii ascii-art canvas creative-coding drawing generative-art html image image-processing javascript ps5 webcam webcam-streaming webcamera

Last synced: 21 Nov 2024

https://github.com/bpevs/pure_data_typescript

Pure-Data DSP Implementation in Typescript for the Web (WIP)

canvas pure-data typescript web-audio

Last synced: 15 Jan 2025

https://github.com/fiqryq/canvas-camera-crop

simple camera crop using canvas 2D.

camera canvas

Last synced: 27 Nov 2024

https://github.com/sbuckleybonanno/particle-simulation

An experiment with particles, colors and geometry:

2d canvas fluids game javascript particles simulation voronoi-diagram

Last synced: 14 Dec 2024

https://github.com/younusaliakash/vanilla-js-drawing-sketch-pad

This is a sketchbook app. The app is built using HTML Canvas.Here you can draw different types of sketches and they will be automatically saved to the local store.

canvas css dom-manipulation html javascript

Last synced: 05 Dec 2024

https://github.com/nishanbajracharya/canvas

HTML Canvas project bootstrapper.

canvas cli javascript

Last synced: 19 Nov 2024

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: 21 Dec 2024

https://github.com/imgss/mp-poster

生成小程序海报js库

canvas miniprogram poster wxapp

Last synced: 09 Jan 2025

https://github.com/danvitoriano/logica

HTML5 canvas and JavaScript experiments

canvas html5 javascript

Last synced: 29 Dec 2024

https://github.com/tleguern/xpm.js

Draws XPM files in a canvas.

canvas javascript xpm

Last synced: 20 Dec 2024

https://github.com/hossein13m/painting

Simple Painting Web App

canvas nextjs painting react

Last synced: 12 Jan 2025

https://github.com/n8makes/dollars-and-bitcoin-game

A simple web game to get the most points by clicking on falling dollars and bitcoin.

canvas canvas-game game js

Last synced: 20 Dec 2024

https://github.com/akshaypratapsingh09/flipboard

Collaborative Canvas App for simultaneous working

canvas collaborative-editor figma nextjs

Last synced: 21 Dec 2024

https://github.com/mariokreitz/game_dev

This repository is a collection of small projects that demonstrate how to use the Canvas element and the Web Audio API. It is meant to be used as a reference and a learning resource.

canvas canvas-game canvas2d html javascript javascript-game sprite sprite-animation

Last synced: 05 Dec 2024

https://github.com/colinbellino/site

This is the source code for my personal website.

canvas css performance personal-website portfolio vanilla-js

Last synced: 13 Jan 2025

https://github.com/gkjohnson/dma161a-final-project

Spring 2011 UCLA D|MA 161A Network Media Class Final Project

animation canvas class college college-project game javascript

Last synced: 06 Dec 2024

https://github.com/mariokreitz/shadowhound

A side-scrolling jump-and-run game where players control Shadowhound, a small black dog on a journey through a shadowy forest. Defeat monsters with unique abilities, earn points, and survive the dark terrain. The game features a minimalistic black, gray, and white color palette, adding to its eerie, atmospheric world.

canvas canvas-game canvas2d css html javascript javascript-game typescript typescript-game

Last synced: 05 Dec 2024

https://github.com/bayudc/canvas-gravity

A simple implementation of gravity in html5 canvas

canvas html5 vannila-js

Last synced: 23 Nov 2024

https://github.com/kkstrk/flape-pate

Flâpé Pâté is a fan-made version of Dong Nguyen's Flappy Bird in a Critical Role setting.

canvas game game-development gamedev html5 javascript open-source

Last synced: 20 Dec 2024

https://github.com/gregorein/cropclip

CropClip - an i mage cutter web application for cutting and exporting specific regions from images. Supports multiple images, custom cuts, zooming, panning, and dark mode.

canvas crop-image crop-tool dark-mode dark-theme file-saver image-cropping image-editor image-processing javascript joyui jszip light-mode light-theme mui react typescript web-application

Last synced: 06 Jan 2025

https://github.com/gabryon99/dumb_astar

A pretty stupid A* implementation in Javascript.

astar astar-algorithm astar-js bulma-css-framework canvas grid grid-layout html5 javascript

Last synced: 28 Dec 2024

https://github.com/manish1803/3d-text

Interactive 3D text project using Three.js. Real-time rendering with dynamic animations for web graphics.

3d canvas three-js threejs vite web webgl

Last synced: 22 Dec 2024

https://github.com/nim579/fractals

T-fractals web generator

canvas fractal t-fractal

Last synced: 05 Dec 2024

https://github.com/joogswastaken/streamcompanion-taiko-keys-overlay

Mirror of the StreamCompanion taiko keys overlay hosted on gitlab.com

canvas html5 javascript osu

Last synced: 02 Jan 2025

https://github.com/jahredhope/canvas-rock-paper-scissors

Canvas Animation Zero-Player Game

canvas

Last synced: 19 Dec 2024

https://github.com/thiti-dev/rustsnake

Classic 🐍snake game implemented in rust

canvas rust snake-game stdweb webassembly

Last synced: 06 Jan 2025

https://github.com/adaiasmagdiel/spotify-card-lyric

A simple web application that allows you to create beautifully formatted lyric cards in the style of Spotify. Simply input the album cover URL, song name, artist name, and snippets of the song's lyrics.

art canvas javascript

Last synced: 06 Jan 2025

https://github.com/atif-aqeel/html5-canvas

Fun with HTML5 Canvas

canvas draw html5

Last synced: 28 Dec 2024

https://github.com/riccardoscalco/canvas-fill-text-on-arc

Utility function for drawing text on an arc using the canvas API.

arc browser canvas circle html5 text

Last synced: 06 Dec 2024

https://github.com/damiancipolat/stickjs

Este script fue creado para participar del concurso JS1K 2013.

canvas html5 js js1k

Last synced: 28 Dec 2024

https://github.com/katerinutkina/pdf-crop

React + TypeScript + Vite + Tailwind

canvas pdf react tailwind typescript vite

Last synced: 24 Dec 2024

https://github.com/en10/canvastopng

HTML canvas to PNG with node.js

canvas javascript nodejs png

Last synced: 05 Dec 2024

https://github.com/hibi221b/javascript-shooting-game

a 2D side-scroller shooting game using JavaScript, which consist of only index.html. 🎮

browser-game canvas game game-2d html5 javascript shooting-game

Last synced: 05 Dec 2024

https://github.com/en10/ellipseblink

Simple Blink with Ellipse

canvas ellipse javascript

Last synced: 05 Dec 2024

https://github.com/thiti-dev/snap-mixed-feels

A quick casual web application that allows you to mix up your feelings and then generate the screen capture of a random picture and a random quote that suit for it

canvas context-api html2canvas materialize react react-hooks scss styled-components typescript

Last synced: 06 Jan 2025

https://github.com/akihokurino/canvas-puzzle

javascript app of canvas.

canvas javascript

Last synced: 05 Dec 2024

https://github.com/xgqfrms/front-end-web-interview-guide

Front End Web Interview-Guide 🚀 Web 前端面试指南(面经)

canvas css css3 es6 front-end guide html html5 interview javascript svg web web-api

Last synced: 14 Dec 2024

https://github.com/yizhezhang-ervin/app_game_jslib

Canvas + WebGL + MelonJS + Multiplayer

canvas element-ui express melonjs mysql socket-io unity3d vue webgl

Last synced: 06 Jan 2025

https://github.com/buzzcosm/pong-vanilla-js-app

ZTM Cours (javaScript Web Projects) - No. 20: Pong

canvas canvas-animation canvas-game canvas2d vanilla-js ztm ztm-course-exercises

Last synced: 23 Nov 2024

https://github.com/joogswastaken/streamcompanion-overlay-template

Mirror of the StreamCompanion overlay template hosted on gitlab.com

canvas html5 javascript osu

Last synced: 02 Jan 2025

https://github.com/we-lib/auto-favicon

Sets favicon for you based on title, with emoji support.

canvas emoji favicon

Last synced: 06 Dec 2024

https://github.com/arbaaz/canvas-server

Given a string, Server will written video of that string.

canvas canvasjs node-canvas pixijs

Last synced: 05 Dec 2024

https://github.com/andre2l2/gameus

A game make for web browser

canvas game javascript

Last synced: 06 Jan 2025

https://github.com/iunary/govas

Basic realtime canvas drawing with Golang and Websocket

canvas collaboration drawing golang javascript realtime websocket

Last synced: 28 Dec 2024

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