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/merhanmustafov/snake-game.js

Snake game with plane JavaScript

canvas cloudflare-pages css game html javascript

Last synced: 27 Dec 2024

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

https://github.com/bohdanmoroziuk/react-drawing-board

A simple Paint clone created with React, TypeScript and Redux Toolkit.

canvas drawing-board paint-application react redux-toolkit typescript

Last synced: 20 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/creoone/vario

Simple VR in HTML canvas.

canvas html5 vr

Last synced: 25 Dec 2024

https://github.com/nemtsov/tiny-canvas-image-scaler

Canvas-based image-scaling utility.

canvas image javascript scaling

Last synced: 29 Nov 2024

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/tomashubelbauer/leveret

A TypeScript+Bun+`canvas`-based "web browser"! My submission to the first-ever Browser Jam organized by @awesomekling

bun bun-js canvas napi-rs web-browser

Last synced: 10 Oct 2024

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/akashkobal/travel-tracker

This web application allows users to track the countries they have visited. Users can add country names, and the visited countries will be visualized on a map using Canvas. The app is built using HTML, CSS, JavaScript, EJS for templating, and PostgreSQL for database management.

akash akash-kobal canvas css ejs html javascript mini-project nodejs postgresql travel-tracker web-application

Last synced: 05 Dec 2024

https://github.com/kubk/image-pixel-manipulation

Allows to apply various effects/filters on images using Canvas

canvas es6 reactjs redux scss

Last synced: 23 Nov 2024

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

A halloween scenery story

canvas html5 threejs

Last synced: 20 Dec 2024

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

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

canvas image merge

Last synced: 17 Dec 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/cobypear/generative-canvas

Generative art using canvas API

canvas generative-art

Last synced: 30 Dec 2024

https://github.com/tyom/memify

Create memes on the fly

canvas konva micro node now puppeteer serverless vue

Last synced: 24 Dec 2024

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: 12 Oct 2024

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

A Simple Javascript Raytracer

canvas javascript raytracer raytracing

Last synced: 12 Oct 2024

https://github.com/hlorenzi/jislozt

👾 A little arcade game that blends Tetris and Space Invaders! https://hlorenzi.github.io/jislozt/

action arcade arcade-game canvas canvas-game game html5 javascript javascript-game puzzle space-invaders tetris

Last synced: 19 Nov 2024

https://github.com/xgqfrms/webgl

WebGL for 3D Web Animation specially good effect !

canvas canvas2d canvas3d opengl opengl-es threejs webgl

Last synced: 14 Dec 2024

https://github.com/hsingyin/struts2test5

SSH课程小例子，Struts2+hibernate，后续更新整合

bootstrap canvas hibernate javascript jsp struts2

Last synced: 28 Dec 2024

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

Funny site, made with Canvas API 🖌️

canvas css html javascript

Last synced: 20 Dec 2024

https://github.com/pushpendra-1697/face_recognition

Using face-api.js for real-time face detection, this project enables developers to implement facial recognition features seamlessly into web applications, enhancing user experiences with advanced image processing capabilities.

canvas face-api-js face-detection face-recognition reactjs video

Last synced: 06 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/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/huanhulan/battle_of_paradigms

Battle between OOP paradigm and FRP paradigm by implementing drag&drop example

canvas frp sodium sodium-library sodium-typescript

Last synced: 10 Jan 2025

https://github.com/husseyexplores/simple-scene

Simple canvas without any fuss

canvas html-canvas

Last synced: 14 Dec 2024

https://github.com/worthant/simple-one-page-website

🕸️ Website with canvas graph validation

canvas css html javascript php toastify-js

Last synced: 09 Jan 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: 19 Nov 2024

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

simple camera crop using canvas 2D.

camera canvas

Last synced: 27 Nov 2024

https://github.com/cdaein/canvas-mp4-stream

A basic example to export canvas animation to mp4 video

canvas creative-coding export generative-art mp4 video

Last synced: 12 Dec 2024

https://github.com/talenfisher/canvas

Lightweight canvas 2D library for TypeScript

2d canvas painting

Last synced: 20 Dec 2024

https://github.com/kodie/spontaneous-text

A node module that draws the provided text string onto the provided image in a random font, color, size, and position.

canvas draw font image javascript nodejs picture random text

Last synced: 20 Nov 2024

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

个人canvas学习例子

canvas gallery study-project

Last synced: 06 Dec 2024

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: 29 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: 29 Nov 2024

https://github.com/mertcanaltin/adressimg

Adress img resimlerinizi birer sulu boya portresine dönüştürür #img

canvas color image js

Last synced: 14 Dec 2024

