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/yunir/iad_lw3

Third semester. Internet application development. Third laboratory work.

canvas css facelets javascript jdbc jsf postgresql primefaces xhtml

Last synced: 09 Feb 2025

https://github.com/mat-sz/tetris

🕹️ Tetris written in TypeScript using HTML5 canvas.

canvas canvas-game javascript javascript-game tetris typescript

Last synced: 10 Jan 2025

https://github.com/pawelborkar/doodle

Doodle: Drawing pad you'll gonna love.

canvas color drawing-app drawingboard pawelborkar react-canvas reactjs

Last synced: 10 Feb 2025

https://github.com/yahongie2014/art-glom

CMS for mangment content system

api canvas html-css javascript native php

Last synced: 10 Jan 2025

https://github.com/gurjeetsinghvirdee/canvas-animation

Network particle animation in canvas , Using request Animation Frame

animation canvas particles

Last synced: 01 Jan 2025

https://github.com/en10/html5fighting

A 2D fighting game in JS & Canvas

canvas fighting game js

Last synced: 05 Dec 2024

https://github.com/farab-hussain/engin-site

An impressive 3D animated website built with HTML, CSS, and JS, inspired by Magma Awwwards design. It features captivating scrolling animations using the Canvas API, delivering an immersive and modern user experience.

canvas css html javascript

Last synced: 22 Jan 2025

https://github.com/gurjeetsinghvirdee/canvas-art-generator-in-javascript

This repository houses a collection of JavaScript scripts designed to generate captivating canvas art. By leveraging HTML5 canvas functionality, these scripts produce mesmerizing fractal patterns and intricate shapes, providing users with a dynamic and interactive platform for artistic expression.

canvas fract generative-art interactive javascript shapes

Last synced: 01 Jan 2025

https://github.com/imgss/was

a small js game

canvas js13kgames2019

Last synced: 09 Jan 2025

https://github.com/realign/flow-editor

✏️ A flow editor based on canvas and native javascript.

canvas editor javascript

Last synced: 28 Dec 2024

https://github.com/mudassir0909/analog-stopwatch

Created using HTML5 Canvas

canvas html5 html5-canvas javascript

Last synced: 06 Nov 2024

https://github.com/en10/digitrecog

Canvas to JSON, using Tensorflow & MNIST to predict digit

canvas digit draw js mnist prediction tensorflow

Last synced: 01 Feb 2025

https://github.com/ryan-menezes/pong

Pong é um jogo eletrônico de esporte em duas dimensões que simula um tênis de mesa. O jogador controla uma paleta (barra vertical) no jogo movendo-a verticalmente no lado esquerdo da tela, e compete contra o computador controla uma segunda raquete no lado oposto.

canvas game javascript jogo jogo-pong language-javascript pong pong-game

Last synced: 15 Jan 2025

https://github.com/0xsolanaceae/canvas_filter

Filter out the information Canvas sends back to administrators

canvas privacy userscript

Last synced: 28 Dec 2024

https://github.com/foo123/canvaslite

An html canvas implementation in pure JavaScript

canvas

Last synced: 22 Jan 2025

https://github.com/elniak/dslcanvas

First Scala experience - Scala DSL of canvas library in Javascript

canvas domain-specific-language dsl javascrip oop scala tool

Last synced: 06 Feb 2025

https://github.com/zhhyang/canvas-image-fit-rotate

mock css object-fit with canvas and support rotate

canvas object-fit rotate

Last synced: 14 Feb 2025

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: 01 Feb 2025

https://github.com/d-sketon/reimu-mc-generator

Generate minecraft player and server information images with reimu-mc-generator.

canvas minecraft

Last synced: 27 Oct 2024

https://github.com/gabivlj/hide_seek_webgame

A web game using canvas. Made a little engine and interface to manage everything.

canvas hideandseek javascript web webgame

Last synced: 20 Jan 2025

https://github.com/freyhill/canvas-base-learning

