Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- GitHub: https://github.com/topics/canvas
- Wikipedia: https://en.wikipedia.org/wiki/Canvas_element
- Related Topics: html5,
- Last updated: 2024-11-16 00:03:43 UTC
- JSON Representation
https://github.com/michaelbromley/skqw
JavaScript Audio Visualizer
angular audio canvas electron javascript visualization visualizaton webgl
Last synced: 27 Oct 2024
https://github.com/kriziu/collabio
Real-time whiteboard
canvas canvas2d nextjs react realtime socket-io typescript
Last synced: 11 Nov 2024
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/rolyatmax/watercolor-canvas
Creating watercolor-style canvas art
canvas creative-coding generative-art watercolor
Last synced: 08 Nov 2024
https://github.com/peterpeterparker/web-photo-filter
A Web Component to apply Instagram-like WebGL filters to photos
canvas image-processing instagram instagram-filters photos stencil stenciljs webcomponents webgl webgl-filters
Last synced: 12 Oct 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/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/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/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: 14 Nov 2024
https://github.com/kreshikhin/clumsy
A library written on node.js for creating math figures on HTMLCanvas in XKCD style.
Last synced: 08 Nov 2024
https://github.com/summer-andy/topology-react
Topology-react 是一款开源的基于canvas+javascript+react的绘图引擎 example 🎉
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/poly-glot/tensorflowjs-remove-background
Remove Background from the picture using WebAssembly & TensorFlow.js
canvas javascript jest-tests micro-app tdd-javascript tensorflow-experiments tensorflow-model tensorflowjs vanilla-javascript vanilla-js vanillajs webassembly-demo year-2020
Last synced: 12 Nov 2024
https://github.com/brianmacintosh/icon-machine
Web application for randomly generating pixel art icons.
art canvas game-development html5 html5-canvas javascript pixel-art procedural-drawing procedural-generation
Last synced: 08 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: 16 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/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/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: 16 Nov 2024
https://github.com/HearthSim/Sunwell
Canvas-based high quality Hearthstone card renderer - no longer maintained
Last synced: 10 Nov 2024
https://github.com/victorqribeiro/randomFractal
Random fractal or the secret behind my tree
Last synced: 16 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: 14 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/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/1j01/mopaint
🎨🩸🔥🧞 Modern, modular painting program... (early stages)
app art canvas collaborative-editing draw drawing drawing-app drawing-application html5 image-editing image-editor image-manipulation javascript jspaint online paint painting web-app web-application
Last synced: 10 Nov 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/Sunny-117/text-image
🐛🐛🐛 Text image can "textify" text, images, and videos, and can be used with simple configuration
Last synced: 04 Nov 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/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/simonbs/infinitecanvas
🖌 Infinite canvas using PencilKit
Last synced: 22 Oct 2024
https://github.com/unburn/musicard
Musicard is a futuristic music card canvas library
canvas discord-canvas lavalink music music-bot-discord music-card music-card-discord node-canvas spotify unburn youtube
Last synced: 13 Nov 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: 16 Nov 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
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/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: 15 Nov 2024
https://github.com/vishanurag/canvas-editor
This is a simple web project that is made with an aim to learn about canvas element of html. Now, this project is open to all of the amazing contributors.
beginner-friendly canvas gssoc gssoc-ext gssoc24 hacktoberfest hacktoberfest-accepted html-css-javascript open-source project web
Last synced: 15 Nov 2024
https://github.com/1j01/midi-recorder
🎹 The easiest way to record MIDI. No install. Automatically records.
canvas live live-midi midi midi-events midi-recorder midi-recording midi-visualizer music music-visualizer record-midi recording visualisation visualiser visualization visualizer web-app
Last synced: 10 Nov 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/ch563/image-beautifier
在线截图美化工具,支持添加批注,裁剪,局部放大等,并预设各社媒尺寸和导出高清图
Last synced: 14 Nov 2024
https://github.com/feel-ix-343/obsidian-canvas-moc
Converts MOC note files to an obsidian canvas
canvas knowledge-management note-taking obsidian obsidian-md obsidian-notes obsidian-plugin personal-knowledge-management typescript
Last synced: 11 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: 16 Nov 2024
https://github.com/shajidhasan/cowsay-svelte
A cowsay GUI built with Svelte, TailwindCSS and HTML Canvas
Last synced: 08 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/sy007/calendarview
一款强大的Android日历控件
android calendar canvas kotlin
Last synced: 06 Nov 2024
https://github.com/trash-and-fire/lightweight-charts-react-wrapper
React wrapper for financial lightweight charts
candlestick candlestick-chart canvas charts financial-chart financial-charting-library javascript lightweight-charts ohlc-chart react reactjs stock-chart tradingview typescript wrapper-library
Last synced: 16 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/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/wanglin2/canvas-editor-demo
一个基于canvas实现的富文本编辑器demo,仅仅是demo。
Last synced: 07 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/tao12345666333/vue-jsplumb
jsPlumb with Vue 2.【WIP】
canvas es6 jsplumb vue-jsplumb vue-router vue2 workflow
Last synced: 01 Oct 2024
https://github.com/icecreamyou/canvas-sprite-animations
A powerful, easy-to-use Sprite animation library designed for HTML5 Canvas.
animation canvas canvas2d game-library html5-canvas javascript javascript-library sprite sprite-animation-library sprite-sheet spritemap
Last synced: 05 Nov 2024
https://github.com/javierbyte/canvas-image-utils
Utils for image data.
base64 canvas data image image-resizer javascript matrix tools utils
Last synced: 09 Nov 2024
https://github.com/phenax/pattern-lock-js
Pattern lock library for the web using canvas
Last synced: 16 Nov 2024
https://github.com/denoland/pixelpage
Pixel page is an r/place style shared pixel art canvas 🎨🦕
Last synced: 07 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.
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/SpectralDragon/Minimap
Minimap for your PKCanvasView!
canvas ios minimap pencilkit swift swift-library swift5 swiftui uiwindow
Last synced: 09 Aug 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/psychedelicious/lifelike
Cellular automata browser toy
canvas cellular-automata chakra-ui javascript react react-hooks
Last synced: 27 Oct 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: 01 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: 12 Nov 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/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/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/aerb/canvas-talk
Slides for the Toronto Android Developers talk on the Android Canvas. Written in Kotlin.
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/feddelegrand7/fabricerin
Create Easily Canvas in Shiny and RMarkdown Documents
canvas javascript r rmarkdown rmarkdown-document rstats shiny
Last synced: 05 Nov 2024