├── .github ├── pull_request_template.md └── workflows │ └── post-merge.yml ├── .gitignore ├── .prettierignore ├── .prettierrc ├── Art ├── 3nn3n-messivsronaldo │ ├── index.html │ ├── meta.json │ └── styles.css ├── AAbhijithA-waveAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ABERsara-Donuts-Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AMRUTHA-BYSANI-LoadingColoursAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ARYPROGRAMMER-Quantum_Portal_Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AbdulRehmanGHub-NeonBorderAnimations │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Abhishekgt-morphing_Shapes_Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AfreenInnovates-Indianflag │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AfreenInnovates-animated_curtain │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AfreenInnovates-buttonswiggle │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AfreenInnovates-cube │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AfreenInnovates-cube_grow_rotate │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Ajish777_watch_animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── AkshaySingh2005-Robo │ ├── index.html │ ├── meta.json │ └── styles.css ├── AlexanderSanin-spinning-loader │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Anurag-singh-thakur-Rotating-Square │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Argwingskodhek-rotatingBall │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Astro-Dude-animatedButton │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── AvinashKumar0923-atomAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Avneets0419-spidermananimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── BYT-Bender-square-loader │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── BaraniVA-Typewriter │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── BranchAndVine-EclecticArtwork │ ├── index.html │ ├── meta.json │ └── styles.css ├── BrianCheung1-Balloons │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Catrina-W-JackOLantern │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ChamikaraM-winterwonderland │ ├── index.html │ ├── meta.json │ └── styles.css ├── ChaniHighTech-LiquidLoader │ ├── index.html │ ├── meta.json │ └── styles.css ├── DEBASISH077-BouncingEffect │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── DEBASISH077-CoffeeMachine │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── DEBASISH077-Horizontal_Car_Animation │ ├── Index.html │ ├── meta.json │ └── styles.css ├── DEBASISH077-RippleEffect │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── DEREKFERRER-movingCircle │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Debajyati-Omnitrix │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Debajyati-SPACESHIP │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Debajyati-sunmoon │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── DewaldFourie-Floating-Hologram │ ├── index.html │ ├── meta.json │ └── styles.css ├── Dhairya-A-Mehra-spininng_cube │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Dhruv-Davda-AnimatedButton │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Emmykeys101-animeArt │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── EstherKal-ExpandingBubble │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── EstherKal-HappyBirthdayBalloons │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── HASH-0021-Telephone │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── HasanSarfraz-DaynNight │ ├── index.html │ ├── meta.json │ └── styles.css ├── HossamGouda-CirclePulse │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── HossamGouda-Rocket-Launch │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── HossamGouda-Solar-System │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Isabelle36-Halloween │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── JayShukla8-cat │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── KC1064-Grid-Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── KC1064-Menu-Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── KC1064-Pop_Up_Text │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── KC1064-Welcome │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kaif-Azmi-Animation-Done │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kaif-Azmi-Celestial-Dance │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kaif-Azmi-Colour-Fill │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kaif-Azmi-Hacktoberfest-Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kaif-Azmi-SubmitBtn-Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── KarenCasallas-spiral │ ├── index.html │ ├── meta.json │ └── styles.css ├── KavenWo-Polaroid │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kisalaykisu-cubeAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kisalaykisu-particleRingAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Kisalaykisu-ztmLogoAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── MiryamMann-SolarSystemanimation │ ├── index.html │ ├── meta.json │ └── styles.css ├── MoaadAmer-circles │ ├── index.html │ ├── meta.json │ └── styles.css ├── Mrdheen-Animrdheen │ ├── index.html │ ├── meta.json │ └── styles.css ├── Navdeepsingh4298-linearColorfulLoader │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Nishankulal03-loader │ ├── icon.png │ ├── index.css │ ├── index.css.map │ ├── index.html │ ├── index.scss │ └── meta.json ├── NotIncorecc-coolGradientText │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── OCR-tech-artwork │ ├── index.html │ ├── meta.json │ └── styles.css ├── Pauljd1-Pumpkin │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Pepepg03-MorphLoop │ ├── index.html │ ├── meta.json │ └── styles.css ├── PeterVermeulen01123-Chompy-Gourd │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── PragyaTripathi990-cardsAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ProfoundlyParker-Shop-Like-You-Give-a-Damn │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── RAj5517-animated_profilecard │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── RaHasib-flickeringStars │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Re-Shard-databasequery │ ├── index.html │ ├── meta.json │ └── styles.css ├── RikyShafer-Dreidel │ ├── index.html │ ├── meta.json │ └── styles.css ├── SJ-209-loader │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── SagarVerma893-3D Flip Card Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── SagarVerma893-Flickering Neon Sign │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── SagarVerma893-Typing Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── SagarVerma893-orbitalMotion │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── SammyUrfen-pendulum │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Shravan250-Day_Night_Cycle │ ├── index.html │ ├── meta.json │ └── styles.css ├── Steveo1975-Animation-Choas │ ├── index.html │ ├── meta.json │ └── styles.css ├── SumitDutta007-bubbles │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── SumitDutta007-scroll │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── THE-ASHUTOSH-button-animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── Tanisha800-bounceBall │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Tenatic-X-RotatingBox │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Tushar-0202-Shaw-CubeAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Tushar-0202-Shaw-FrontPage │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── Tushar-0202-Shaw-InfiniteRoad │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Tushar-0202-Shaw-imageSlider │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Tzipi-Winefeld-ColorRain │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Tzipi-Winefeld-GlowingText │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Tzipi-Winefeld-RisingSun │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Vandita-014-BoilingBrew │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Voidedcrystal-disco │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Vsingla21-graphique │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── Yadnyesh-Dashpute-AnimatedForm │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── aarushsaboo-neonsign │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── aayu5hgit-LoaderAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ac-webdesign-greekflagwaving │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── al3shan33-animatedText │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── alienx5499-profilecard │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── amaltscaria-cosmic_css │ ├── index.html │ ├── meta.json │ └── styles.css ├── anisha-singhal-animatedButton │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── annenuno-HeaderDesign │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── anorme-loading │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── bandhan-majumder-loadingDino │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── style.css ├── bryansoftware-art │ ├── index.html │ ├── meta.json │ └── styles.css ├── buzzcosm-neon_greetings │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ccholinski-DisappearingSquares │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── chaitraDev_gavel │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── chaitraDev_pulsating_circles │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── chaitraDev_spiralMove │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── charlomatic-CircleSlider │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── cljarvis-octArt │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── dev1abhi-Hindu-Swastika │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── fabio123789-spookyGhost │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── fullspeccoder-scaryface │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── gauravbalade-myartwork │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── guranshdeol-CardFlip │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── guranshdeol-RadarScannarAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── guranshdeol-morphingblob │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── hanisntsolo-verticalballsbounce │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── harshporwal03-heart_beat_animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── hoangnv170752-loading │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── hoangnv170752-pinball │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── hoangnv170752-wavingflag │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── jacomarais1712-meteor_shower │ ├── index.html │ ├── meta.json │ └── styles.css ├── jaydeecodez-pink_speedy │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── jayg2309-ColorfulWaves │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── jeevaramanathan-bouncingball │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── jeffwiatt-GoldenStars │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kapish9741-batman │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kasunJayasanka-pixelLoading │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kasunjayasanka-ZTM-letters-animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kasunjayasanka-fetching-animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── katkatniss-makeAHalloweenPumpkin │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kishan-25-3D │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kishan-25-Animated-Timeline │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kishan-25-Dino-Loading-Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── kishan-25-animated-backgroundcolor-changer │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── laurelinep-drippingCoffee │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── lukas2485-movingAround │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── maidx-waveText │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── maidxn-flower │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── maidxn-pan │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── maidxn-solarsystem │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── markwsch-ExpandingCircles │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── mattcsmith-triangle │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── maxfedorov-dual-ring-pulse-loader │ ├── index.html │ ├── meta.json │ └── styles.css ├── mitul-bhatia-keyboardanimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── mrjahsan-pakistanflag │ ├── index.html │ ├── meta.json │ └── style.css ├── nabinkumarshaw-Animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── nabinkumarshaw-Bouncing_ball_animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── nabinkumarshaw-animatedgeometry │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── nabinkumarshaw-rotating_cube │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── nikhila1003-pebblesbounce │ ├── index.html │ ├── meta.json │ └── styles.css ├── nikkvijay-GlowingRCube │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── oOXxTNTxXOo-colorchange │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ornitcg-blink │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ornitcg-coloredsquares │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ornitcg-eclipse │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ornitcg-rotation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ornitcg-train │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── parthrajsinghbhati-pulsatingcircle │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── pleomorph-happyhacktoberfest │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── popsnation │ ├── index.html │ ├── meta..json │ └── styles.css ├── ptobarra-ChamikaraM_winterwonderland │ ├── index.html │ ├── meta.json │ └── styles.css ├── raonycavalcante-Brazilian-flag │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ruthberkowicz-airwords │ ├── index.html │ ├── meta.json │ └── styles.css ├── rutubhanderi-sunrise-animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── ryekram-preloader_animation │ ├── index.html │ ├── meta.json │ └── styles.css ├── sadhikatadinada-moon-and-stars │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── sadhikatadinada-nebula-animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── sadhikatadinada-neon-wave-animation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── sadhikatadinada-solar-system │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── samilabud-piramidSunSet │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── shanolhere-discoLightsAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── shanolhere-dogAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── shanolhere-loaderAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── shehzansk-animatedbutton │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── shrlaw-bouncing │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── shuaixr-twilight_voyage │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── smitthakore-oreo │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── somnath0904-AnimatedPage │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── somnath0904-HandAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── somnath0904-LoginPage │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── somnath0904-OrbittingCircles │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── staticBird-helicopterAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── strykeFreedom08-JumpingStickman │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── stutxi-animatedEyes │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── surajb0710-fallingCharacters │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── surjayankar-DynamicRotatingSquares │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── surjayankar-InfiniteGridBackground │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── surjayankar-ShootingStars │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── surjayankar-verticalballsbounceloader │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── terrifricker-bloom │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── terrifricker-rotatingSquare │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── thiziribouaziz-HachtoberfestAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── turtlemb-ThePrismDiscoveryOfInfrared │ ├── index.html │ ├── meta.json │ └── styles.css ├── udeshvirk-rotating-ball │ ├── index.html │ ├── meta.json │ └── styles.css ├── vedpawar2254-bouncingball │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── venkateeshh-bouncingball │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── violin87-activeSquares │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css └── vridhichaudhary-waveAnimation │ ├── icon.png │ ├── index.html │ ├── meta.json │ └── styles.css ├── MAINTAINERS-CRITERIA.md ├── README.md ├── bekezela-artworld ├── index.html ├── meta.json └── styles.css ├── generators ├── generateCards.js ├── generateScreenshot.js └── utils.js ├── index.html ├── package-lock.json ├── package.json └── public ├── cards.json ├── example-animation.gif ├── favicon.ico ├── includes.js └── styles.css /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | **/.DS_Store -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | .prettierrc 2 | .github/ 3 | node_modules/ 4 | public/ 5 | package*.json 6 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "trailingComma": "none", 3 | "tabWidth": 2, 4 | "semi": true, 5 | "singleQuote": true 6 | } -------------------------------------------------------------------------------- /Art/3nn3n-messivsronaldo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Football Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/3nn3n-messivsronaldo/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "messivsronaldo", 3 | "githubHandle": "3nn3n" 4 | } -------------------------------------------------------------------------------- /Art/AAbhijithA-waveAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AAbhijithA-waveAnimation/icon.png -------------------------------------------------------------------------------- /Art/AAbhijithA-waveAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "AAbhijithA", 3 | "artName": "wave Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ABERsara-Donuts-Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ABERsara-Donuts-Animation/icon.png -------------------------------------------------------------------------------- /Art/ABERsara-Donuts-Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Donuts Animation", 3 | "githubHandle": "ABERsara" 4 | } -------------------------------------------------------------------------------- /Art/AMRUTHA-BYSANI-LoadingColoursAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AMRUTHA-BYSANI-LoadingColoursAnimation/icon.png -------------------------------------------------------------------------------- /Art/AMRUTHA-BYSANI-LoadingColoursAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | turning circle 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | 26 | 27 | -------------------------------------------------------------------------------- /Art/AMRUTHA-BYSANI-LoadingColoursAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Loading Colours", 3 | "githubHandle": "AMRUTHA-BYSANI" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AMRUTHA-BYSANI-LoadingColoursAnimation/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #000000; 3 | } 4 | .box { 5 | perspective: 120px; 6 | min-height: 100vh; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | } 11 | 12 | .container { 13 | display: flex; 14 | flex-direction: row; 15 | gap: 10px; 16 | justify-content: center; 17 | align-items: center; 18 | height: 100hv; 19 | } 20 | 21 | .coin { 22 | width: 100px; 23 | height: 100px; 24 | border-radius: 50%; 25 | background: linear-gradient( 26 | 135deg, 27 | #ff5f6d, 28 | #ffc371, 29 | #36d1dc, 30 | #5b86e5, 31 | #a1ffce 32 | ); 33 | animation: twist 2s ease-in-out alternate infinite; 34 | } 35 | 36 | @keyframes twist { 37 | to { 38 | transform: rotateX(360deg) scale(0.5); 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /Art/ARYPROGRAMMER-Quantum_Portal_Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ARYPROGRAMMER-Quantum_Portal_Animation/icon.png -------------------------------------------------------------------------------- /Art/ARYPROGRAMMER-Quantum_Portal_Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "ARYPROGRAMMER", 3 | "artName": "Quantum Portal Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AbdulRehmanGHub-NeonBorderAnimations/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AbdulRehmanGHub-NeonBorderAnimations/icon.png -------------------------------------------------------------------------------- /Art/AbdulRehmanGHub-NeonBorderAnimations/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Neon Border Animations 7 | 8 | 9 | 10 | 11 |
12 |

