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/sallar/led-matrix-simulator

:crystal_ball: A simple HTML5 LED Matrix Simulator for fun

canvas led-display led-matrix-displays ledmatrix preact

Last synced: 09 Nov 2024

https://github.com/feross/capture-frame

Capture video screenshot from a `<video>` tag (at the current time)

browser canvas capture frame javascript screenshot video

Last synced: 13 Nov 2024

https://github.com/positlabs/temporalis

Slit-scan webcam with canvas

canvas getusermedia glitch glitch-art trippy webcam

Last synced: 01 Nov 2024

https://github.com/nathanielw/party-ify

Website that turns any image into party-parrot style animated GIF

canvas emoji party-parrot slack

Last synced: 05 Nov 2024

https://github.com/kyranet/canvas-constructor

An ES6 utility for canvas with built-in functions and chained methods.

canvas chain-methods draw font-rendering image-generation image-rendering node-canvas

Last synced: 22 Oct 2024

https://github.com/yiliang114/vue-thanos-snap

thanos snap animation by vue

canvas thanos vue

Last synced: 07 Aug 2024

https://github.com/muyunyun/yunban

fullstack movie & music proj(rebuilding)

canvas mongodb nodejs react sass

Last synced: 27 Oct 2024

https://github.com/razztyfication/vue-drawing-canvas

VueJS Component for drawing on canvas.

canvas draw drawing signature vue vue2 vue3 vuejs

Last synced: 14 Nov 2024

https://github.com/cdaein/ssam

Ssam.js is a creative coding helper that provides animation loop, git snapshot, video export, time lapse and more.

canvas canvas-animation create-ssam createssam creative-coding generative-art glsl mp4 ssam

Last synced: 31 Oct 2024

https://github.com/kreshikhin/clumsy

A library written on node.js for creating math figures on HTMLCanvas in XKCD style.

animation axis canvas drawing

Last synced: 08 Nov 2024

https://github.com/summer-andy/topology-react

Topology-react 是一款开源的基于canvas+javascript+react的绘图引擎 example 🎉

canvas react

Last synced: 27 Oct 2024

https://github.com/saucxs/captcha-mini

captcha-mini.js是一个生成验证码的插件，使用js和canvas生成的，确保后端服务被暴力攻击，简单判断人机以及系统的安全性，体积小，功能多，支持配置。展示地址：https://www.mwcxs.top/static/testTool/demo/index.html

canvas captcha captcha-mini javascript

Last synced: 07 Nov 2024

https://github.com/konvajs/ng2-konva

Angular & Canvas - JavaScript library for drawing complex canvas graphics using Angular.

angular angular2 canvas canvas-animation konva konvajs ng2 shape

Last synced: 10 Nov 2024

https://github.com/johnsorrentino/center.js

Center.js is a HTML5 Canvas based library that allows you to create simple text based icons, avatars, logos, and more.

avatars canvas html5 html5-canvas icons logos

Last synced: 04 Nov 2024

https://github.com/ucfopen/UDOIT

The Universal Design Online content Inspection Tool, or UDOIT (pronounced, “You Do It”) enables faculty to identify accessibility issues in their Learning Management System. It will scan a course, generate a report, and provide resources on how to address common accessibility issues.

a11y accessibility canvas canvas-api canvas-lms edtech eduapp education hacktoberfest instructure lti section-508 udl

Last synced: 06 Nov 2024

https://github.com/ucfopen/udoit

The Universal Design Online content Inspection Tool, or UDOIT (pronounced, “You Do It”) enables faculty to identify accessibility issues in their Learning Management System. It will scan a course, generate a report, and provide resources on how to address common accessibility issues.

a11y accessibility canvas canvas-api canvas-lms edtech eduapp education hacktoberfest instructure lti section-508 udl

Last synced: 09 Nov 2024

https://github.com/transitive-bullshit/react-starfield-animation

✨ Canvas-based starfield animation for React.

animation canvas component react starfield

Last synced: 07 Nov 2024

https://github.com/ddzy/ts-utility-plugins

:octocat: Useful plugins library, including Canvas、Business、Utility and more

business canvas plugins typescript

Last synced: 27 Oct 2024

https://github.com/wanglin2/videotimeline

一个简单的Vue2视频时间轴组件

canvas time-axis timeline

Last synced: 14 Oct 2024

https://github.com/tradex-app/TradeX-chart

TradeX Chart is a trade / stock chart written in plain (vanilla) JavaScript with mobile support

canvas chart crypto cryptocurrency javascript mobile mobile-web nextjs react stock-chart talib technical-analysis technical-indicators trading

Last synced: 09 Nov 2024

https://github.com/tradex-app/tradex-chart

TradeX Chart is a trade / stock chart written in plain (vanilla) JavaScript with mobile support

