javascript-animation

There are 8 repositories under javascript-animation topic.

scenejs
daybrush / scenejs
🎬 Scene.js is JavaScript & CSS timeline-based animation library
css3 animation css3-animation javascript typescript javascript-animation-library angular vue react motion graphic scenejs scene javascript-animation preact timeline
Language:TypeScript 2769
slotjs
Danziger / slotjs
🎰 Circular slot machine mobile-first SPA built using JavaScript, CSS variables and Emojis!
javascript slot-machine requestanimationframe game javascript-game casino gambling gambling-game performance javascript-performance javascript-animation animation
Language:JavaScript 339
Bug-Duck / vuemotion
The next-generation animation engine for Vuejs Ecosystem
animation animation-engine javascript javascript-animation javascript-library math-animations svg vue
Language:Vue 123
Kodama
WilliamStaudenmeier / Kodama
Simple CSS and JS animation of the Japanese tree-spirit: https://codepen.io/WilliamStaudenmeier
anime css-animations ghibli hayao-miyazaki javascript-animation kodama miyazaki miyazaki-hayao studio-ghibli princess-mononoke animation mononoke
Language:CSS 78
LuisValladaresC / animaciones-css
Guia para realizar animaciones con CSS con proyecto demostrativo que incluye una gran variedad de elementos animados.
css css-animations css3-animations css3-transitions css-transitions css-transforms css3 css-animation sprite sprites keyframes will-change javascript-animation sprite-animation
Language:CSS 36
polcats / VisualSort
An animated visualization of sorting algorithms.
algorithms sorting-visualization algorithm-visualization html-animation javascript-animation
Language:JavaScript 24
WilliamStaudenmeier.github.io
WilliamStaudenmeier / WilliamStaudenmeier.github.io
Studio Ghibli inspired GitHub Pages: https://williamstaudenmeier.github.io/
github-pages hayao-miyazaki javascript studio-ghibli animation-css ghibli ghibli-app ghibli-film miyazaki miyazaki-hayao mononoki javascript-animation anime kodama
Language:CSS 23
kaanersoy / gsap-animation-example
A app just shows how to build a scroll-base animated page with Greensock GSAP Scrolltrigger plugin.
gsap scrolltrigger jekyll javascript-animation
Language:JavaScript 11
arifnextdev / pc-guard
PC Guard is an anti-virus security project designed to protect your computer against malware and viruses. The platform is built using JavaScript, HTML, and CSS animation.
animation-css css html javascript javascript-animation
Language:HTML 10
Daffabot / russian-roulette
Game russian roulette yang dikembangkan oleh Daffa Ahmad Ibrahim
css css-animations game game-development javascript javascript-animation
Language:HTML 10
Animate.js
koffiisen / Animate.js
Simple javascript library to animate any html element
javascript-animation js aniamation javascript javascript-library jqeury jquery-plugin jquery-animation
Language:HTML 9
shox404 / Interactive-Dragon
Interactive Dragon curbable with cursor.
animation custom-cursor interactive interactive-design javascript-animation mouse-control real-time-interaction user-interaction fantasy-creatures game-like-experience interaction-dragon
Language:HTML 8
johnnyawesome / HexagonalGosperLSystem
A hexagonal Gosper curve coded in P5JS using a L-System
gosper gosper-curve curve fractal fractals fractal-images fractal-algorithms fractal-rendering fractal-geometry l-systems l-system lindenmayer-systems lindenmayer p5js p5js-animation javascript javascript-animation processing processing-animation
Language:JavaScript 6
mimikim / Harvest-Moon-SNES-Feed-Jack-HTML5-Canvas
React application built with HTML5 Canvas. ES6, React, JSX, Redux. Features cute Harvest Moon sprites! :cow:
html5-canvas harvest-moon-snes javascript javascript-animation sprite-animation interactive-game demo modular-design es6 es6-classes react reactjs redux redux-store jsx pug webpack
Language:JavaScript 6
ddosnotification / snow-theme
✨ Add beautiful snowfall effects to any website with a single line of code. Lightweight Christmas/Winter theme animation in pure JavaScript.
christmas-theme css-animation frontend-animation interactive-background javascript-animation javascript-library lightweight-library pure-javascript snow-effect vanilla-javascript web-animation website-theme christmas-decoration holiday-theme seasonal-theme snowfall-effect web-effects website-decoration winter-animation winter-theme
Language:HTML 5
johnnyawesome / MatrixRain
The Matrix Rain effect from the Matrix Movie
p5js p5js-animation p5js-animations processing processing-sketch processing-animation processing3 matrix matrix-rain matrix-animation animation matrix-movie matrix-movie-series javascript javascript-animation javascript-game p5js-game p5js-experiment p5js-matrix the-matrix
Language:JavaScript 5
jaivinwylde / seo-friendly-typed-animation
Easily create typed text animations for your website without obscuring your html.
javascript javascript-animation type-animation seo-friendly seo animation html
Language:JavaScript 4
johnnyawesome / TheLakeHouse
Cute Pixel-Art Nature-Simulation. Herbivores search for Apples, Predators hunt for Prey! Written in P5JS.
animation forest javascript javascript-animation nature nature-simulation p5 p5js pixel-art pixelart processing processing-animation sprite-animation spritesheet p5js-animation p5js-animations p5js-game animations animations-demostration predator-prey
Language:JavaScript 4
johnnyawesome / WeedLSystem
A Weed Fractal coded in P5JS using a L-System
weed grass fractal fractals fractal-images fractal-algorithms fractal-rendering fractal-geometry fractal-tree l-systems l-system lindenmayer-systems lindenmayer p5js p5js-animation javascript javascript-animation processing processingjs processing-animation
Language:JavaScript 4
AHMAD-JX / RobotAI-3DAnimated-Website-Template
🚀 RobotAI is a stunning Front-end template featuring mesmerizing 3D animations everywhere, creating a highly interactive experience. It boasts a modern, eye-catching design that is fully responsive, making it perfect for advanced projects and futuristic websites. 💡🎨✨ Experience a dynamic and innovative user interface! 💻🔥
3d-animation css css-animations css3 front-end html javascript javascript-animation react responsive responsive-design three-js threejs ui-ux web-animation web-template website gsap gsap-animation gsap-scrolltrigger
Language:CSS 3
hyvip-ai / Portfolio
My portfolio designed by me also developed by me....... :-)
animate-on-scroll css css3 gsap html html5 javascript javascript-animation portfolio portfolio-website web-design
Language:HTML 3
kuciapakrystian / Pumpkin-animation
Pumpkin CSS drawing and JS animation
animation animationjs css-animations css-drawing css3 html5 javascript javascript-animation js scss
Language:CSS 3
taimursaeed / onscroll
Trigger animation on scroll
animation css3-animations transition-animation transitions scroll scrolling javascript javascript-animation scroll-animation scrollview scroll-transitions js js-animation
Language:CSS 3
WillDev12 / JS-Open-Animation
A JS library that loads a fade-in animation on page open
animation animation-css animation-library css-animations html html-css-javascript javascript javascript-animation js-library web
Language:JavaScript 3
IsraelObiagba / web-animation-learning
Actively learning web animation by studying and building small components
animations learning-by-doing learning-notes css-animations javascript-animation
Language:JavaScript 2
johnnyawesome / ChickensAndBees
A bunch of Chickens - They look for Food and eat it when they find some. And there are Bees! Written in P5JS.
animation animations animations-demostration farm farming javascript javascript-animation p5 p5js p5js-animation p5js-animations p5js-game p5js-visualization processing processing-animation sprite sprite-animation spritesheet pixel-art pixelart
Language:JavaScript 2
johnnyawesome / FractalPlant2
Another Fractal Plant coded in P5JS using an L-System
fractal fractals fractal-images fractal-algorithms fractal-rendering fractal-geometry fractal-tree fractal-plant l-systems l-system lindenmayer-systems p5js p5js-animation javascript javascript-animation processing processing-animation
Language:JavaScript 2
johnnyawesome / LorenzAttractor
The famous Lorenz Attractor, implemented in P5JS.
fractal fractal-algorithms fractal-dimension fractal-images fractals javascript javascript-animation lorenz-3d lorenz-attractor lorenz-attractor-simulator lorenz-equation lorenz-problem p5js p5js-animation p5js-animations processing processing-animation fractal-geometry fractal-rendering processing-sketch
Language:JavaScript 2
johnnyawesome / ShiftingCubes
A Cube, made out of little cubes that are shifting around, written in JavaScript using P5JS
cube p5js cube-animation p5js-animation p5js-animations p5js-experiment javascript javascript-animation processing processing-animation processing-sketch processing-visuals processingjs javascript-game cube-transition transformer transformations transformers transform
Language:JavaScript 2
johnnyawesome / SierpinskiCircles
Sierpinskis Triangle made out of Circles
sierpinski sierpinski-triangle sierpinski-carpet sierpinskitriangle sierpinski-gasket sierpinski-arrowhead triangle triangles fractal fractals fractal-images fractal-algorithms fractal-rendering fractal-geometry p5js p5js-animation javascript javascript-animation processing processing-animation
Language:JavaScript 2
johnnyawesome / Squirrel
A Pixel-Art Squirrel that lives in the Forest and searches for Acorns. Written in P5JS using P5.Play
javascript processing animation p5 p5js pixel-art pixelart sprite sprite-animation spritesheet animations animations-demostration forest javascript-animation p5js-animation p5js-animations p5js-game parallax parallax-effect processing-animation
Language:JavaScript 2
johnnyawesome / TransformingCubes
A single cube that transforms itself into a big cube, written in JavaScript using P5JS
cube p5js cube-animation p5js-animation p5js-experiment p5js-animations javascript javascript-animation processing processing-animation processing-visuals processing-sketch javascript-game cube-transition transformer transform transformations transformers transformation
Language:JavaScript 2
johnnyawesome / Triangles
A Triangle Fractal coded in P5JS using L-Systems
triangle triangles sierpinski sierpinski-triangle fractal fractals fractal-images fractal-algorithms fractal-rendering fractal-geometry l-systems l-system lindenmayer-systems lindenmayer p5js p5js-animation javascript javascript-animation processing processing-animation
Language:JavaScript 2
sociovation.github.io
sociovation / sociovation.github.io
Official website of Sociovation - A society of Department of Computer Science, Ramanujan College, Delhi University (DU) working for social good.
html5 flexbox grid-layout jquery google-fonts json css-animations javascript-animation css3 javascript first-website
Language:HTML 2
lalit1716 / greeting-card
Greeting-card application which change the background video on Click and Mouse enter.
greeting-app javascript-animation
Language:CSS 1
Ricky-bruh / HTML
HTML, CSS, JS
animation css css3 effect html html-css-javascript html5 javascript javascript-animation js
Language:CSS 1

