Projects in Awesome Lists tagged with canvas-animation

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

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

canvas canvas-animation graphics konva konvajs shape vue vue-styleguidist

Last synced: 14 May 2025

https://github.com/wuhou123/wxxcx

集合抖音、快手、火山、西瓜，小红书，皮皮虾，视频去水印微信小程序，在线地址：https://video.wuhou.fun/

canvas-animation douyin echarts vant video vue vue-components weixin-xiaochengxu wepy wxxcx

Last synced: 10 Apr 2025

https://github.com/RajashekarRaju/compose-actors

:robot: Android app built with jetpack :rocket: compose follows new revamped guide to app architecture. Implemented with State, Coroutines :curly_loop:, ViewModels, Repository pattern, Light/Dark theme :rainbow: MD3, Animations, Draw on canvas, Custom layouts, UI state handling, :cyclone: Image loading with coil, Palette :art: usage and dynamic theming etc.

android-application animations canvas-animation coil-kotlin compose-animation coroutines jetpack-components jetpack-compose jetpack-navigation material-design-3 state state-handling textfield viewmodel

Last synced: 20 Apr 2025

https://github.com/JefersonLucas/the-matrix-effect

The incredible effect of rain of letters in the style of the Matrix trilogy.

canvas canvas-2d-context canvas-animation canvas-element canvas-game canvas2d canvasjs css efeito-matrix effect-matrix html html-css html-css-javascript html5 html5-canvas html5-game javascript matrix

Last synced: 02 Apr 2025

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: 07 May 2025

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 webgl webgpu

Last synced: 04 Apr 2025

https://github.com/changhuixu/canvas-animation-demos

Canvas Animations in Typescript

angular animation bouncing-ball candy canvas canvas-animation clock mouse-events solar-system typescript webpack

Last synced: 19 Dec 2024

https://github.com/rohanrhu/nodes.js

🌌 nodes.js is a nodes/particles animation useable for backgrounds

animation background-animation canvas-animation canvas-animations html5 html5-animation web-animation web-animations

Last synced: 13 Apr 2025

https://github.com/delucis/pellicola

:movie_camera: Generate video files from <canvas> animations in Node.js

canvas canvas-animation ffmpeg node-canvas video

Last synced: 10 Apr 2025

https://github.com/owen0o0/bubble

canvas动画效果：上升的气泡动画特效

animation bubble canvas canvas-animation canvasjs

Last synced: 19 Dec 2024

https://github.com/smurp/huviz

interactive, customizable semantic web visualization

canvas-animation coffeescript graph-visualization javascript linked-open-data semantic-web svg-animations

Last synced: 03 Apr 2025

https://github.com/changhuixu/angular-maze

A maze generator and path finder in Angular

algorithm angular canvas canvas-animation maze maze-game maze-generator maze-solver typescript

Last synced: 19 Dec 2024

https://github.com/detomon/tetragon.js

Small Javascript framework for canvas animations including an entity system

canvas-animation entity-system javascript javascript-framework

Last synced: 11 Apr 2025

https://github.com/mustafadalga/html5-canvas-guide

Applications in this repository, developed by the HTML5 Canvas Ultimate Guide pieces of training that offered by Alperen Talaslıoğlu.

canvas canvas-2d-context canvas-animation canvas-game canvas2d game game-2d game-development gamedev games html5 html5-application html5-canvas html5-game html5-game-development javascript javascript-canvas javascript-canvas-game javascript-game javascript-games

Last synced: 30 Apr 2025

https://github.com/christianoellers/vector-storm

Abstract arcade style 2D space shooter, developed with JavaScript and Canvas. Architectural and creative experiment. Fully working game with enemies and scoring!

2d-game canvas canvas-2d canvas-2d-context canvas-animation canvas-api canvas-game canvas2d ecmascript es6 es6-javascript game game-development game-engine html5 html5-canvas javascript javascript-game vector vector-math

Last synced: 07 Apr 2025

https://github.com/hebertcisco/matrix-effect-javascript

Matrix effect made with JavaScript

canvas canvas-animation canvas2d effects javascript matrix matrix-effect

Last synced: 12 Apr 2025

https://github.com/andregoncalves/react-speech-test-app

A Typescript React app that checks if your pronunciation of a language is understandable.

canvas-animation react rollup speech-recognition typescript webaudio

Last synced: 29 Mar 2025

https://github.com/ashiishme/canvas-particles

Canvas particles moving on random direction. Check the background of attached link.

canvas-animation canvas-boilerplate canvas-particles canvas2d

Last synced: 04 Mar 2025

https://github.com/niirmaaltwaatii/canvaloons

Balloons Animation with Canvas & JavaScript

canvas canvas-animation canvas2d html html5-canvas javascript

Last synced: 17 Feb 2025

https://github.com/xmasuhai/pikachu

预览连接：https://xmasuhai.xyz/pikachu/dist/index.html

canvas-animation scss svg svg-animations

Last synced: 26 Feb 2025

https://github.com/francescovallone/jcirclize

A simple JQuery Plugin to create Circle Canvas with percentage.

canvas canvas-animation canvasjs jquery jquery-plugin plugin

Last synced: 20 Mar 2025

https://github.com/niekes/beautiful-backgrounds

The "Beautiful Backgrounds" library offers a collection of customizable web components designed to enhance web pages with visually appealing animated backgrounds. Easy to integrate and use, these components are perfect for adding dynamic and interactive elements to your web applications.