Neon Effect

13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/AbdulRehmanGHub-NeonBorderAnimations/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Neon Border Animation", 3 | "githubHandle": "abdulrehmanghub" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Abhishekgt-morphing_Shapes_Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Abhishekgt-morphing_Shapes_Animation/icon.png -------------------------------------------------------------------------------- /Art/Abhishekgt-morphing_Shapes_Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Morphing Shapes Animation 7 | 8 | 9 | 10 |
Morphing Shapes Animation
11 |
12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/Abhishekgt-morphing_Shapes_Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Morphing Shapes Animation", 3 | "githubHandle": "Abhishekgt" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-Indianflag/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AfreenInnovates-Indianflag/icon.png -------------------------------------------------------------------------------- /Art/AfreenInnovates-Indianflag/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Indian Flag Waving 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-Indianflag/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Indian flag animation", 3 | "githubHandle": "AfreenInnovates" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-animated_curtain/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AfreenInnovates-animated_curtain/icon.png -------------------------------------------------------------------------------- /Art/AfreenInnovates-animated_curtain/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Wavy Curtain Animation 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 | 16 |
17 |

Welcome to the Show!

18 |

This is the content revealed by curtain animation.

19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-animated_curtain/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "animated curtain", 3 | "githubHandle": "AfreenInnovates" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-buttonswiggle/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AfreenInnovates-buttonswiggle/icon.png -------------------------------------------------------------------------------- /Art/AfreenInnovates-buttonswiggle/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Wiggling Buttons 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-buttonswiggle/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "wiggling buttons", 3 | "githubHandle": "AfreenInnovates" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-cube/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AfreenInnovates-cube/icon.png -------------------------------------------------------------------------------- /Art/AfreenInnovates-cube/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rotating 3D Cube 7 | 8 | 9 | 10 |
11 |
Front
12 |
Back
13 |
Left
14 |
Right
15 |
Top
16 |
Bottom
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-cube/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "cube rotate animation", 3 | "githubHandle": "AfreenInnovates" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-cube_grow_rotate/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AfreenInnovates-cube_grow_rotate/icon.png -------------------------------------------------------------------------------- /Art/AfreenInnovates-cube_grow_rotate/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Cube Growing and Rotating 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/AfreenInnovates-cube_grow_rotate/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "cube_grow_rotate", 3 | "githubHandle": "AfreenInnovates" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Ajish777_watch_animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Ajish777_watch_animation/icon.png -------------------------------------------------------------------------------- /Art/Ajish777_watch_animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Ajish777", 3 | "artName": "Smartwatch Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AkshaySingh2005-Robo/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Robo", 3 | "githubHandle": "AkshaySingh2005" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AlexanderSanin-spinning-loader/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AlexanderSanin-spinning-loader/icon.png -------------------------------------------------------------------------------- /Art/AlexanderSanin-spinning-loader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "AlexanderSanin", 3 | "artName": "spinning loader" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AlexanderSanin-spinning-loader/styles.css: -------------------------------------------------------------------------------- 1 | .loader { 2 | position: relative; 3 | width: 50px; 4 | height: 50px; 5 | border: 5px solid #f3f3f3; 6 | border-top: 5px solid #3498db; 7 | border-radius: 50%; 8 | animation: spin 2s linear infinite, pulse 1.5s ease-in-out infinite; 9 | } 10 | 11 | @keyframes spin { 12 | 0% { 13 | transform: rotate(0deg); 14 | } 15 | 100% { 16 | transform: rotate(360deg); 17 | } 18 | } 19 | 20 | @keyframes pulse { 21 | 0%, 22 | 100% { 23 | transform: scale(1); 24 | } 25 | 50% { 26 | transform: scale(1.1); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /Art/Anurag-singh-thakur-Rotating-Square/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Anurag-singh-thakur-Rotating-Square/icon.png -------------------------------------------------------------------------------- /Art/Anurag-singh-thakur-Rotating-Square/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Rotating Cube Animation with Subtle Colors 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/Anurag-singh-thakur-Rotating-Square/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Anurag-singh-thakur", 3 | "artName": "Rotating Square" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Argwingskodhek-rotatingBall/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Argwingskodhek-rotatingBall/icon.png -------------------------------------------------------------------------------- /Art/Argwingskodhek-rotatingBall/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rotating Ball Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/Argwingskodhek-rotatingBall/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Argwingskodhek", 3 | "artName": "rotating Ball" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Astro-Dude-animatedButton/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Astro-Dude-animatedButton/icon.png -------------------------------------------------------------------------------- /Art/Astro-Dude-animatedButton/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Animated Button 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Art/Astro-Dude-animatedButton/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Astro-Dude", 3 | "artName": "animated Button" 4 | } 5 | -------------------------------------------------------------------------------- /Art/AvinashKumar0923-atomAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/AvinashKumar0923-atomAnimation/icon.png -------------------------------------------------------------------------------- /Art/AvinashKumar0923-atomAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Atom with Elliptical Paths 7 | 8 | 9 | 10 |

Atom Animation

11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/AvinashKumar0923-atomAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "atomAnimation", 3 | "githubHandle": "AvinashKumar0923" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Avneets0419-spidermananimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Avneets0419-spidermananimation/icon.png -------------------------------------------------------------------------------- /Art/Avneets0419-spidermananimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Spider-Man Swing Animation 7 | 8 | 9 | 10 |
11 | Spider-Man 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/Avneets0419-spidermananimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "spidermananimation", 3 | "githubHandle": "Avneets0419" 4 | } 5 | -------------------------------------------------------------------------------- /Art/BYT-Bender-square-loader/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/BYT-Bender-square-loader/icon.png -------------------------------------------------------------------------------- /Art/BYT-Bender-square-loader/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/BYT-Bender-square-loader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Square Loader", 3 | "githubHandle": "BYT-Bender" 4 | } 5 | -------------------------------------------------------------------------------- /Art/BaraniVA-Typewriter/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/BaraniVA-Typewriter/icon.png -------------------------------------------------------------------------------- /Art/BaraniVA-Typewriter/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "BaraniVA", 3 | "artName": "Typewriter" 4 | } 5 | -------------------------------------------------------------------------------- /Art/BranchAndVine-EclecticArtwork/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | -------------------------------------------------------------------------------- /Art/BranchAndVine-EclecticArtwork/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Eclectic Artwork", 3 | "githubHandle": "BranchAndVine" 4 | } -------------------------------------------------------------------------------- /Art/BranchAndVine-EclecticArtwork/styles.css: -------------------------------------------------------------------------------- 1 | div square { 2 | width: 500px; 3 | height: 500px; 4 | background-color: aquamarine; 5 | } 6 | 7 | square:hover{ 8 | animation-name: do-something; 9 | 10 | } 11 | 12 | @keyframes do-something { 13 | 0% { 14 | background-color: aquamarine; 15 | } 16 | 17 | 15% { 18 | background-color: aqua; 19 | } 20 | 21 | 30% { 22 | background-color: rgb(43, 134, 195); 23 | } 24 | 25 | 50% { 26 | background-color: blue; 27 | } 28 | 29 | 70% { 30 | background-color: blueviolet; 31 | } 32 | 33 | 90% { 34 | background-color: purple; 35 | } 36 | 37 | 100% { 38 | background-color: darkmagenta; 39 | } 40 | } -------------------------------------------------------------------------------- /Art/BrianCheung1-Balloons/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/BrianCheung1-Balloons/icon.png -------------------------------------------------------------------------------- /Art/BrianCheung1-Balloons/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Balloons 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/BrianCheung1-Balloons/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "BrianCheung1", 3 | "artName": "Balloons" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Catrina-W-JackOLantern/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Catrina-W-JackOLantern/icon.png -------------------------------------------------------------------------------- /Art/Catrina-W-JackOLantern/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Pumpkin 5 | 6 | 7 | 8 |
9 |
10 |
11 |
12 |
13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/Catrina-W-JackOLantern/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "JackOLantern", 3 | "githubHandle": "Catrina-W" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ChamikaraM-winterwonderland/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Winter Wonderland", 3 | "githubHandle": "ChamikaraM" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ChaniHighTech-LiquidLoader/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/ChaniHighTech-LiquidLoader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "ChaniHighTech", 3 | "artName": "Liquid Loader" 4 | } -------------------------------------------------------------------------------- /Art/ChaniHighTech-LiquidLoader/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | background: #222; 7 | } 8 | 9 | .loader { 10 | display: flex; 11 | gap: 10px; 12 | } 13 | 14 | .dot { 15 | width: 20px; 16 | height: 20px; 17 | background: #ff4500; 18 | border-radius: 50%; 19 | animation: liquid 1.5s infinite ease-in-out; 20 | } 21 | 22 | .dot:nth-child(2) { 23 | background: #ffa500; 24 | animation-delay: 0.2s; 25 | } 26 | 27 | .dot:nth-child(3) { 28 | background: #32cd32; 29 | animation-delay: 0.4s; 30 | } 31 | 32 | @keyframes liquid { 33 | 0%, 100% { transform: translateY(0); } 34 | 50% { transform: translateY(-15px) scale(1.2); } 35 | } 36 | -------------------------------------------------------------------------------- /Art/DEBASISH077-BouncingEffect/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/DEBASISH077-BouncingEffect/icon.png -------------------------------------------------------------------------------- /Art/DEBASISH077-BouncingEffect/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Index 8 | 9 | 10 |
11 |
Bounce
12 |
Fade In
13 |
Rotate
14 |
Pulse
15 |
Wiggle
16 |
Flip
17 |
Slide
18 |
Grow
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/DEBASISH077-BouncingEffect/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "DEBASISH077", 3 | "artName": "Horizontal_Car_Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/DEBASISH077-CoffeeMachine/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/DEBASISH077-CoffeeMachine/icon.png -------------------------------------------------------------------------------- /Art/DEBASISH077-CoffeeMachine/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "DEBASISH077", 3 | "artName": "Coffee Machine" 4 | } 5 | -------------------------------------------------------------------------------- /Art/DEBASISH077-Horizontal_Car_Animation/Index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Horizontal Car Animation Effect 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/DEBASISH077-Horizontal_Car_Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "DEBASISH077", 3 | "artName": "Horizontal Car Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/DEBASISH077-RippleEffect/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/DEBASISH077-RippleEffect/icon.png -------------------------------------------------------------------------------- /Art/DEBASISH077-RippleEffect/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Ripple and Loader Effect 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Art/DEBASISH077-RippleEffect/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "DEBASISH077", 3 | "artName": "RippleEffects" 4 | } 5 | -------------------------------------------------------------------------------- /Art/DEREKFERRER-movingCircle/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/DEREKFERRER-movingCircle/icon.png -------------------------------------------------------------------------------- /Art/DEREKFERRER-movingCircle/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/DEREKFERRER-movingCircle/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Moving Circle", 3 | "githubHandle": "DEREKFERRER" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Debajyati-Omnitrix/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Debajyati-Omnitrix/icon.png -------------------------------------------------------------------------------- /Art/Debajyati-Omnitrix/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Omnitrix 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/Debajyati-Omnitrix/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Debajyati", 3 | "artName": "Omnitrix" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Debajyati-SPACESHIP/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Debajyati-SPACESHIP/icon.png -------------------------------------------------------------------------------- /Art/Debajyati-SPACESHIP/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "SPACESHIP", 3 | "githubHandle": "Debajyati" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Debajyati-sunmoon/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Debajyati-sunmoon/icon.png -------------------------------------------------------------------------------- /Art/Debajyati-sunmoon/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | sunmoon 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /Art/Debajyati-sunmoon/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Debajyati", 3 | "artName": "sunmoon" 4 | } 5 | -------------------------------------------------------------------------------- /Art/DewaldFourie-Floating-Hologram/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hologram Card Animation 8 | 9 | 10 | 11 | 12 |
13 |
14 |