canvas chart crypto cryptocurrency javascript mobile mobile-web nextjs react stock-chart talib technical-analysis technical-indicators trading

Last synced: 10 Oct 2024

https://github.com/vincerubinetti/svg-to-png

Convert SVG to PNG right in your browser, reliably and correctly

canvas html javascript react svg tool u54od036472 web-app

Last synced: 01 Nov 2024

https://github.com/HearthSim/Sunwell

Canvas-based high quality Hearthstone card renderer - no longer maintained

canvas card hearthstone

Last synced: 10 Nov 2024

https://github.com/fzipp/canvas

Draw on an HTML 2D canvas in a web browser from a server program using WebSockets.

2d 2d-graphics canvas canvas-api canvas2d drawing go golang graphics websockets

Last synced: 14 Nov 2024

https://github.com/victorqribeiro/randomFractal

Random fractal or the secret behind my tree

canvas fractal javascript

Last synced: 03 Aug 2024

https://github.com/akira-cn/node-canvas-webgl

Integration of node-canvas and headless-gl.

canvas node-canvas node-webgl nodejs webgl

Last synced: 04 Sep 2024

https://github.com/tomhumphries/infinitecanvaswhiteboard

An infinite whiteboard built using a canvas element

canvas infinite scaling touchscreen whiteboard

Last synced: 08 Nov 2024

https://github.com/transitive-bullshit/react-particle-animation

✨Canvas-based particle animation for React.

animation canvas react react-component

Last synced: 31 Oct 2024

https://github.com/CurriculumAssociates/canvas-latex

Bringing quick and beautiful math-typesetting to HTML5's canvas.

canvas createjs html5 javascript katex latex math mathml pixijs

Last synced: 04 Aug 2024

https://github.com/zzarcon/video-snapshot

Get snapshots from a video file in the browser :movie_camera: :sunrise:

browser canvas capture preview screenshot snapshot thumbnail video

Last synced: 03 Aug 2024

https://github.com/Sunny-117/text-image

🐛🐛🐛 Text image can "textify" text, images, and videos, and can be used with simple configuration

canvas text-image textify

Last synced: 04 Nov 2024

https://github.com/patwie/excalidraw-complete

Effortlessly self-host Excalidraw with a single Go binary. Supports multiple storage options and real-time collaboration.

canvas collaboration excalidraw whiteboard

Last synced: 31 Oct 2024

https://github.com/robertcoopercode/animated-grid-lines

A react component that renders an interactive grid with lines that shoot out from a user's cursor on hover.

animation canvas react typescript

Last synced: 28 Oct 2024

https://github.com/nitin42/react-tint

A React component that applies image processing filters to an image using Processing

canvas image-processing p2d processing processingjs react web webgl

Last synced: 28 Oct 2024

https://github.com/maheshj01/Paint-Redesigned

A flutter Desktop App to do free drawing on the canvas.

canvas dart desktop flutter paint

Last synced: 03 Nov 2024

https://github.com/simonbs/infinitecanvas

🖌 Infinite canvas using PencilKit

canvas drawing ios

Last synced: 22 Oct 2024

https://github.com/jstrait/city-tour

A procedurally generated city built with WebGL and three.js

canvas city procedural-generation threejs webgl

Last synced: 26 Oct 2024

https://github.com/dfa1234/ngx-image-compress

Angular library for uploading and compressing images

angular canvas compression image-processing upload-images

Last synced: 26 Oct 2024

https://github.com/alisaitteke/seatmap-canvas

Typescript base multi-block supporting open source seat selection framework

booking canvas d3 seat seat-picker seat-selection seatmap seatmap-canvas seatselection selection stadium

Last synced: 13 Nov 2024

https://github.com/sunny-117/text-image

🐛🐛🐛 Text image can "textify" text, images, and videos, and can be used with simple configuration

canvas text-image textify

Last synced: 31 Oct 2024

https://github.com/rolyatmax/sketches

basically the entirety of my sketching practice

canvas creative-coding generative-art javascript

Last synced: 31 Oct 2024

https://github.com/bupt-hjm/boomgo

一个基于canvas的原生js图片爆炸插件

canvas

Last synced: 27 Oct 2024

https://github.com/I2Djs/I2Djs

Integrated-2D is a Javascript 2D rendering framework for SVG, Canvas, and WebGL contexts. I2Djs provides the same API for all rendering contexts.

animation canvas i2djs integrated-2d pixel shaders shape svg visualization webgl

Last synced: 03 Aug 2024

https://github.com/blazeisclone/a41sl

All For One Bot is an open-source discord server bot built for All For One SL™ discord server.

canvas discord-api discord-music-bot memes node-js nsfw rules soundcloud spotify youtube

Last synced: 10 Oct 2024

https://github.com/vesoft-inc/nebulagraph-veditor