ambient animated-background animation background background-effects beautiful-backgrounds canvas canvas-animation custom-elements dynamic-background html5-canvas interactive-background star-field typescript vfx visual-effects web-components

Last synced: 03 Apr 2025

https://github.com/ashiishme/askbuddie-platform

A JavaScript Canvas solar system that shows Ask Buddie as a core platform and its services as a planets that rotates around the core.

canvas canvas-animation canvas2d html5 html5-canvas javascript

Last synced: 04 Mar 2025

https://github.com/peteee/threejs-figma-svg

Load your SVGs from Figma with ease into a ThreeJS 3D Scene

3d canvas canvas-animation figma figmadesign three-js threejs

Last synced: 25 Feb 2025

https://github.com/rochadevj/christmas_home_page

Explore um cenário encantador que celebra o espírito natalino!

canvas-animation html-css-javascript keyframes-animation svg-path

Last synced: 26 Feb 2025

https://github.com/twlyp/social-network

KIKI - a social network for drag queens

aws-s3 aws-ses axios-react bcryptjs canvas-animation crypto-random expressjs multer-s3 nodejs postgresql react-redux reactjs socket-io

Last synced: 17 Mar 2025

https://github.com/codelinered/jquery-canvas-animation

A jQuery Plugin to create animations / transitions in combination with timings.

animation canvas-animation css html javascript jquery jquery-plugin plugin

Last synced: 19 Feb 2025

https://github.com/koushikphy/funwithcanvas

Visualization with HTML5 Canvas

canvas canvas-animation canvas-api canvas2d html-canvas-art html-canvas-javascript html5-canvas javascript visualization

Last synced: 03 Mar 2025

https://github.com/saganaki22/aetherstrum

🎵 An ethereal musical instrument that combines visual art with sound synthesis.

audio-synthesis canvas-animation creative-coding digital-instrument interactive-art javascript music musical-instrument particle-effects sound-design synthesizer web-audio webaudio-api

Last synced: 17 Mar 2025

https://github.com/watermelonkatanadevs/meloncanvas.js

🍉🗡️ Empowering Game Development with Simplicity and Fun!

2d-games animation canvas canvas-animation collision-detection event-driven game-development game-engine game-framework game-objects javascript lightweight open-source physics web-games

Last synced: 18 Mar 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: 06 Mar 2025

https://github.com/mustafadalga/flappy-monster-game

Flappy Monster Game

canvas canvas-animation canvas-game flappy-bird flappy-bird-game flappybird game game-2d game-dev game-development gamedev games html5-application html5-canvas html5-game html5-game-development javascript javascript-applications javascript-game vanilla-javascript

Last synced: 11 Mar 2025

https://github.com/basemax/exercisecanvasjs

A repository to archive trying Canvas in javascript to handle event and methods of canvas.

canvas canvas-2d-context canvas-animation canvas-api canvas-element canvas-game canvas2d javascript javascript-canvas js js-canvas

Last synced: 03 Apr 2025

https://github.com/wlodpawlowski/web-graphics-application

"Web Graphics Application" (WGA) - it's a web-application consist of different modules and functionalities for learning Google Maps API, SVG Graphics and Web Canvas.

canvas canvas-animation canvas2d google-maps google-maps-api google-maps-javascript-api html-css html-css-javascript html-sass html-svg html5 html5-canvas svg svg-animations svg-files svg-icons svg-images svg-path svg-sprite svg-sprites

Last synced: 17 Mar 2025

https://github.com/sara-pixie/exploring-canvas

Learning how to use canvas llike a pro XD

canvas canvas-animation

Last synced: 14 Mar 2025

https://github.com/g-otn/canvas-running-dots

Draw colorful dots running across a HTML canvas

canvas canvas-animation html html5-canvas-animation

Last synced: 06 Mar 2025

https://github.com/kishanlalchoudhary/html5-canvas

The HTML5 canvas allows you to use graphics on the screen, and draw and manage various shapes.

canvas-2d-context canvas-animation canvas-api css html5 javascript mouse-events

Last synced: 18 Feb 2025

https://github.com/ag-sanjjeev/text-scroll-animation

This is a Customizable Text Scroll Animation Maker with the help of HTML Canvas and JavaScript.

canvas-2d-context canvas-animation canvas2d end-credits html5 html5-canvas javascript text-scroll text-scroller text-scrolling-animation text-scrolling-effect video-creation video-creator video-maker

Last synced: 20 Nov 2024

https://github.com/migrim/ascii-blob

ASCII Blob is an interactive canvas experiment where ASCII symbols move and react to mouse interactions, creating fluid blob-like animations. Users can switch between different modes, trigger explosions, and adjust various visual parameters.

aesthetics ascii-art canvas-animation javascript simulation

Last synced: 19 Feb 2025

https://github.com/12gustavo21/spooky-blog

💫Personal portfolio to train knowledge of: ReactJs, styled-components, Hygraph, Apollo Client and responsive layout 🚀

apollo-client bohr-deployed canvas-animation hygraph react react-router responsive-layout styled-components

Last synced: 28 Feb 2025

https://github.com/qc20/attractor

This repository contains a real-time, WebGL-powered visualization of the Thomas attractor, an intriguing model in chaotic dynamics and mathematical visualization. Perfect for creative coding enthusiasts, this project demonstrates advanced WebGL techniques, interactive graphics, and the captivating nature of strange attractors.

canvas-animation chaotic-systems creative-coding generative-graphics gpu-accelerated interactive-3d-graphics javascript orbit-controls strange-attractors thomas-attractor webgl-shader webgl-visualization