DEWALD FOURIE's

15 |

Floating Hologram

16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/DewaldFourie-Floating-Hologram/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Floating Hologram", 3 | "githubHandle": "DewaldFourie" 4 | } -------------------------------------------------------------------------------- /Art/Dhairya-A-Mehra-spininng_cube/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Dhairya-A-Mehra-spininng_cube/icon.png -------------------------------------------------------------------------------- /Art/Dhairya-A-Mehra-spininng_cube/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 3D Spinning Cube 8 | 9 | 10 | 11 |
12 |
13 |
Front
14 |
Back
15 |
Left
16 |
Right
17 |
Top
18 |
Bottom
19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /Art/Dhairya-A-Mehra-spininng_cube/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Dhairya-A-Mehra", 3 | "artName": "spininng cube" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Dhruv-Davda-AnimatedButton/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Dhruv-Davda-AnimatedButton/icon.png -------------------------------------------------------------------------------- /Art/Dhruv-Davda-AnimatedButton/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Button 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Art/Dhruv-Davda-AnimatedButton/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Animated Button", 3 | "githubHandle": "Dhruv-Davda" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Emmykeys101-animeArt/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Emmykeys101-animeArt/icon.png -------------------------------------------------------------------------------- /Art/Emmykeys101-animeArt/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "animeArt", 3 | "githubHandle": "Emmykeys101" 4 | } 5 | -------------------------------------------------------------------------------- /Art/EstherKal-ExpandingBubble/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/EstherKal-ExpandingBubble/icon.png -------------------------------------------------------------------------------- /Art/EstherKal-ExpandingBubble/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Expanding Bubble Animation 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/EstherKal-ExpandingBubble/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "ExpandingBubble", 3 | "githubHandle": "EstherKal" 4 | } -------------------------------------------------------------------------------- /Art/EstherKal-HappyBirthdayBalloons/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/EstherKal-HappyBirthdayBalloons/icon.png -------------------------------------------------------------------------------- /Art/EstherKal-HappyBirthdayBalloons/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "HappyBirthdayBalloons", 3 | "githubHandle": "EstherKal" 4 | } -------------------------------------------------------------------------------- /Art/HASH-0021-Telephone/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/HASH-0021-Telephone/icon.png -------------------------------------------------------------------------------- /Art/HASH-0021-Telephone/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Telephone 7 | 8 | 9 | 10 |

Telephone is ringing!!

11 |
12 | 13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /Art/HASH-0021-Telephone/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "HASH-0021", 3 | "artName": "Telephone" 4 | } 5 | -------------------------------------------------------------------------------- /Art/HasanSarfraz-DaynNight/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Day and Night", 3 | "githubHandle": "hasansarfraz" 4 | } 5 | -------------------------------------------------------------------------------- /Art/HossamGouda-CirclePulse/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/HossamGouda-CirclePulse/icon.png -------------------------------------------------------------------------------- /Art/HossamGouda-CirclePulse/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Circle Pulse Animation 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/HossamGouda-CirclePulse/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Circle Pulse", 3 | "githubHandle": "HossamGouda" 4 | } 5 | -------------------------------------------------------------------------------- /Art/HossamGouda-CirclePulse/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | margin: 0; 7 | background-color: #f0f0f0; 8 | } 9 | 10 | .circle { 11 | width: 100px; 12 | height: 100px; 13 | border-radius: 50%; 14 | background-color: #3498db; 15 | animation: pulse 2s infinite; 16 | } 17 | 18 | @keyframes pulse { 19 | 0%, 20 | 100% { 21 | transform: scale(1); 22 | opacity: 1; 23 | } 24 | 50% { 25 | transform: scale(1.2); 26 | opacity: 0.7; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /Art/HossamGouda-Rocket-Launch/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/HossamGouda-Rocket-Launch/icon.png -------------------------------------------------------------------------------- /Art/HossamGouda-Rocket-Launch/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Rocket Launch", 3 | "githubHandle": "HossamGouda" 4 | } 5 | -------------------------------------------------------------------------------- /Art/HossamGouda-Solar-System/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/HossamGouda-Solar-System/icon.png -------------------------------------------------------------------------------- /Art/HossamGouda-Solar-System/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Solar System Animation", 3 | "githubHandle": "HossamGouda" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Isabelle36-Halloween/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Isabelle36-Halloween/icon.png -------------------------------------------------------------------------------- /Art/Isabelle36-Halloween/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Happy Haloweeen 7 | 8 | 9 | 10 | 11 |

HAPPY HALLOWEEN

12 | 13 | 14 | -------------------------------------------------------------------------------- /Art/Isabelle36-Halloween/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Halloween Texxt", 3 | "githubHandle": "Isabelle36" 4 | } 5 | -------------------------------------------------------------------------------- /Art/JayShukla8-cat/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/JayShukla8-cat/icon.png -------------------------------------------------------------------------------- /Art/JayShukla8-cat/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Cat 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /Art/JayShukla8-cat/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "JayShukla8", 3 | "artName": "cat" 4 | } 5 | -------------------------------------------------------------------------------- /Art/KC1064-Grid-Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/KC1064-Grid-Animation/icon.png -------------------------------------------------------------------------------- /Art/KC1064-Grid-Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Grid Animation 7 | 8 | 9 | 10 |
11 |
Silde 1
12 |
Slide 2
13 |
Slide 3
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/KC1064-Grid-Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "KC1064", 3 | "artName": "Image Grid Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/KC1064-Menu-Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/KC1064-Menu-Animation/icon.png -------------------------------------------------------------------------------- /Art/KC1064-Menu-Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "KC1064", 3 | "artName": "Menu Hover Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/KC1064-Pop_Up_Text/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/KC1064-Pop_Up_Text/icon.png -------------------------------------------------------------------------------- /Art/KC1064-Pop_Up_Text/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Text 02 7 | 8 | 9 | 10 |

HacktoberFest

11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/KC1064-Pop_Up_Text/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "KC1064", 3 | "artName": "Pop Up Text Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/KC1064-Welcome/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/KC1064-Welcome/icon.png -------------------------------------------------------------------------------- /Art/KC1064-Welcome/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "KC1064", 3 | "artName": "Welcome Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Animation-Done/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kaif-Azmi-Animation-Done/icon.png -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Animation-Done/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Kaif-Azmi", 3 | "artName": "Card Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Celestial-Dance/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kaif-Azmi-Celestial-Dance/icon.png -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Celestial-Dance/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Celestial Dance 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Celestial-Dance/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Kaif-Azmi", 3 | "artName": "Celestial Dance" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Colour-Fill/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kaif-Azmi-Colour-Fill/icon.png -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Colour-Fill/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Circle Fill 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Colour-Fill/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Color filling animation", 3 | "githubHandle": "Kaif-Azmi" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Colour-Fill/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | background-color: #f0f0f0; 7 | } 8 | .circle-container { 9 | display: flex; 10 | gap: 20px; 11 | } 12 | .circle { 13 | position: relative; 14 | width: 100px; 15 | height: 100px; 16 | border-radius: 50%; 17 | overflow: hidden; 18 | border: 3px solid #3498db; 19 | } 20 | .circle::before { 21 | content: ''; 22 | position: absolute; 23 | bottom: 0; 24 | left: 0; 25 | right: 0; 26 | height: 100%; 27 | background-color: #053056; 28 | transform: translateY(100%); 29 | transition: transform 0.5s ease; 30 | } 31 | .circle:hover::before { 32 | transform: translateY(0); 33 | } 34 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Hacktoberfest-Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kaif-Azmi-Hacktoberfest-Animation/icon.png -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Hacktoberfest-Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Hacktoberfest Animation 7 | 8 | 9 | 10 |
11 |

Hacktoberfest

12 |
13 |

Join the open-source movement!