A Highly customizable JavaScript Diagramming Lib with SVG, HTML, Canvas support.

canvas dag diagram erd erdiagram flowchart graph javascript nebulagraph svg

Last synced: 07 Nov 2024

https://github.com/juniortour/es6-mario

🎮 A web game made by ES6 syntax and HTML5 Canvas.

canvas es6 game html5 javascript mario webpack

Last synced: 02 Nov 2024

https://github.com/shajidhasan/cowsay-svelte

A cowsay GUI built with Svelte, TailwindCSS and HTML Canvas

canvas cowsay svelte sveltejs

Last synced: 08 Nov 2024

https://github.com/sy007/calendarview

一款强大的Android日历控件

android calendar canvas kotlin

Last synced: 06 Nov 2024

https://github.com/idrawjs/studio

The studio of iDraw.js (iDraw.js的画图编辑器)

canvas desgin figma idraw idraw-studio idrawjs idrawjs-editor sketch

Last synced: 01 Nov 2024

https://github.com/jiangxy/wxapplet-canvas-demo

用微信小程序的canvas做的一个小游戏

canvas flappy-bird wechat wechat-app wxapp

Last synced: 13 Nov 2024

https://github.com/Denisolt/NightSky

A way to avoid paying 50 bucks by using some js to generate an image of the night sky at specific time and location. 🌑

canvas js nightsky poster stars

Last synced: 06 Nov 2024

https://github.com/caspervonb/8192px

A collaborative pixel art experiment

canvas game pixel pixel-art

Last synced: 10 Nov 2024

https://github.com/smarttoolfactory/compose-bubble

🚀💬🫧 Speech/Chat bubble written with Jetpack Compose and canvas with various properties such as arrow width, height, background color, shadow to create similar bubbles whatsapp, telegram or others have.

canvas chat chat-bubble contraints jetpack-compose jetpack-compose-canvas layout modifier speech-bubble

Last synced: 11 Nov 2024

https://github.com/crashmax-dev/twallpaper

🌈 Multicolor gradient wallpaper created algorithmically and shimmers smoothly.

animation background canvas gradient hacktoberfest javascript library multicolor npm-package telegram typescript wallpaper zero-dependency

Last synced: 01 Nov 2024

https://github.com/ubc/node-canvas-api

Access the Canvas API using Node.js. 54 functions (and counting)! Pull requests are welcome and appreciated.

api canvas instructure lms node

Last synced: 07 Nov 2024

https://github.com/wanglin2/canvas-editor-demo

一个基于canvas实现的富文本编辑器demo，仅仅是demo。

canvas canvas-editor

Last synced: 07 Nov 2024

https://github.com/YaroslavChuiko/Webster

🎨🖌️ Design editor built with React, Redux, Konva, Node.js, NestJS, Prisma, PostgreSQL.

canvas chakra-ui design design-editor editor google-fonts graphic-design konvajs nestjs nodejs prisma react redux-toolkit tool typescript ucode ucode-connect unsplash-api webster

Last synced: 05 Nov 2024

https://github.com/codecavepro/revit-family-web-viewer