canvas base learning

canvas javascript

Last synced: 02 Jan 2025

https://github.com/gregnb/area-dominant-color

Javascript - Get the Dominant color of an area

canvas javascript

Last synced: 30 Oct 2024

https://github.com/ccworld1000/cccanvas.hexagon

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

canvas cccanvas gpu metal

Last synced: 27 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/jcanno/e-watermark

add watermark by canvas

canvas watermark

Last synced: 30 Jan 2025

https://github.com/ccworld1000/cccanvas

对iOS Metal 颜色,点,线,三角形,面,纹理,金字塔,六边形,七边形,立方体 demo 的封装 [Support Swift and Objective-C]

canvas cccanvas color cube gpu heptagonal hexagon line metal plane pyamid texture triangle

Last synced: 27 Jan 2025

https://github.com/indiana-university/lms-canvas-multiclassmessenger

LTI tool which allows instructors to post an announcement/message to multiple courses at the same time.

announcements canvas lms lti messages

Last synced: 26 Jan 2025

https://github.com/nico-src/pixelart-editor

Pixelart Editor using Javascript and Canvas.

art canvas editor javascript pixelart

Last synced: 11 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/diogo-karma/name-numerology

Name numerology based on Pythagorean table (Vue.js + Bulma.css + Canvas)

bulma-css canvas esoteric numerology pure-javascript vuejs

Last synced: 11 Feb 2025

https://github.com/brunos3d/webdriver-torso-simulator

👻 HTML5 - Um simulador de videos do canal mais misterioso do YouTube.

canvas torso webdriver youtube

Last synced: 07 Jan 2025

https://github.com/deliaz/nanotube

Useless Chrome Extension

canvas chrome-extension

Last synced: 05 Feb 2025

https://github.com/thihathit/matrix_canvas

Matrix canvas js example

canvas html js

Last synced: 18 Jan 2025

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

A minimum snake game written with Canvas and TypeScript

canvas game typescript

Last synced: 05 Jan 2025

https://github.com/prohetamine/emoji-art

🌆 Emoji Art — new creativity, images from emoji

art canvas emoji

Last synced: 20 Jan 2025

https://github.com/andrewjbateman/angular-gauges-realdata

:clipboard: App using npm library 'canvas-gauges' to display real data on analogue gauges

analogue-gauge angular angular17 canvas css3 data-visualization gauges html5 real-time typescript4

Last synced: 27 Dec 2024

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/pixlpa/popet

Image animation GIF maker

animation canvas gifs html5 interactive shaders webgl

Last synced: 18 Jan 2025

https://github.com/sorianog/clippingexampleapp

"ClippingExample" app from Advanced Android with Kotlin Udacity course

android canvas clipping drawing kotlin mobile-app paint

Last synced: 28 Jan 2025

https://github.com/we-gold/rcw

Reasonable Canvas Wrapper is a simple library that intends to thinly yet extensibly wrap the html canvas.

canvas canvas2d game-development rust web web-library webgl

Last synced: 07 Jan 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/tleguern/xpm.js

Draws XPM files in a canvas.

canvas javascript xpm

Last synced: 13 Feb 2025

https://github.com/berkeley-cdss/grade-uploader

Tool to easily upload CSV grades to canvas

canvas csv gradescope javascript

Last synced: 23 Oct 2024

https://github.com/danvitoriano/logica

HTML5 canvas and JavaScript experiments

canvas html5 javascript

Last synced: 29 Dec 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: 07 Feb 2025

https://github.com/pjtunstall/ziggurats

An exercise to help me learn about Canvas animations and MVC architecture, which also turned into an exploration of performance. Arrow keys to pitch and yaw, Z and X to roll. Tab and Q to adjust speed. Click to spawn rectangles from an arbitrary point. Space to reset.

benchmarking canvas loop-unrolling mvc

Last synced: 20 Jan 2025

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

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