14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-Hacktoberfest-Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Kaif-Azmi", 3 | "artName": "Hacktoberfest Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-SubmitBtn-Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kaif-Azmi-SubmitBtn-Animation/icon.png -------------------------------------------------------------------------------- /Art/Kaif-Azmi-SubmitBtn-Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Submit Button Animation 8 | 9 | 10 |
11 | 12 | 13 | ✔ 14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/Kaif-Azmi-SubmitBtn-Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Submit button cool animation", 3 | "githubHandle": "Kaif-Azmi" 4 | } 5 | -------------------------------------------------------------------------------- /Art/KarenCasallas-spiral/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Spiral Animation 8 | 9 | 10 |
11 |
12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/KarenCasallas-spiral/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "spiral", 3 | "githubHandle": "KarenCasallas" 4 | } 5 | -------------------------------------------------------------------------------- /Art/KavenWo-Polaroid/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "triangle", 3 | "githubHandle": "KavenWo" 4 | } -------------------------------------------------------------------------------- /Art/Kisalaykisu-cubeAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kisalaykisu-cubeAnimation/icon.png -------------------------------------------------------------------------------- /Art/Kisalaykisu-cubeAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Rotating Cube 7 | 8 | 9 | 10 |
11 |
12 |
Front
13 |
Back
14 |
Right
15 |
Left
16 |
Top
17 |
Bottom
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/Kisalaykisu-cubeAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Kisalaykisu", 3 | "artName": "cube Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Kisalaykisu-particleRingAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kisalaykisu-particleRingAnimation/icon.png -------------------------------------------------------------------------------- /Art/Kisalaykisu-particleRingAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Particle Ring Animation 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/Kisalaykisu-particleRingAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Kisalaykisu", 3 | "artName": "particle Ring Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Kisalaykisu-ztmLogoAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Kisalaykisu-ztmLogoAnimation/icon.png -------------------------------------------------------------------------------- /Art/Kisalaykisu-ztmLogoAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | ZTM Logo Animation 7 | 8 | 9 | 10 | 11 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/Kisalaykisu-ztmLogoAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Kisalaykisu", 3 | "artName": "ztm Logo Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/MiryamMann-SolarSystemanimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Solar System", 3 | "githubHandle": "MiryamMann" 4 | } 5 | -------------------------------------------------------------------------------- /Art/MoaadAmer-circles/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Circles Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/MoaadAmer-circles/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "circles", 3 | "githubHandle": "MoaadAmer" 4 | } -------------------------------------------------------------------------------- /Art/Mrdheen-Animrdheen/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | MRDHEEN Animation 7 | 8 | 9 | 10 |
11 |

12 | MRDHEEN 13 |

14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/Mrdheen-Animrdheen/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Animrdheen", 3 | "githubHandle": "Mrdheen" 4 | } -------------------------------------------------------------------------------- /Art/Navdeepsingh4298-linearColorfulLoader/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Navdeepsingh4298-linearColorfulLoader/icon.png -------------------------------------------------------------------------------- /Art/Navdeepsingh4298-linearColorfulLoader/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/Navdeepsingh4298-linearColorfulLoader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Linear Colorful Loader", 3 | "githubHandle": "Navdeepsingh4298" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Nishankulal03-loader/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Nishankulal03-loader/icon.png -------------------------------------------------------------------------------- /Art/Nishankulal03-loader/index.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AAWA;EACE,kBATW;EAUX;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,MA3BW;;AA8BT;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;AALJ;EACE;EACA;;AAEA;EACE;;;AAMR;EACE;IACE,MA3CS;;EA8CT;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE","file":"index.css"} -------------------------------------------------------------------------------- /Art/Nishankulal03-loader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Nishankulal03", 3 | "artName": "loader" 4 | } 5 | -------------------------------------------------------------------------------- /Art/NotIncorecc-coolGradientText/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/NotIncorecc-coolGradientText/icon.png -------------------------------------------------------------------------------- /Art/NotIncorecc-coolGradientText/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Gradient Text Card 7 | 8 | 9 | 10 |
11 |

ZTM Hactoberfest 2024

12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/NotIncorecc-coolGradientText/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "coolGradientText", 3 | "githubHandle": "NotIncorecc" 4 | } 5 | -------------------------------------------------------------------------------- /Art/OCR-tech-artwork/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | OCR-tech 7 | 8 | 9 | 10 | 11 |
12 |

<<< Hello World >>>

13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/OCR-tech-artwork/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "artwork", 3 | "githubHandle": "OCR-tech" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Pauljd1-Pumpkin/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Pauljd1-Pumpkin/icon.png -------------------------------------------------------------------------------- /Art/Pauljd1-Pumpkin/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Halloween Hacktoberfest 7 | 8 | 9 | 10 |
11 | 🎃 12 | Happy Hacktoberfest! 13 | 👻 14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/Pauljd1-Pumpkin/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Pauljd1", 3 | "artName": "Pumpkin" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Pepepg03-MorphLoop/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | -------------------------------------------------------------------------------- /Art/Pepepg03-MorphLoop/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "MorphLoop", 3 | "githubHandle": "Pepepg03" 4 | } -------------------------------------------------------------------------------- /Art/PeterVermeulen01123-Chompy-Gourd/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/PeterVermeulen01123-Chompy-Gourd/icon.png -------------------------------------------------------------------------------- /Art/PeterVermeulen01123-Chompy-Gourd/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Chompy Gourd", 3 | "githubHandle": "PeterVermeulen01123" 4 | } 5 | -------------------------------------------------------------------------------- /Art/PragyaTripathi990-cardsAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/PragyaTripathi990-cardsAnimation/icon.png -------------------------------------------------------------------------------- /Art/PragyaTripathi990-cardsAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "cards Animation", 3 | "githubHandle": "PragyaTripathi990" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ProfoundlyParker-Shop-Like-You-Give-a-Damn/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ProfoundlyParker-Shop-Like-You-Give-a-Damn/icon.png -------------------------------------------------------------------------------- /Art/ProfoundlyParker-Shop-Like-You-Give-a-Damn/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Shop Like You Give a Damn", 3 | "githubHandle": "ProfoundlyParker" 4 | } 5 | -------------------------------------------------------------------------------- /Art/RAj5517-animated_profilecard/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/RAj5517-animated_profilecard/icon.png -------------------------------------------------------------------------------- /Art/RAj5517-animated_profilecard/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "RAj5517", 3 | "artName": "animated_profilecard" 4 | } 5 | -------------------------------------------------------------------------------- /Art/RaHasib-flickeringStars/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/RaHasib-flickeringStars/icon.png -------------------------------------------------------------------------------- /Art/RaHasib-flickeringStars/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Flickering Stars", 3 | "githubHandle": "RaHasib" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Re-Shard-databasequery/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Database-query", 3 | "githubHandle": "Re-Shard" 4 | } -------------------------------------------------------------------------------- /Art/RikyShafer-Dreidel/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Dreidel", 3 | "githubHandle": "RikyShafer" 4 | } -------------------------------------------------------------------------------- /Art/SJ-209-loader/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SJ-209-loader/icon.png -------------------------------------------------------------------------------- /Art/SJ-209-loader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SJ-209", 3 | "artName": "loader" 4 | } 5 | -------------------------------------------------------------------------------- /Art/SagarVerma893-3D Flip Card Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SagarVerma893-3D Flip Card Animation/icon.png -------------------------------------------------------------------------------- /Art/SagarVerma893-3D Flip Card Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Flip Card Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |

Front Side

14 |

Click to flip!

15 |
16 |
17 |

Back Side

18 |

Here is more info!

19 |
20 |
21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /Art/SagarVerma893-3D Flip Card Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SagarVerma893", 3 | "artName": "3D Flip Card Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/SagarVerma893-Flickering Neon Sign/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SagarVerma893-Flickering Neon Sign/icon.png -------------------------------------------------------------------------------- /Art/SagarVerma893-Flickering Neon Sign/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Flickering Neon Sign 7 | 8 | 9 | 10 |
11 |

Hacktoberfest 2024

12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/SagarVerma893-Flickering Neon Sign/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SagarVerma893", 3 | "artName": "Flickering Neon Sign" 4 | } 5 | -------------------------------------------------------------------------------- /Art/SagarVerma893-Typing Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SagarVerma893-Typing Animation/icon.png -------------------------------------------------------------------------------- /Art/SagarVerma893-Typing Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Typing Animation 7 | 8 | 9 | 10 |
11 |

Welcome to Hacktober Fest

12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/SagarVerma893-Typing Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SagarVerma893", 3 | "artName": "Typing Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/SagarVerma893-orbitalMotion/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SagarVerma893-orbitalMotion/icon.png -------------------------------------------------------------------------------- /Art/SagarVerma893-orbitalMotion/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SagarVerma893", 3 | "artName": "orbital Motion" 4 | } 5 | -------------------------------------------------------------------------------- /Art/SammyUrfen-pendulum/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SammyUrfen-pendulum/icon.png -------------------------------------------------------------------------------- /Art/SammyUrfen-pendulum/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pendulum 7 | 8 | 9 | 10 |
11 | 12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /Art/SammyUrfen-pendulum/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SammyUrfen", 3 | "artName": "pendulum" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Shravan250-Day_Night_Cycle/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Shravan250", 3 | "artName": "Day_Night_Cycle" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Steveo1975-Animation-Choas/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Animation-Choas", 3 | "githubHandle": "Steveo1975" 4 | } -------------------------------------------------------------------------------- /Art/SumitDutta007-bubbles/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SumitDutta007-bubbles/icon.png -------------------------------------------------------------------------------- /Art/SumitDutta007-bubbles/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SumitDutta007", 3 | "artName": "bubbles" 4 | } 5 | -------------------------------------------------------------------------------- /Art/SumitDutta007-scroll/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/SumitDutta007-scroll/icon.png -------------------------------------------------------------------------------- /Art/SumitDutta007-scroll/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Scroll Animation 8 | 9 | 10 |
11 |
Welcome to scroll Animation
12 |
13 |
HELLO
14 |
WORLD
15 |
This is
16 |
Scroll
17 |
Animation !
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/SumitDutta007-scroll/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "SumitDutta007", 3 | "artName": "scroll" 4 | } 5 | -------------------------------------------------------------------------------- /Art/THE-ASHUTOSH-button-animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/THE-ASHUTOSH-button-animation/icon.png -------------------------------------------------------------------------------- /Art/THE-ASHUTOSH-button-animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS Animation 9 | 10 | 11 | Hover Me 12 | 13 | 14 | -------------------------------------------------------------------------------- /Art/THE-ASHUTOSH-button-animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "THE-ASHUTOSH", 3 | "artName": "button animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Tanisha800-bounceBall/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tanisha800-bounceBall/icon.png -------------------------------------------------------------------------------- /Art/Tanisha800-bounceBall/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bouncing Ball Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/Tanisha800-bounceBall/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "bounceball", 3 | "githubHandle": "Tanisha800" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Tenatic-X-RotatingBox/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tenatic-X-RotatingBox/icon.png -------------------------------------------------------------------------------- /Art/Tenatic-X-RotatingBox/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "RotatingBox", 3 | "githubHandle": "Tenatic-X" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-CubeAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tushar-0202-Shaw-CubeAnimation/icon.png -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-CubeAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Spinning Cube Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-CubeAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Tushar-0202-Shaw", 3 | "artName": "Spinning Cube Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-FrontPage/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tushar-0202-Shaw-FrontPage/icon.png -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-FrontPage/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Animated Web Page 7 | 8 | 9 | 10 |
11 |

Hello World!!

12 |

This is Tushar Shaw.