https://github.com/austintoddj/trycanvas

Source for trycanvas.app

canvas tailwindcss vite vuejs

Last synced: 06 Jan 2025

https://github.com/tuttarealstep/drawing-password-generator

Generate your password by drawing it 🔑

browser canvas css drawing html javascript password

Last synced: 06 Dec 2024

https://github.com/boddepallyvenkatesh06/reimagine-website

The ReImagine Website project is focused on developing a cutting-edge, interactive, and aesthetically pleasing website.

canvas html5 netlify-deployment responsive-design rest-api scss

Last synced: 06 Dec 2024

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

add watermark by canvas

canvas watermark

Last synced: 03 Dec 2024

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

The best strategy to use CSS

canvas css front-end html javascript less sass scss svg

Last synced: 17 Dec 2024

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

https://github.com/eugenedakin/showtextatcanvaspoint

Show text at a Canvas Mouse Point that contains a square

canvas draw drawing text xojo

Last synced: 06 Dec 2024

https://github.com/eugenedakin/hexagonal-grid-xojo-version-2

Draw a Hexagonal Grid with Xojo - Updated

api2 canvas draw grid hexagonal-grids xojo

Last synced: 06 Dec 2024

https://github.com/eugenedakin/hexagonalgridxojo

Draw a hexagonal grid in Xojo

api1 canvas draw grid hexagonal-grid xojo

Last synced: 06 Dec 2024

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/keupoz/colorwheel2

Simple HSV color wheel for HTML

canvas colorpicker colorwheel hsl hsv html rgb typescript

Last synced: 29 Nov 2024

https://github.com/yisibell/mymark

A canvas watermark builder.

canvas watermark

Last synced: 29 Nov 2024

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

Real-Time Web Cam Fun

canvas javascipt tailwind-css

Last synced: 06 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/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/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/getrighhttt/grdrawingapp

App serves as a kid's drawing application!

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

Last synced: 14 Dec 2024

https://github.com/mayankagg9722/joystickandroid

Use Joystick on phone to control QuadCopter or IoT based Car. Bézier curve is also used for designing custom layouts or background on canvas.

android canvas control-quadcopter joystick

Last synced: 01 Dec 2024

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

fillAndStroke proposal for CanvasRenderingContext2D

canvas documentation proposal whatwg

Last synced: 25 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/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/mizok/marquee-cube-demo

marquee-cube-demo

canvas three-js

Last synced: 20 Dec 2024

https://github.com/rjdestigter/topolokus

Performant web based tools for creating and manipulating geospatial data

canvas geojson leaflet reactjs rxjs

Last synced: 08 Dec 2024

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/f-loat/casualplay

✨Some of my small projects

canvas demo svg

Last synced: 06 Dec 2024

https://github.com/avindra/snake

:snake: minimal JavaScript snake (renders to 2d canvas)

2d-canvas canvas game javascript snake typescript webaudio

Last synced: 16 Nov 2024

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/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/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/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/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/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/sorianog/clippingexampleapp

"ClippingExample" app from Advanced Android with Kotlin Udacity course

android canvas clipping drawing kotlin mobile-app paint

Last synced: 29 Nov 2024

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

Interactive maps using d3 and canvas

canvas d3 map maps react

Last synced: 21 Dec 2024

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/freyhill/canvas-base-learning

canvas base learning

canvas javascript

Last synced: 02 Jan 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/vilhalva/jogo-da-cobrinha

☑️JOGO EM HTML/CSS/JS.

canvas css html javascript jogo projeto

Last synced: 29 Dec 2024

https://github.com/devsubid/sine-wave

Interactive Sine Wave in Canvas

canvas nextjs sinewave typescript

Last synced: 28 Dec 2024

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

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

Simulating cool physics problems on a canvas

canvas physics simulation

Last synced: 16 Nov 2024

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

https://github.com/peteee/threejs-demos

Different geometries, materials, svgloader & collada import (via Blender)

3d blender canvas collada-importer dae three-js threejs threejs-example threejs-learning

Last synced: 07 Jan 2025

https://github.com/tengge1/simple-map

使用canvas和bing地图制作的简单地图，支持平移、缩放。

bing canvas html5 javascript map

Last synced: 14 Nov 2024

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

🌆 Emoji Art — new creativity, images from emoji

art canvas emoji

Last synced: 19 Nov 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 21 🌎 Web Graphics 20 Articles 20 🌈 ETC 19 Books 17 🤹‍♀️ WebGL 16 Talks 12 Plugins 10 🎨 Canvas 9 🕹 DOM 6 Courses 5 Resources Website 5 License 4 📐 SVG 2 Contributor 1 Contributions 1