web-animation

There are 5 repositories under web-animation topic.

• sergey-pimenov / awesome-web-animation

  A list of awesome web animation libraries, books, apps etc.

  animationawesomeawesome-listcanvas-animationcss-animationstransitionsweb-animation
  Language:JavaScript 1306

• just-animate / just-animate

  Making Animation Simple

  animationtypescriptweb-animationwaapitransitionsanimation-controllermultiple-animationseasingstimelinecss-variablessvg-animations
  Language:TypeScript 264

• yesiamrocks / cssanimation.io

  CSS Animation Library for Developers and Ninjas

  css-animationscssanimationweb-animationtransitioncss-hover-animationtext-animationgreensockcss3-animations
  Language:CSS 264
• animatable-component

  proyecto26 / animatable-component

  Animate once, use Everywhere! 💫

  web-animations-apiweb-animationsweb-animationanimationanimation-libraryanimationstransitionsdeclarativeweb-componentsstenciljsstencilstenciljs-componentsstencil-componentspwawebuxux-experiencewaapidesignersdesigner-website
  Language:TypeScript 256

• midori-profile / overlay-video

  🎬 This is a high-performance web animation react component with minimal development cost.

  high-performancereact-componentweb-animationwebglreactreact-library
  Language:TypeScript 120
• random-name-picker

  icelam / random-name-picker

  Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API.

  web-animations-apiweb-animationsweb-animationaudio-context-apiaudio-contextlucky-drawrandom-name-pickertypescriptpugscss
  Language:TypeScript 97

• omimo / MocapJS

  A motion capture library for Three.js: Playing | Streaming | VR

  webglthreejsmocapbvhanimationweb-animation
  Language:JavaScript 67

• anuraghazra / facebook-reaction-animation

  Facebook Reaction Animation made with React and FramerMotion.

  reactframer-motionweb-animationfacebookreactjs
  Language:JavaScript 27

• rohanrhu / nodes.js

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

  animationbackground-animationweb-animationweb-animationshtml5-animationhtml5canvas-animationcanvas-animations
  Language:JavaScript 27

• LironHazan / ng-micro-interact

  Micro Interaction Directive for Angular apps - based on native web animations and nothing more..

  angularanimationsweb-animationmicrointeractions
  Language:TypeScript 24

• ano-js / anojs

  Web animation made easy.

  javascriptweb-animationhtml5-canvas
  Language:JavaScript 20

• rahuldkjain / cards-stack-animation

  cards-stack animation using react-spring

  react-springweb-animation
  Language:TypeScript 19

• rogeralmeida / revealjs-animated

  A simple to use plugin to add custom animations, based on the Web Animation API, to your presentations.

  revealjsweb-animations-apiweb-animationjavascript
  Language:JavaScript 14

• Big-Silver / Javascript-Animation

  Animations of Web Animations API

  reactreduxweb-animationjavascript
  Language:JavaScript 11

• CodeKageHQ / Ask-out-your-Valentine

  A playful and interactive web experience for asking someone to be your Valentine, featuring charming GIFs and dynamic responses to 'Yes' and 'No' answers. Built with HTML, Tailwind CSS, and a sprinkle of JavaScript for interactivity.

  canvas-confetticss3html5interactive-webjavascriptloveromantictailwindcssvalentines-dayweb-animationweb-developmentcute-gifs
  Language:HTML 10

• warengonzaga / animatecssplugin

  This is the plugin for improvising Animate.css animations into GSAP.

  greensockgreensock-animation-platformgsapcsstweenliteanimationtweenmaxgulpanimatecssanimate-csspluginanimationsweb-animationfront-endwebsitewebsite-animationjavascriptjavascript-plugingsap-plugin
  Language:JavaScript 8

• realdennis / emoji-claps

  <emoji-claps /> An experience-addicted web component for claping / liking / disliking.

  web-componentweb-componentslit-elementlit-htmlweb-animationtypescriptcustom-elementsshadowdom
  Language:TypeScript 7

• reemardelarosa / polymate

  Lottie Animation Implementation for Polymer 2

  animationpolymerlottieadvancedafter-effectscoolestweb-animation
  Language:HTML 7

• thekolapo / infinite-marquee

  An infinite marquee(scroll) demo

  css-animmarquee-textscrolling-textweb-animation
  Language:SCSS 7

• Helias / CSS3_Cool_Effects

  Some effects coded in CSS3

  css3effectsanimationsweb-animation
  Language:PHP 5

• CH-RAFAY / Math-Odyssey-Project

  Math-Odyssey is an advanced web calculator application with a visually attractive design, featuring unique welcome transitions and interactive theme-changing elements.

  html-css-javascriptinteractive-visualizationsresponsive-designsass-filesweb-animation
  Language:CSS 2