13 | 14 |
🔥
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-FrontPage/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Tushar-0202-Shaw", 3 | "artName": "Front Page" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-InfiniteRoad/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tushar-0202-Shaw-InfiniteRoad/icon.png -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-InfiniteRoad/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Infinite road 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-InfiniteRoad/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Tushar-0202-Shaw", 3 | "artName": "Front Page" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-imageSlider/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tushar-0202-Shaw-imageSlider/icon.png -------------------------------------------------------------------------------- /Art/Tushar-0202-Shaw-imageSlider/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Tushar-0202-Shaw", 3 | "artName": "Image slider" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-ColorRain/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tzipi-Winefeld-ColorRain/icon.png -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-ColorRain/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Color Rain Animation 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-ColorRain/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "ColorRain", 3 | "githubHandle": "Tzipi-Winefeld" 4 | } -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-GlowingText/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tzipi-Winefeld-GlowingText/icon.png -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-GlowingText/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Glowing Text Animation 7 | 8 | 9 | 10 |
11 | H 12 | E 13 | L 14 | L 15 | O 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-GlowingText/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "GlowingText", 3 | "githubHandle": "Tzipi-Winefeld" 4 | } -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-RisingSun/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Tzipi-Winefeld-RisingSun/icon.png -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-RisingSun/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rising Sun 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/Tzipi-Winefeld-RisingSun/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "RisingSun", 3 | "githubHandle": "Tzipi-Winefeld" 4 | } -------------------------------------------------------------------------------- /Art/Vandita-014-BoilingBrew/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Vandita-014-BoilingBrew/icon.png -------------------------------------------------------------------------------- /Art/Vandita-014-BoilingBrew/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "BoilingBrew", 3 | "githubHandle": "Vandita-014" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Voidedcrystal-disco/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Voidedcrystal-disco/icon.png -------------------------------------------------------------------------------- /Art/Voidedcrystal-disco/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Untitled Document 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/Voidedcrystal-disco/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Disco Ball", 3 | "githubHandle": "VoidedCrystal" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Vsingla21-graphique/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Vsingla21-graphique/icon.png -------------------------------------------------------------------------------- /Art/Vsingla21-graphique/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Rotating Star Animation with Unique Random Colors 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/Vsingla21-graphique/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "graphique", 3 | "githubHandle": "Vsingla21" 4 | } 5 | -------------------------------------------------------------------------------- /Art/Yadnyesh-Dashpute-AnimatedForm/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/Yadnyesh-Dashpute-AnimatedForm/icon.png -------------------------------------------------------------------------------- /Art/Yadnyesh-Dashpute-AnimatedForm/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "Yadnyesh-Dashpute", 3 | "artName": "Animated Form" 4 | } 5 | -------------------------------------------------------------------------------- /Art/aarushsaboo-neonsign/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/aarushsaboo-neonsign/icon.png -------------------------------------------------------------------------------- /Art/aarushsaboo-neonsign/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Animated Neon Sign 7 | 8 | 9 | 10 |
11 |
12 | HACK 13 |
14 |
15 | FEST 16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/aarushsaboo-neonsign/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "neonsign", 3 | "githubHandle": "aarushsaboo" 4 | } 5 | -------------------------------------------------------------------------------- /Art/aayu5hgit-LoaderAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/aayu5hgit-LoaderAnimation/icon.png -------------------------------------------------------------------------------- /Art/aayu5hgit-LoaderAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Loader Animation | By Aayush Talreja 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/aayu5hgit-LoaderAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "aayu5hgit", 3 | "artName": "Loader Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ac-webdesign-greekflagwaving/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ac-webdesign-greekflagwaving/icon.png -------------------------------------------------------------------------------- /Art/ac-webdesign-greekflagwaving/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "greek flag waving", 3 | "githubHandle": "ac-webdesign" 4 | } 5 | -------------------------------------------------------------------------------- /Art/al3shan33-animatedText/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/al3shan33-animatedText/icon.png -------------------------------------------------------------------------------- /Art/al3shan33-animatedText/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Animated Text 7 | 8 | 9 | 10 |
11 |
12 | 23 |
24 |
25 | 26 | -------------------------------------------------------------------------------- /Art/al3shan33-animatedText/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Animated Text", 3 | "githubHandle": "al3shan33" 4 | } -------------------------------------------------------------------------------- /Art/alienx5499-profilecard/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/alienx5499-profilecard/icon.png -------------------------------------------------------------------------------- /Art/alienx5499-profilecard/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "alienx5499", 3 | "artName": "profilecard" 4 | } 5 | -------------------------------------------------------------------------------- /Art/amaltscaria-cosmic_css/meta.json: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "artName": "cosmic_css", 4 | "githubHandle": "amaltscaria" 5 | } -------------------------------------------------------------------------------- /Art/anisha-singhal-animatedButton/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/anisha-singhal-animatedButton/icon.png -------------------------------------------------------------------------------- /Art/anisha-singhal-animatedButton/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | BUTTON 12 |
13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/anisha-singhal-animatedButton/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "anisha-singhal", 3 | "artName": "animated Button" 4 | } 5 | -------------------------------------------------------------------------------- /Art/annenuno-HeaderDesign/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/annenuno-HeaderDesign/icon.png -------------------------------------------------------------------------------- /Art/annenuno-HeaderDesign/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "HeaderDesign", 3 | "githubHandle": "annenuno" 4 | } 5 | -------------------------------------------------------------------------------- /Art/anorme-loading/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/anorme-loading/icon.png -------------------------------------------------------------------------------- /Art/anorme-loading/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Animation Nation challenge 7 | 8 | 9 | 10 | 11 |

Loading . . .

12 | 13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/anorme-loading/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "loading", 3 | "githubHandle": "anorme" 4 | } -------------------------------------------------------------------------------- /Art/bandhan-majumder-loadingDino/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/bandhan-majumder-loadingDino/icon.png -------------------------------------------------------------------------------- /Art/bandhan-majumder-loadingDino/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "bandhan-majumder", 3 | "artName": "loading Dino" 4 | } 5 | -------------------------------------------------------------------------------- /Art/bryansoftware-art/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | bryansoftware-art 6 | 7 | 8 |
9 | 10 | -------------------------------------------------------------------------------- /Art/bryansoftware-art/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "art", 3 | "githubHandle": "bryansoftware" 4 | } -------------------------------------------------------------------------------- /Art/bryansoftware-art/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | justify-content: center; 4 | align-content: center; 5 | background-color: #887CAF; 6 | padding: 100px; 7 | } 8 | 9 | @keyframes morph { 10 | 0% {background-color:#2B4970;} 11 | 20% {background-color:#AA9239; border-radius: 25px 50px 50px 50px;} 12 | 40% {background-color:#AA6339; border-radius: 50px 50px 25px 50px;} 13 | 60% {background-color:#554300; border-radius: 50px 25px 50px 50px;} 14 | 80% {background-color:#051B38; border-radius: 50px 50px 50px 25px;} 15 | 100% {background-color:#2B4970; border-radius: 50px;} 16 | } 17 | 18 | #main { 19 | width: 100px; 20 | height: 100px; 21 | border-radius: 50px; 22 | background-color: #051B38; 23 | animation: morph 10s infinite; 24 | } -------------------------------------------------------------------------------- /Art/buzzcosm-neon_greetings/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/buzzcosm-neon_greetings/icon.png -------------------------------------------------------------------------------- /Art/buzzcosm-neon_greetings/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Wave Effect 7 | 8 | 9 | 10 | 11 |
👋
12 | 13 | 14 | -------------------------------------------------------------------------------- /Art/buzzcosm-neon_greetings/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "neon_greetings", 3 | "githubHandle": "buzzcosm" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ccholinski-DisappearingSquares/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ccholinski-DisappearingSquares/icon.png -------------------------------------------------------------------------------- /Art/ccholinski-DisappearingSquares/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Disappearing Squares", 3 | "githubHandle": "ccholinski" 4 | } 5 | -------------------------------------------------------------------------------- /Art/chaitraDev_gavel/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/chaitraDev_gavel/icon.png -------------------------------------------------------------------------------- /Art/chaitraDev_gavel/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Gavel animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/chaitraDev_gavel/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "gavel", 3 | "githubHandle": "chaitraDev" 4 | } 5 | -------------------------------------------------------------------------------- /Art/chaitraDev_pulsating_circles/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/chaitraDev_pulsating_circles/icon.png -------------------------------------------------------------------------------- /Art/chaitraDev_pulsating_circles/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | CSS animation 7 | 8 | 9 | 10 |

Two circles

11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/chaitraDev_pulsating_circles/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "pulsating_circles", 3 | "githubHandle": "chaitraDev" 4 | } 5 | -------------------------------------------------------------------------------- /Art/chaitraDev_spiralMove/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/chaitraDev_spiralMove/icon.png -------------------------------------------------------------------------------- /Art/chaitraDev_spiralMove/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | animation 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/chaitraDev_spiralMove/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "spiralMove", 3 | "githubHandle": "chaitraDev" 4 | } 5 | -------------------------------------------------------------------------------- /Art/chaitraDev_spiralMove/styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | body { 7 | background-color: lightblue; 8 | height: 100vh; 9 | width: 100vw; 10 | display: flex; 11 | align-items: center; 12 | justify-content: center; 13 | overflow: hidden; 14 | } 15 | 16 | #circle { 17 | height: 60%; 18 | aspect-ratio: 1; 19 | background-image: linear-gradient(0deg, red, orange); 20 | border-radius: 100%; 21 | animation: rise ease-out 3s infinite alternate-reverse; 22 | } 23 | 24 | @keyframes rise { 25 | 0% { 26 | rotate: 0deg; 27 | transform: translate(-30%, -100%); 28 | scale: 0%; 29 | } 30 | 100% { 31 | transform: translate(10%); 32 | rotate: 360deg; 33 | scale: 100%; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /Art/charlomatic-CircleSlider/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/charlomatic-CircleSlider/icon.png -------------------------------------------------------------------------------- /Art/charlomatic-CircleSlider/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "charlomatic", 3 | "artName": "Circle Slider" 4 | } 5 | -------------------------------------------------------------------------------- /Art/cljarvis-octArt/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/cljarvis-octArt/icon.png -------------------------------------------------------------------------------- /Art/cljarvis-octArt/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Night Fall", 3 | "githubHandle": "ClJarvis" 4 | } 5 | -------------------------------------------------------------------------------- /Art/dev1abhi-Hindu-Swastika/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/dev1abhi-Hindu-Swastika/icon.png -------------------------------------------------------------------------------- /Art/dev1abhi-Hindu-Swastika/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
Hindu Swastika (Symbol of peace and prosperity)
12 |
13 | 14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /Art/dev1abhi-Hindu-Swastika/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "dev1abhi", 3 | "artName": "Hindu Swastika" 4 | } 5 | -------------------------------------------------------------------------------- /Art/fabio123789-spookyGhost/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/fabio123789-spookyGhost/icon.png -------------------------------------------------------------------------------- /Art/fabio123789-spookyGhost/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "spooky shost", 3 | "githubHandle": "fabio123789" 4 | } 5 | -------------------------------------------------------------------------------- /Art/fullspeccoder-scaryface/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/fullspeccoder-scaryface/icon.png -------------------------------------------------------------------------------- /Art/fullspeccoder-scaryface/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "fullspeccoder", 3 | "artName": "scaryface" 4 | } 5 | -------------------------------------------------------------------------------- /Art/gauravbalade-myartwork/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/gauravbalade-myartwork/icon.png -------------------------------------------------------------------------------- /Art/gauravbalade-myartwork/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Contribute with Style", 3 | "githubHandle": "gauravbalade" 4 | } 5 | -------------------------------------------------------------------------------- /Art/guranshdeol-CardFlip/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/guranshdeol-CardFlip/icon.png -------------------------------------------------------------------------------- /Art/guranshdeol-CardFlip/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Card Flip Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |

Front Side

14 |
15 |
16 |

Back Side

17 |
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/guranshdeol-CardFlip/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Card Flip", 3 | "githubHandle": "guranshdeol" 4 | } 5 | -------------------------------------------------------------------------------- /Art/guranshdeol-RadarScannarAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/guranshdeol-RadarScannarAnimation/icon.png -------------------------------------------------------------------------------- /Art/guranshdeol-RadarScannarAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Neon Radar Scanner Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/guranshdeol-RadarScannarAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Radar Scannar Animation", 3 | "githubHandle": "guranshdeol" 4 | } 5 | -------------------------------------------------------------------------------- /Art/guranshdeol-morphingblob/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/guranshdeol-morphingblob/icon.png -------------------------------------------------------------------------------- /Art/guranshdeol-morphingblob/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Complex Morphing Blob Animation 7 | 8 | 9 | 10 |
11 |
12 |
MORPH
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/guranshdeol-morphingblob/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Morphing Blob", 3 | "githubHandle": "guranshdeol" 4 | } 5 | -------------------------------------------------------------------------------- /Art/hanisntsolo-verticalballsbounce/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/hanisntsolo-verticalballsbounce/icon.png -------------------------------------------------------------------------------- /Art/hanisntsolo-verticalballsbounce/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bouncing Balls Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/hanisntsolo-verticalballsbounce/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "hanisntsolo", 3 | "artName": "verticalballsbounce" 4 | } 5 | -------------------------------------------------------------------------------- /Art/harshporwal03-heart_beat_animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/harshporwal03-heart_beat_animation/icon.png -------------------------------------------------------------------------------- /Art/harshporwal03-heart_beat_animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/harshporwal03-heart_beat_animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "harshporwal03", 3 | "artName": "heart beat_animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/hoangnv170752-loading/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/hoangnv170752-loading/icon.png -------------------------------------------------------------------------------- /Art/hoangnv170752-loading/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Text loading 7 | 8 | 9 | 10 |
11 |
G
12 |
N
13 |
I
14 |
D
15 |
A
16 |
O
17 |
L
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/hoangnv170752-loading/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "hoangnv170752", 3 | "artName": "loading" 4 | } 5 | -------------------------------------------------------------------------------- /Art/hoangnv170752-pinball/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/hoangnv170752-pinball/icon.png -------------------------------------------------------------------------------- /Art/hoangnv170752-pinball/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pinball AkaGame 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/hoangnv170752-pinball/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "hoangnv170752", 3 | "artName": "pinball" 4 | } 5 | -------------------------------------------------------------------------------- /Art/hoangnv170752-wavingflag/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/hoangnv170752-wavingflag/icon.png -------------------------------------------------------------------------------- /Art/hoangnv170752-wavingflag/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Vietnam Flag Waving Animation 7 | 8 | 9 | 10 |
11 |
★
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/hoangnv170752-wavingflag/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "hoangnv170752", 3 | "artName": "wavingflag" 4 | } 5 | -------------------------------------------------------------------------------- /Art/jacomarais1712-meteor_shower/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "MeteorShower", 3 | "githubHandle": "jacomarais1712" 4 | } 5 | -------------------------------------------------------------------------------- /Art/jaydeecodez-pink_speedy/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/jaydeecodez-pink_speedy/icon.png -------------------------------------------------------------------------------- /Art/jaydeecodez-pink_speedy/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pink Speedy 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/jaydeecodez-pink_speedy/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "pink_speedy", 3 | "githubHandle": "jaydeecodez" 4 | } 5 | -------------------------------------------------------------------------------- /Art/jaydeecodez-pink_speedy/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #89cff0; 3 | } 4 | 5 | #main-circle { 6 | background-color: pink; 7 | height: 400px; 8 | width: 600px; 9 | border-radius: 180; 10 | margin-top: -20px; 11 | border: black dashed 5px; 12 | animation: 1s linear 0s infinite alternate pinky2; 13 | } 14 | 15 | @keyframes pinky2 { 16 | from { 17 | transform: translateY(0); 18 | } 19 | to { 20 | transform: translateX(100vw); 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /Art/jayg2309-ColorfulWaves/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/jayg2309-ColorfulWaves/icon.png -------------------------------------------------------------------------------- /Art/jayg2309-ColorfulWaves/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Wave Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/jayg2309-ColorfulWaves/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "jayg2309", 3 | "artName": "Colorful Waves" 4 | } 5 | -------------------------------------------------------------------------------- /Art/jeevaramanathan-bouncingball/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/jeevaramanathan-bouncingball/icon.png -------------------------------------------------------------------------------- /Art/jeevaramanathan-bouncingball/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bouncing Ball 5 | 6 | 7 | 8 |
9 |
10 |
11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /Art/jeevaramanathan-bouncingball/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "jeevaramanathan", 3 | "artName": "bouncingball" 4 | } 5 | -------------------------------------------------------------------------------- /Art/jeffwiatt-GoldenStars/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/jeffwiatt-GoldenStars/icon.png -------------------------------------------------------------------------------- /Art/jeffwiatt-GoldenStars/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "GoldenStars", 3 | "githubHandle": "jeffwiatt" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kapish9741-batman/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kapish9741-batman/icon.png -------------------------------------------------------------------------------- /Art/kapish9741-batman/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Spider-Man Swing Animation 7 | 8 | 9 | 10 |
11 | Spider-Man 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/kapish9741-batman/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "batmananimaiton", 3 | "githubHandle": "kapish9741" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kasunJayasanka-pixelLoading/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kasunJayasanka-pixelLoading/icon.png -------------------------------------------------------------------------------- /Art/kasunJayasanka-pixelLoading/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pixel Loading Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /Art/kasunJayasanka-pixelLoading/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "kasunJayasanka", 3 | "artName": "pixel Loading" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kasunjayasanka-ZTM-letters-animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kasunjayasanka-ZTM-letters-animation/icon.png -------------------------------------------------------------------------------- /Art/kasunjayasanka-ZTM-letters-animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Creative ZTM Animation 8 | 9 | 10 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/kasunjayasanka-ZTM-letters-animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "ZTM letters Animation", 3 | "githubHandle": "kasunjayasanka" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kasunjayasanka-fetching-animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kasunjayasanka-fetching-animation/icon.png -------------------------------------------------------------------------------- /Art/kasunjayasanka-fetching-animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Fetching Animation 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |

Fetching Data...

17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/kasunjayasanka-fetching-animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Data Fetching Animation", 3 | "githubHandle": "kasunjayasanka" 4 | } 5 | -------------------------------------------------------------------------------- /Art/katkatniss-makeAHalloweenPumpkin/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/katkatniss-makeAHalloweenPumpkin/icon.png -------------------------------------------------------------------------------- /Art/katkatniss-makeAHalloweenPumpkin/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "katkatniss", 3 | "artName": "Make a Halloween Pumpkin" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kishan-25-3D/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kishan-25-3D/icon.png -------------------------------------------------------------------------------- /Art/kishan-25-3D/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 3D Flip Animation 7 | 8 | 9 | 10 |
11 |

Welcome to 3D Flip

12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/kishan-25-3D/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "kishan-25", 3 | "artName": "3D" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kishan-25-Animated-Timeline/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kishan-25-Animated-Timeline/icon.png -------------------------------------------------------------------------------- /Art/kishan-25-Animated-Timeline/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "kishan-25", 3 | "artName": "Animated Timeline" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kishan-25-Dino-Loading-Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kishan-25-Dino-Loading-Animation/icon.png -------------------------------------------------------------------------------- /Art/kishan-25-Dino-Loading-Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Dino Loading Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/kishan-25-Dino-Loading-Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "kishan-25", 3 | "artName": "Dino Loading Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/kishan-25-animated-backgroundcolor-changer/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/kishan-25-animated-backgroundcolor-changer/icon.png -------------------------------------------------------------------------------- /Art/kishan-25-animated-backgroundcolor-changer/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Gradient Background Animation 7 | 8 | 9 | 10 |
11 |

Welcome to My Animated Page

12 |

13 | This is a simple animation with a moving gradient background! 14 |

15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/kishan-25-animated-backgroundcolor-changer/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "kishan-25", 3 | "artName": "animated backgroundcolor changer" 4 | } 5 | -------------------------------------------------------------------------------- /Art/laurelinep-drippingCoffee/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/laurelinep-drippingCoffee/icon.png -------------------------------------------------------------------------------- /Art/laurelinep-drippingCoffee/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Dripping Coffee - Laureline P. 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/laurelinep-drippingCoffee/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "laurelinep", 3 | "artName": "dripping Coffee" 4 | } 5 | -------------------------------------------------------------------------------- /Art/lukas2485-movingAround/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/lukas2485-movingAround/icon.png -------------------------------------------------------------------------------- /Art/lukas2485-movingAround/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/lukas2485-movingAround/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Moving Around", 3 | "githubHandle": "lukas2485" 4 | } 5 | -------------------------------------------------------------------------------- /Art/maidx-waveText/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/maidx-waveText/icon.png -------------------------------------------------------------------------------- /Art/maidx-waveText/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Just texttt 8 | 9 | 10 |
11 |

WAVE

12 |

WAVE

13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/maidx-waveText/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Just text", 3 | "githubHandle": "maidxn" 4 | } 5 | -------------------------------------------------------------------------------- /Art/maidxn-flower/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/maidxn-flower/icon.png -------------------------------------------------------------------------------- /Art/maidxn-flower/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Flower!!! 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /Art/maidxn-flower/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Flower", 3 | "githubHandle": "maidxn" 4 | } 5 | -------------------------------------------------------------------------------- /Art/maidxn-pan/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/maidxn-pan/icon.png -------------------------------------------------------------------------------- /Art/maidxn-pan/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Pan-Pan 8 | 9 | 10 | 11 |

Flipppp!!! Yayyyy!!!!