canvas image image-mixture

Last synced: 01 Feb 2025

https://github.com/mgobeaalcoba/data_champions_meli

Algorithms and work carried out within the framework of data champions by Mercado Libre

algorithms canvas classification clustering data-science machine-learning python3 scikit-learn

Last synced: 20 Jan 2025

https://github.com/creoone/vario

Simple VR in HTML canvas.

canvas html5 vr

Last synced: 25 Dec 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/gtmmiller/hex-game

A simple canvas implementation of the board game hex

canvas game javascript

Last synced: 09 Jan 2025

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

Canvas animations collection for GatsbyJS.

animations canvas gatsby gatsby-plugin gatsbyjs pittica

Last synced: 09 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/lnardon/realtimedrawingcanvas

A real-time canvas website to draw with people

canvas draw p5js websockets

Last synced: 10 Jan 2025

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

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

canvas image merge

Last synced: 09 Feb 2025

https://github.com/freyhill/css-cool

The best strategy to use CSS

canvas css front-end html javascript less sass scss svg

Last synced: 09 Feb 2025

https://github.com/merhanmustafov/snake-game.js

Snake game with plane JavaScript

canvas cloudflare-pages css game html javascript

Last synced: 27 Dec 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: 13 Feb 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/fiqryq/canvas-camera-crop

simple camera crop using canvas 2D.

camera canvas

Last synced: 26 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/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/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/vinay-kotiya/thirtysixstudio_clone

This Creative website is clone of thirtysixstudio creative agency i created this website learning from sheryains coding school

canvas cursorai gsap-animation locomotive-scroll reactjs

Last synced: 05 Feb 2025

https://github.com/carry0987/canvas-clock

A simple canvas clock

canvas css html javascript

Last synced: 05 Feb 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: 23 Dec 2024

https://github.com/bdshrk/waveform

A web-based audio player with waveform visualisations using JavaScript and HTML5 canvas.

audio audio-player audio-visualizer canvas ffmpeg javascript python waveform

Last synced: 22 Jan 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/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/kyuwoo-choi/chrome-performance-video

Make a webm video from a chrome devtools performance profile.

canvas chrome devtools movie performance timeline video webm

Last synced: 28 Jan 2025

https://github.com/ticklemynausea/almondbread

A Mandelbrot set renderer in html5 canvas with nifty features

canvas fractal html5 mandelbrot react renderer

Last synced: 14 Dec 2024

https://github.com/phenax/canvas-physics

Simulating cool physics problems on a canvas

canvas physics simulation

Last synced: 16 Jan 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/harshkapadia2/canvas-assignment

HTML Canvas college assignment

canvas html-css-javascript

Last synced: 06 Feb 2025

https://github.com/k-sameer701/doodlecraft

DoodleCraft is an intuitive Android app for creating digital art on your screen using multiple colors and brush sizes. Built with Kotlin and Jetpack Compose. Perfect for users of all ages, this app turns your device into a digital canvas where imagination knows no bounds.

android canvas drawing drawing-app github jetpack-compose kotlin paint-application painting

Last synced: 13 Jan 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/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/rjdestigter/topolokus

Performant web based tools for creating and manipulating geospatial data

canvas geojson leaflet reactjs rxjs

Last synced: 02 Feb 2025

https://github.com/fire-eggs/android-inkspill

InkSpill / FloodIt clone for Android

android canvas java

Last synced: 01 Feb 2025

https://github.com/osama-mhmd/eqtibas

Now you can make an eqtibas "Quote in arabic" in Arabic with high resolution and all the customization you want.

api canvas

Last synced: 28 Jan 2025

https://github.com/souvik-223/driven-design

A whiteboarding application called DrivenDesign with added features for systems design and architecture designs of Enginners. People can also join collboratively together in real time discuss there ideas.

canvas clerkauth convex liveblocks nextjs reactjs shadcn-ui tailwindcss typescript

Last synced: 21 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