javascript-animation

daybrush / scenejs

Danziger / slotjs

Bug-Duck / vuemotion

WilliamStaudenmeier / Kodama

LuisValladaresC / animaciones-css

polcats / VisualSort

WilliamStaudenmeier / WilliamStaudenmeier.github.io

kaanersoy / gsap-animation-example

arifnextdev / pc-guard

Daffabot / russian-roulette

koffiisen / Animate.js

shox404 / Interactive-Dragon

johnnyawesome / HexagonalGosperLSystem

mimikim / Harvest-Moon-SNES-Feed-Jack-HTML5-Canvas

ddosnotification / snow-theme

johnnyawesome / MatrixRain

jaivinwylde / seo-friendly-typed-animation

johnnyawesome / TheLakeHouse

johnnyawesome / WeedLSystem

AHMAD-JX / RobotAI-3DAnimated-Website-Template

hyvip-ai / Portfolio

kuciapakrystian / Pumpkin-animation

taimursaeed / onscroll

WillDev12 / JS-Open-Animation

IsraelObiagba / web-animation-learning

johnnyawesome / ChickensAndBees

johnnyawesome / FractalPlant2

johnnyawesome / LorenzAttractor

johnnyawesome / ShiftingCubes

johnnyawesome / SierpinskiCircles

johnnyawesome / Squirrel

johnnyawesome / TransformingCubes

johnnyawesome / Triangles

sociovation / sociovation.github.io

lalit1716 / greeting-card

Ricky-bruh / HTML