12 | 13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 |
21 |
22 |
23 |
24 |
25 | 26 | 27 | -------------------------------------------------------------------------------- /Art/maidxn-pan/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Pan-Pan", 3 | "githubHandle": "maidxn" 4 | } 5 | -------------------------------------------------------------------------------- /Art/maidxn-solarsystem/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/maidxn-solarsystem/icon.png -------------------------------------------------------------------------------- /Art/maidxn-solarsystem/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | the Earth, the Moon and the Sun 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/maidxn-solarsystem/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "EarthMoonSun", 3 | "githubHandle": "maidxn" 4 | } 5 | -------------------------------------------------------------------------------- /Art/markwsch-ExpandingCircles/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/markwsch-ExpandingCircles/icon.png -------------------------------------------------------------------------------- /Art/markwsch-ExpandingCircles/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Expanding Circles by MarkwSch 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/markwsch-ExpandingCircles/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Expanding Circles", 3 | "githubHandle": "MarkwSch" 4 | } -------------------------------------------------------------------------------- /Art/mattcsmith-triangle/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/mattcsmith-triangle/icon.png -------------------------------------------------------------------------------- /Art/mattcsmith-triangle/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | A triangle 6 | 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/mattcsmith-triangle/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "mattcsmith", 3 | "artName": "triangle" 4 | } 5 | -------------------------------------------------------------------------------- /Art/maxfedorov-dual-ring-pulse-loader/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Dual Ring Pulse Loader 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 | 15 | -------------------------------------------------------------------------------- /Art/maxfedorov-dual-ring-pulse-loader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Dual Ring Pulse Loader", 3 | "githubHandle": "maxfedorov" 4 | } -------------------------------------------------------------------------------- /Art/mitul-bhatia-keyboardanimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/mitul-bhatia-keyboardanimation/icon.png -------------------------------------------------------------------------------- /Art/mitul-bhatia-keyboardanimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "immersive-3D-billboard", 3 | "githubHandle": "mitul-bhatia" 4 | } 5 | -------------------------------------------------------------------------------- /Art/mrjahsan-pakistanflag/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "animated-pakistani-flag", 3 | "githubHandle": "mrjahsan" 4 | } -------------------------------------------------------------------------------- /Art/nabinkumarshaw-Animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/nabinkumarshaw-Animation/icon.png -------------------------------------------------------------------------------- /Art/nabinkumarshaw-Animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Advanced Image Animation 7 | 8 | 9 | 10 |
11 |

Advanced Image Animation

12 | Animated Image 17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/nabinkumarshaw-Animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "nabinkumarshaw", 3 | "artName": "Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/nabinkumarshaw-Bouncing_ball_animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/nabinkumarshaw-Bouncing_ball_animation/icon.png -------------------------------------------------------------------------------- /Art/nabinkumarshaw-Bouncing_ball_animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 5 Bouncing Balls Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/nabinkumarshaw-Bouncing_ball_animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "nabinkumarshaw", 3 | "artName": "Bouncing ball_animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/nabinkumarshaw-animatedgeometry/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/nabinkumarshaw-animatedgeometry/icon.png -------------------------------------------------------------------------------- /Art/nabinkumarshaw-animatedgeometry/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Geometric Shapes Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/nabinkumarshaw-animatedgeometry/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "nabinkumarshaw", 3 | "artName": "animatedgeometry" 4 | } 5 | -------------------------------------------------------------------------------- /Art/nabinkumarshaw-rotating_cube/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/nabinkumarshaw-rotating_cube/icon.png -------------------------------------------------------------------------------- /Art/nabinkumarshaw-rotating_cube/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rotating Cube Animation 7 | 8 | 9 | 10 |
11 |
Front
12 |
Back
13 |
Left
14 |
Right
15 |
Top
16 |
Bottom
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/nabinkumarshaw-rotating_cube/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "nabinkumarshaw", 3 | "artName": "rotating cube" 4 | } 5 | -------------------------------------------------------------------------------- /Art/nikhila1003-pebblesbounce/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Animation 5 | 6 | 7 | 8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 | 16 | -------------------------------------------------------------------------------- /Art/nikhila1003-pebblesbounce/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "pebblesbounce", 3 | "githubHandle": "Nikhila1003" 4 | } -------------------------------------------------------------------------------- /Art/nikkvijay-GlowingRCube/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/nikkvijay-GlowingRCube/icon.png -------------------------------------------------------------------------------- /Art/nikkvijay-GlowingRCube/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Glowing Rotating Cube 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /Art/nikkvijay-GlowingRCube/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Glowing Rotating Cube", 3 | "githubHandle": "nikkvijay" 4 | } 5 | -------------------------------------------------------------------------------- /Art/oOXxTNTxXOo-colorchange/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/oOXxTNTxXOo-colorchange/icon.png -------------------------------------------------------------------------------- /Art/oOXxTNTxXOo-colorchange/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | colorchange 5 | 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /Art/oOXxTNTxXOo-colorchange/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "oOXxTNTxXOo", 3 | "artName": "colorchange" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ornitcg-blink/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ornitcg-blink/icon.png -------------------------------------------------------------------------------- /Art/ornitcg-blink/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 |
17 |
18 |
19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /Art/ornitcg-blink/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "blink", 3 | "githubHandle": "ornitcg" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ornitcg-coloredsquares/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ornitcg-coloredsquares/icon.png -------------------------------------------------------------------------------- /Art/ornitcg-coloredsquares/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/ornitcg-coloredsquares/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "coloredsquares", 3 | "githubHandle": "ornitcg" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ornitcg-eclipse/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ornitcg-eclipse/icon.png -------------------------------------------------------------------------------- /Art/ornitcg-eclipse/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/ornitcg-eclipse/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "eclipse", 3 | "githubHandle": "ornitcg" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ornitcg-rotation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ornitcg-rotation/icon.png -------------------------------------------------------------------------------- /Art/ornitcg-rotation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/ornitcg-rotation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "rotation", 3 | "githubHandle": "ornitcg" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ornitcg-train/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/ornitcg-train/icon.png -------------------------------------------------------------------------------- /Art/ornitcg-train/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "train", 3 | "githubHandle": "ornitcg" 4 | } 5 | -------------------------------------------------------------------------------- /Art/parthrajsinghbhati-pulsatingcircle/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/parthrajsinghbhati-pulsatingcircle/icon.png -------------------------------------------------------------------------------- /Art/parthrajsinghbhati-pulsatingcircle/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pulsating Circle Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/parthrajsinghbhati-pulsatingcircle/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "parthrajsinghbhati", 3 | "artName": "Pulsing-circle" 4 | } 5 | -------------------------------------------------------------------------------- /Art/pleomorph-happyhacktoberfest/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/pleomorph-happyhacktoberfest/icon.png -------------------------------------------------------------------------------- /Art/pleomorph-happyhacktoberfest/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Happy Hacktoberfest 2024 from pleomorph 7 | 8 | 9 | 10 | 14 | 15 | 16 |
👻
17 |
Happy Hacktoberfest 2024
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/pleomorph-happyhacktoberfest/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "pleomorph", 3 | "artName": "happyhacktoberfest" 4 | } 5 | -------------------------------------------------------------------------------- /Art/popsnation/meta..json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Hacktoberfest CSS Glitch Animation", 3 | "description": "A pure CSS3 glitch animation featuring 'HACKTOBERFEST' with optional background imagery and effects. Built for Hacktoberfest 2025 animation showcase.", 4 | "author": { 5 | "name": "Takunda", 6 | "github": "https://github.com/Enock12234" 7 | }, 8 | "version": "1.0.0", 9 | "license": "MIT", 10 | "tags": ["CSS3", "glitch", "animation", "Hacktoberfest", "frontend", "html", "design"], 11 | "files": [ 12 | "index.html", 13 | "styles.css", 14 | "hacktoberfest-logo.png" 15 | ], 16 | "created": "2025-10-01", 17 | "updated": "2025-10-13", 18 | "preview": "hacktoberfest-logo.png", 19 | "repository": "https://github.com/Enock12234/hacktoberfest-css-glitch-animation" 20 | } 21 | -------------------------------------------------------------------------------- /Art/ptobarra-ChamikaraM_winterwonderland/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "ChamikaraM Winter Wonderland", 3 | "githubHandle": "ptobarra" 4 | } -------------------------------------------------------------------------------- /Art/raonycavalcante-Brazilian-flag/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/raonycavalcante-Brazilian-flag/icon.png -------------------------------------------------------------------------------- /Art/raonycavalcante-Brazilian-flag/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Brazilian Flag Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/raonycavalcante-Brazilian-flag/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Brazilian-flag", 3 | "githubHandle": "raonycavalcante" 4 | } -------------------------------------------------------------------------------- /Art/ruthberkowicz-airwords/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Airwords 7 | 8 | 9 | 10 |
11 | 💡 Create 12 | 🧠 Learn 13 | ⚙️ Build 14 | 🧪 Experiment 15 | 🚀 Deploy 16 | 💻 Code 17 | 🌐 API 18 | 🎨 Design 19 |
20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /Art/ruthberkowicz-airwords/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "airwords", 3 | "githubHandle": "ruthberkowicz" 4 | } -------------------------------------------------------------------------------- /Art/rutubhanderi-sunrise-animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/rutubhanderi-sunrise-animation/icon.png -------------------------------------------------------------------------------- /Art/rutubhanderi-sunrise-animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Sunrise Animation 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/rutubhanderi-sunrise-animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "rutubhanderi", 3 | "artName": "sunrise animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/ryekram-preloader_animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Circle Preloader 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | -------------------------------------------------------------------------------- /Art/ryekram-preloader_animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "ryekram", 3 | "artName": "preloader_animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/sadhikatadinada-moon-and-stars/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/sadhikatadinada-moon-and-stars/icon.png -------------------------------------------------------------------------------- /Art/sadhikatadinada-moon-and-stars/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Moon & Stars", 3 | "githubHandle": "sadhikatadinada" 4 | } 5 | -------------------------------------------------------------------------------- /Art/sadhikatadinada-nebula-animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/sadhikatadinada-nebula-animation/icon.png -------------------------------------------------------------------------------- /Art/sadhikatadinada-nebula-animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Nebula Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/sadhikatadinada-nebula-animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "sadhika tadinada", 3 | "artName": "nebula animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/sadhikatadinada-neon-wave-animation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/sadhikatadinada-neon-wave-animation/icon.png -------------------------------------------------------------------------------- /Art/sadhikatadinada-neon-wave-animation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Neon Wave Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/sadhikatadinada-neon-wave-animation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "sadhikatadinada", 3 | "artName": "neon wave animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/sadhikatadinada-solar-system/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/sadhikatadinada-solar-system/icon.png -------------------------------------------------------------------------------- /Art/sadhikatadinada-solar-system/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "solar system", 3 | "githubHandle": "sadhikatadinada" 4 | } 5 | -------------------------------------------------------------------------------- /Art/samilabud-piramidSunSet/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/samilabud-piramidSunSet/icon.png -------------------------------------------------------------------------------- /Art/samilabud-piramidSunSet/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | 26 | 27 | -------------------------------------------------------------------------------- /Art/samilabud-piramidSunSet/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "samilabud", 3 | "artName": "piramid Sun Set" 4 | } 5 | -------------------------------------------------------------------------------- /Art/shanolhere-discoLightsAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/shanolhere-discoLightsAnimation/icon.png -------------------------------------------------------------------------------- /Art/shanolhere-discoLightsAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Disco Lights Animation 7 | 8 | 9 | 10 |

DISCO
LIGHTS