Revit Web Viewer is a Three.js-based project viewer. Revit projects / families must be exported using RvtVa3cExporter (https://github.com/va3c/RvtVa3c)

3d canvas revit three-js threejs typescript webgl webgl2

Last synced: 31 Oct 2024

https://github.com/agilgur5/trim-canvas

A tiny (< 100 LoC) library for trimming whitespace from a canvas element with no dependencies

blanks canvas remove signature trim whitespace

Last synced: 26 Oct 2024

https://github.com/ajstarks/fc

High-level canvas for the fyne package

canvas fyne go golang gui

Last synced: 26 Oct 2024

https://github.com/pablituuu/react-video-editor

Online video editor alternative to canva and capcut. React video editor.

canvas development editor fabricjs moveable reactjs render vercel video zustand

Last synced: 31 Oct 2024

https://github.com/denoland/pixelpage

Pixel page is an r/place style shared pixel art canvas 🎨🦕

canvas deno real-time

Last synced: 07 Oct 2024

https://github.com/ch563/image-beautifier

在线截图美化工具，支持添加批注，裁剪，局部放大等，并预设各社媒尺寸和导出高清图

canvas leaferjs screenshot

Last synced: 31 Oct 2024

https://github.com/ammarahm-ed/drawing-board

A fully native drawing app made with react-native-skia with 60 frames per second performance

canvas drawing-app graphics native react-native react-native-skia skia typescript

Last synced: 09 Nov 2024

https://github.com/kevinw/gitviz

Visualize git repository internals as they change, live, in the browser.

canvas git live teaching

Last synced: 06 Nov 2024

https://github.com/ianstormtaylor/void

A toolkit for making generative art.

art canvas editor generative sketch studio svg

Last synced: 27 Oct 2024

https://github.com/nitin42/react-handy-renderer

✏️ Draw 2D primitives in sketchy style with React

canvas colors primitives react shapes sketch

Last synced: 28 Oct 2024

https://github.com/egaxegax/dbcartajs

Pan, zoom vector map and images (Canvas, SVG)

canvas image-viewer javascript map metro proj4js projection svg vector-graphics

Last synced: 04 Nov 2024

https://github.com/halildurmus/siri_wave

Create beautiful waveforms like in Siri.

android animation apple canvas dart flutter ios siri siriwave waveform

Last synced: 12 Nov 2024

https://github.com/wscats/sheet

📊OpenHarmony Sheet 表格渲染引擎

canvas excel harmony harmonyos huawei openharmony sheet sheets

Last synced: 15 Oct 2024

https://github.com/luxdamore/generative-art

🌈🎨 Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. This is also a nuxt-module (@luxdamore/nuxt-canvas-sketch) - [three.js, tensorflow.js and gsap are not included].

3d-art art canvas canvas-sketch creative creative-coding facemesh generative-art gsap modules nuxt nuxt-module nuxtjs tensorflow tensorflow-examples tensorflow-tutorials three-js threejs visual-design vuejs

Last synced: 12 Nov 2024

https://github.com/LuXDAmore/generative-art

🌈🎨 Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. This is also a nuxt-module (@luxdamore/nuxt-canvas-sketch) - [three.js, tensorflow.js and gsap are not included].

3d-art art canvas canvas-sketch creative creative-coding facemesh generative-art gsap modules nuxt nuxt-module nuxtjs tensorflow tensorflow-examples tensorflow-tutorials three-js threejs visual-design vuejs

Last synced: 01 Nov 2024

https://github.com/martinlaxenaire/gpu-curtains

gpu-curtains is a WebGPU rendering engine focused on mapping 3d objects to DOM elements; It allows users to synchronize values such as position, sizing, or scale between them.

3d canvas curtains curtainsjs dom html5 javascript webgpu

Last synced: 14 Oct 2024

https://github.com/charleprr/redditube

A video generator from Reddit posts and comments

canvas ffmpeg generator reddit reddit-submissions tts video video-generator youtube

Last synced: 31 Oct 2024

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

Classic snake game built in Vanilla JavaScript using the Canvas API

canvas game side-project snake-game tetris

Last synced: 08 Nov 2024

https://github.com/alexandrebonaventure/vue-zdog

Vue wrapper for zDog

3d canvas engine3d vuejs zdog

Last synced: 08 Nov 2024

https://github.com/hiperbou/kotlin-phaser

Use Kotlin and Phaser 2D game framework for making HTML5 games.

canvas game kotlin phaser webgl

Last synced: 10 Oct 2024

https://github.com/aerb/canvas-talk

Slides for the Toronto Android Developers talk on the Android Canvas. Written in Kotlin.

android canvas kotlin toronto

Last synced: 11 Nov 2024

https://github.com/smarttoolfactory/compose-drawing-app

✏️🚀 Drawing app written with Jetpack Compose Canvas. Draw using touch down, move and up events.Using array of paths to have erase, undo, or redo actions and set properties for path that will be drawn next separately.

android canvas drawing drawing-app gestures jetpack jetpack-compose porter-duff

Last synced: 11 Nov 2024

https://github.com/nt1m/media-player

An modern, clean media player built using web technologies

audio canvas javascript media player video web-audio

Last synced: 30 Oct 2024

https://github.com/cyan33/image-screenshot

download an image node along with its css properties

canvas download images screenshot

Last synced: 27 Oct 2024

https://github.com/feddelegrand7/fabricerin

Create Easily Canvas in Shiny and RMarkdown Documents

canvas javascript r rmarkdown rmarkdown-document rstats shiny

Last synced: 05 Nov 2024

https://github.com/jasonchen1982/jcc2d

A lightweight canvas2d-render & built-in an awesome animator with timeline manager

ae after-effects animation bodymovin canvas

Last synced: 27 Oct 2024

https://github.com/thelevicole/stripe-gradient

A reverse engineered, and simplified javascript library to replicate the animated Stripe gradients.

animation canvas gradient stripe

Last synced: 12 Nov 2024

https://github.com/jasonChen1982/jcc2d

A lightweight canvas2d-render & built-in an awesome animator with timeline manager

ae after-effects animation bodymovin canvas

Last synced: 14 Nov 2024

Canvas Awesome Lists
knowledge 569 awesome-canvas 304 awesome-web-visualization-frameworks 55 awesome-web-graphics 102 creative-coding-resources 48
Canvas Categories
Uncategorized 561 Libraries 252 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 Contributions 1 Contributor 1