• cheprasov / js-web-animation

  Simple class WebAnimation for perform an animation on the web via JavaScript. It is based on requestAnimationFrame for performance.

  web-animationrequestanimationframetween
  Language:JavaScript 2

• cmda-minor-vid / web-animation-19-20

  🎓Web Animation · 2019-2020 · Curriculum and Syllabus

  csssvgbrowserdevtoolskeyframesanimationweb-animation
  2

• Liinkiing / myanimerecs-client

  A webapp to show anime recommendations based on a MyAnimeList username

  graphqlhookreacttypescriptframer-motionweb-animationapolloanimerecommendations
  Language:TypeScript 2

• muhammadumair12345 / red-queens-race

  Red Queen's Race Animation implemented with React, based on Hooks such as useEffect, use-web-animations, and used the concept of Web Animation API.

  reactreact-hooksweb-animations-apiuse-web-animationsuse-effectred-queens-raceanimationweb-animation
  Language:JavaScript 2

• notpritam / park

  Award Winning Scroll Animations

  animationframer-motionframer-motion-dragnextjsreactusespringweb-animation
  Language:JavaScript 2

• PP-Namias / CSS3-Egg-Asteroid

  A fun and unique egg animation that resembles an asteroid floating in space, created purely with HTML and CSS.

  animationcss3css3-animationsweb-animationasteroideggegg-asteroid
  Language:CSS 2
• JavaScript-Back-To-Top-Button-With-Animation

  saeedkohansal / JavaScript-Back-To-Top-Button-With-Animation

  This is a JavaScript back to top button widget in 3 styles rocket emoji, text button, and arrow top icon using vanilla javascript. I also created some CSS animations for these buttons.

  animatedanimationback-to-topbacktotopcsseducationgilgeekifyhtmljavascriptmovablerockettutorialsvanillajavascriptvanillajsweb-animationwidgetbutton
  Language:HTML 2

• thekolapo / stacked-cards-interaction

  A cards stacking interaction demo

  web-animationweb-interaction
  Language:SCSS 2
• gorodki

  yeivanova / gorodki

  A page on how to play Gorodki, a Russian folk sport

  responsiveweb-animation
  Language:HTML 2

• ZiAzusa / html-toast-notice

  HTML Toast消息提示方法

  htmljavascripttoastcsstoast-notificationsweb-animation
  Language:CSS 2

• MohammadRezaei5 / Gunslinger

  JavaScript(DOM Manipulation, Event Handling, Web Animation API)

  domdom-manipulationevent-handlingeventsjavascriptweb-animationweb-animations-apiweb-api
  Language:JavaScript 1
• JavaScript-Help-And-FAQ-Responsive-Widget-With-Animations

  saeedkohansal / JavaScript-Help-And-FAQ-Responsive-Widget-With-Animations

  This is a responsive widget that can display help and faq about your Business using vanilla javascript and some CSS animations, you can customize this widget and use it on your website or web application this is a frontend widget without any server requests and database. In JavaScript, I'm using dummy data as questions and answers but you can make a fetch or XMLHttpRequest to your API and get your data from the server and your database.

  javascriptvanillajavascriptgilgeekifyanimationcss-animationcss3html5jsresponsiveresponsive-designweb-animationweb-developmentwebdevelopmentwidgetwidget-developmenthelpfaqfrequently-asked-questionsanswerquestion
  Language:HTML 1
• JavaScript-Like-Button-With-Animation

  saeedkohansal / JavaScript-Like-Button-With-Animation

  It's is a JavaScript like and unlike buttons with a number of total likes, you can use like buttons in your blog post, profile page, product page, landing page and anywhere you want on your website or web application

  gilgeekifyfrontendclientsidelikelikebtncsscss3htmljavascriptlike-buttonlikebuttonvanillajavascriptvanillajsweb-animationlike-btnwebanimationanimatedunlikelikecounterunlikebtn
  Language:CSS 1

• waleed46shah / project_3dEarth

  Inspired from Min Pham's website, This project shows a 3d on-scroll rotating Earth 3d model, and a List with Clipping mask text animation on scroll and also, clip path menu fill animation on hover

  clip-pathframer-motionframer-motion-3dfrontendlenisnextjsreact-three-fibersasssmooth-scrollingweb-animation
  Language:JavaScript 1
• Mouse_Movement_Parallax_Animation_Effect

  yashsdoshi / Mouse_Movement_Parallax_Animation_Effect

  The Website which tracks mouse movement and creates a parallax effect!

  csscursorhtmljavascriptmouse-trackingparallax-effectweb-animationwebsite-templateyash-doshi
  Language:HTML 1