11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/shanolhere-discoLightsAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "shanolhere", 3 | "artName": "discoLightsAnimation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/shanolhere-dogAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/shanolhere-dogAnimation/icon.png -------------------------------------------------------------------------------- /Art/shanolhere-dogAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Dog Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /Art/shanolhere-dogAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Dog Animation", 3 | "githubHandle": "shanolhere" 4 | } 5 | -------------------------------------------------------------------------------- /Art/shanolhere-loaderAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/shanolhere-loaderAnimation/icon.png -------------------------------------------------------------------------------- /Art/shanolhere-loaderAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Loader Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/shanolhere-loaderAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Loader Animation", 3 | "githubHandle": "shanolhere" 4 | } 5 | -------------------------------------------------------------------------------- /Art/shanolhere-loaderAnimation/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | background-color: #f0f0f0; 7 | margin: 0; 8 | } 9 | 10 | .loader { 11 | display: flex; 12 | align-items: flex-end; 13 | } 14 | 15 | .dot { 16 | width: 15px; 17 | height: 15px; 18 | margin: 0 5px; 19 | background-color: #3498db; 20 | border-radius: 50%; 21 | animation: bounce 0.6s infinite alternate; 22 | } 23 | 24 | .dot:nth-child(2) { 25 | animation-delay: 0.2s; 26 | } 27 | 28 | .dot:nth-child(3) { 29 | animation-delay: 0.4s; 30 | } 31 | 32 | @keyframes bounce { 33 | to { 34 | transform: translateY(-20px); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /Art/shehzansk-animatedbutton/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/shehzansk-animatedbutton/icon.png -------------------------------------------------------------------------------- /Art/shehzansk-animatedbutton/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Animated Button 7 | 8 | 9 | 10 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/shehzansk-animatedbutton/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Animated Button", 3 | "githubHandle": "ShehzanSk" 4 | } 5 | -------------------------------------------------------------------------------- /Art/shrlaw-bouncing/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/shrlaw-bouncing/icon.png -------------------------------------------------------------------------------- /Art/shrlaw-bouncing/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Animation Example 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/shrlaw-bouncing/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "bouncing", 3 | "githubHandle": "shrlaw" 4 | } 5 | -------------------------------------------------------------------------------- /Art/shuaixr-twilight_voyage/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/shuaixr-twilight_voyage/icon.png -------------------------------------------------------------------------------- /Art/shuaixr-twilight_voyage/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Twilight Voyage 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/shuaixr-twilight_voyage/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "shuaixr", 3 | "artName": "twilight voyage" 4 | } 5 | -------------------------------------------------------------------------------- /Art/smitthakore-oreo/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/smitthakore-oreo/icon.png -------------------------------------------------------------------------------- /Art/smitthakore-oreo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 |
9 |
10 |
11 |
12 |
Twist, Lick, and Hack!
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/smitthakore-oreo/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "smitthakore", 3 | "artName": "oreo" 4 | } 5 | -------------------------------------------------------------------------------- /Art/somnath0904-AnimatedPage/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/somnath0904-AnimatedPage/icon.png -------------------------------------------------------------------------------- /Art/somnath0904-AnimatedPage/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "somnath0904", 3 | "artName": "Animated Page" 4 | } 5 | -------------------------------------------------------------------------------- /Art/somnath0904-HandAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/somnath0904-HandAnimation/icon.png -------------------------------------------------------------------------------- /Art/somnath0904-HandAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Hand Scanning Animation 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |

# Hand Print Scanning #

14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/somnath0904-HandAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "somnath0904", 3 | "artName": "Hand Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/somnath0904-LoginPage/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/somnath0904-LoginPage/icon.png -------------------------------------------------------------------------------- /Art/somnath0904-LoginPage/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "somnath0904", 3 | "artName": "Login Page" 4 | } 5 | -------------------------------------------------------------------------------- /Art/somnath0904-OrbittingCircles/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/somnath0904-OrbittingCircles/icon.png -------------------------------------------------------------------------------- /Art/somnath0904-OrbittingCircles/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Orbiting Circles 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/somnath0904-OrbittingCircles/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "somnath0904", 3 | "artName": "Orbitting Circles" 4 | } 5 | -------------------------------------------------------------------------------- /Art/staticBird-helicopterAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/staticBird-helicopterAnimation/icon.png -------------------------------------------------------------------------------- /Art/staticBird-helicopterAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "staticBird", 3 | "artName": "helicopter Animation" 4 | } 5 | -------------------------------------------------------------------------------- /Art/strykeFreedom08-JumpingStickman/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/strykeFreedom08-JumpingStickman/icon.png -------------------------------------------------------------------------------- /Art/strykeFreedom08-JumpingStickman/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Jumping Stickman 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/strykeFreedom08-JumpingStickman/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "strykeFreedom08", 3 | "artName": "Jumping Stickman" 4 | } 5 | -------------------------------------------------------------------------------- /Art/stutxi-animatedEyes/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/stutxi-animatedEyes/icon.png -------------------------------------------------------------------------------- /Art/stutxi-animatedEyes/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Animated Eyes 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /Art/stutxi-animatedEyes/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "stutxi", 3 | "artName": "animated Eyes" 4 | } 5 | -------------------------------------------------------------------------------- /Art/surajb0710-fallingCharacters/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/surajb0710-fallingCharacters/icon.png -------------------------------------------------------------------------------- /Art/surajb0710-fallingCharacters/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "surajb0710", 3 | "artName": "fallingCharacters" 4 | } 5 | -------------------------------------------------------------------------------- /Art/surjayankar-DynamicRotatingSquares/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/surjayankar-DynamicRotatingSquares/icon.png -------------------------------------------------------------------------------- /Art/surjayankar-DynamicRotatingSquares/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Dynamic Rotating Squares 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/surjayankar-DynamicRotatingSquares/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "surjayankar", 3 | "artName": "Dynamic Rotating Squares" 4 | } 5 | -------------------------------------------------------------------------------- /Art/surjayankar-InfiniteGridBackground/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/surjayankar-InfiniteGridBackground/icon.png -------------------------------------------------------------------------------- /Art/surjayankar-InfiniteGridBackground/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Diagonal Moving Square Grid Background 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/surjayankar-InfiniteGridBackground/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "surjayankar", 3 | "artName": "Infinite Grid Background" 4 | } 5 | -------------------------------------------------------------------------------- /Art/surjayankar-ShootingStars/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/surjayankar-ShootingStars/icon.png -------------------------------------------------------------------------------- /Art/surjayankar-ShootingStars/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "surjayankar", 3 | "artName": "Shooting Stars" 4 | } 5 | -------------------------------------------------------------------------------- /Art/surjayankar-verticalballsbounceloader/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/surjayankar-verticalballsbounceloader/icon.png -------------------------------------------------------------------------------- /Art/surjayankar-verticalballsbounceloader/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bouncing Balls Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /Art/surjayankar-verticalballsbounceloader/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "surjayankar", 3 | "artName": "verticalballsbounceloader" 4 | } 5 | -------------------------------------------------------------------------------- /Art/terrifricker-bloom/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/terrifricker-bloom/icon.png -------------------------------------------------------------------------------- /Art/terrifricker-bloom/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Flower Blooming 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /Art/terrifricker-bloom/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Flower Bloom", 3 | "githubHandle": "terrifricker" 4 | } 5 | -------------------------------------------------------------------------------- /Art/terrifricker-rotatingSquare/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/terrifricker-rotatingSquare/icon.png -------------------------------------------------------------------------------- /Art/terrifricker-rotatingSquare/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rotating Square 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Art/terrifricker-rotatingSquare/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Rotating Square", 3 | "githubHandle": "terrifricker" 4 | } 5 | -------------------------------------------------------------------------------- /Art/thiziribouaziz-HachtoberfestAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/thiziribouaziz-HachtoberfestAnimation/icon.png -------------------------------------------------------------------------------- /Art/thiziribouaziz-HachtoberfestAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | aniamation nation 7 | 8 | 9 | 10 | 14 | 15 | 16 |
17 |

HAPPY HACHTOBERFEST

18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /Art/thiziribouaziz-HachtoberfestAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "Hachtoberfest Animation", 3 | "githubHandle": "thiziribouaziz" 4 | } 5 | -------------------------------------------------------------------------------- /Art/turtlemb-ThePrismDiscoveryOfInfrared/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | The Prism: Discovery of Infrared 4 | 5 | 6 | 7 | 8 |
9 |
10 |
Wilhelm Herschel
11 | 12 |
Temperature
13 |
Infrared
14 |
15 |
-------------------------------------------------------------------------------- /Art/turtlemb-ThePrismDiscoveryOfInfrared/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "The_Prism_Discovery_Of_Infrared", 3 | "githubHandle": "turtlemb" 4 | } -------------------------------------------------------------------------------- /Art/udeshvirk-rotating-ball/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rotating Ball In Circle 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /Art/udeshvirk-rotating-ball/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "RotatingBallInCircle", 3 | "githubHandle": "udeshvirk" 4 | } -------------------------------------------------------------------------------- /Art/vedpawar2254-bouncingball/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/vedpawar2254-bouncingball/icon.png -------------------------------------------------------------------------------- /Art/vedpawar2254-bouncingball/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bouncing Ball Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 | 14 | 15 | -------------------------------------------------------------------------------- /Art/vedpawar2254-bouncingball/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "bouncingball", 3 | "githubHandlde": "vedpawar2254" 4 | } 5 | -------------------------------------------------------------------------------- /Art/venkateeshh-bouncingball/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/venkateeshh-bouncingball/icon.png -------------------------------------------------------------------------------- /Art/venkateeshh-bouncingball/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bouncing Ball Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /Art/venkateeshh-bouncingball/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "githubHandle": "venkateeshh", 3 | "artName": "BouncingBall" 4 | } 5 | -------------------------------------------------------------------------------- /Art/violin87-activeSquares/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/violin87-activeSquares/icon.png -------------------------------------------------------------------------------- /Art/violin87-activeSquares/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Active Squares 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /Art/violin87-activeSquares/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "activeSquares", 3 | "githubHandle": "violin87" 4 | } 5 | -------------------------------------------------------------------------------- /Art/vridhichaudhary-waveAnimation/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/Art/vridhichaudhary-waveAnimation/icon.png -------------------------------------------------------------------------------- /Art/vridhichaudhary-waveAnimation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Wave Loading Animation 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /Art/vridhichaudhary-waveAnimation/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "cardAnimation", 3 | "githubHandle": "vridhichaudhary" 4 | } 5 | -------------------------------------------------------------------------------- /bekezela-artworld/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Art World 7 | 8 | 9 | 10 |

Art World

11 |
12 | 13 | 14 | 15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /bekezela-artworld/meta.json: -------------------------------------------------------------------------------- 1 | { 2 | "artName": "artworld", 3 | "githubHandle": "bekezela" 4 | } -------------------------------------------------------------------------------- /generators/utils.js: -------------------------------------------------------------------------------- 1 | const formatProjectName = (projectName) => { 2 | // Handles camel case project name 3 | if (/[a-z][A-Z]/.test(projectName)) { 4 | projectName = projectName.replaceAll(/([A-Z])/g, ' $1'); 5 | } 6 | 7 | // Handles hyphens in project name 8 | if (projectName.includes('-')) { 9 | projectName = projectName.replaceAll('-', ' '); 10 | } 11 | 12 | // Handles underscores in project name 13 | if (projectName.includes('_')) { 14 | projectName = projectName.replace('_', ' '); 15 | } 16 | 17 | return projectName.trim(); 18 | }; 19 | 20 | module.exports = { formatProjectName }; 21 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "animationnation2024", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "prettier": "npx prettier . --check --config ./.prettierrc", 8 | "prettier:fix": "npx prettier . --check --write --config ./.prettierrc" 9 | }, 10 | "devDependencies": { 11 | "prettier": "^2.8.8", 12 | "puppeteer": "^23.5.0", 13 | "sharp": "^0.33.5" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /public/example-animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/public/example-animation.gif -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zero-to-mastery/Animation-Nation/d9d19e6bc61d25329bf8014f1583b1e2a2691bc5/public/favicon.ico --------------------------------------------------------------------------------