scroll-animations

There are 3 repositories under scroll-animations topic.

• hsnaydd / moveTo

  A lightweight scroll animation javascript library without any dependency

  movetoscrollinglightweightscrollsmooth-scrollinganimationscroll-animationssmoothclick-to-scroll
  Language:JavaScript 2858

• rnosov / react-reveal

  Easily add reveal on scroll animations to your React app

  react-componentsscroll-animationsrevealanimation
  Language:JavaScript 2725

• Nolanus / ngx-page-scroll

  Animated scrolling functionality for angular written in pure typescript

  angularscroll-animationsscrollanimatescrolltoanchorangular7ngx-page-scroll
  Language:TypeScript 477

• react-component / scroll-anim

  Animate Scroll React Component

  react-animationscroll-animscroll-animations
  Language:JavaScript 305
• Textify-js

  MAGGIx1404 / Textify-js

  Next Generation Text Animation Library. (Adding Typescript support...)

  javascriptlibraryreveal-animationscroll-animationstext-animationanimationcss
  Language:JavaScript 181

• vycoder / vue-animate-onscroll

  A simple component that animates elements as they scroll into view.

  vueanimatenpmscroll-animations
  Language:JavaScript 116
• Trig-JS

  iDev-Games / Trig-JS

  The easy way to create CSS scroll animations that react to the position of your HTML element on screen. Animate on scroll (AOS) your CSS.

  animate-on-scrollanimationaos-animationcsscss-animationscss-variablesdata-attribute-htmldesignfrontendhtmljsreveal-animationscroll-animationssimple
  Language:JavaScript 89
• universalSmoothScroll

  CristianDavideConte / universalSmoothScroll

  A cross-browser smooth-scrolling API which supports multiple and interruptable scroll-animations on all DOM's elements, even at the same time!

  smoothscrollbrowsercross-browsersafariscroll-animationsmomentum-scrollingjavascriptios
  Language:JavaScript 55

• jesvijonathan / JOS-Animation-Library

  A fullblown in-house animation library that can add instant scroll animation to all elements in your website, making it look beautiful & professional. Comes with tons of customization options but is still easy to use, all in a small footprint

  animationcollaboratecssdesignfront-end-developmentjavascriptjavascript-libraryjavascript-on-scrolljesvijoslearnlibraryonscrollpackagescrollscroll-animationsuikitwebsite
  Language:JavaScript 48
• react-swift-reveal

  Mutesa-Cedric / react-swift-reveal

  React-swift-reveal is a React component library and animation framework for animating elements as they enter the viewport and onscroll

  animationscollaboratereveal-animationsscroll-animations
  Language:TypeScript 45

• jasudev / Scroller

  You can animate in individual views based on scroll position. Developed with SwiftUI. This library supports iOS/macOS.

  swiftuiscrollscrollingscrollviewanimationanimationsscrollableswiftscroll-animationscroll-animationsscroll-animatescrollview-componentscrollviewer
  Language:Swift 40

• anushkachauhxn / airpods-pro-website

  Clone of the official Apple AirPods Pro website built using HTML, CSS, JavaScript with GSAP and ScrollMagic.

  airpodsproanimationsgsapgsap-animationgsap3scroll-animationsscrollmagic
  Language:HTML 37

• MAGGIx1404 / awwward-rebuild-SOTD--2

  dummy link with backend....

  pug-template-enginesmooth-scrollingslidersinfinite-scrollpage-transitionscanvas-animationsscroll-animationsawwwards
  Language:JavaScript 23

• mufeez1 / muffeez

  I have built this simple portfolio with Angular, Bootstrap & AOS and took the inspiration from (Andres Jośe & Britanny Chiang))

  angularangular-portfolioaos-animationbootstrapcvpersonal-sitepersonal-websiteportfolioportfolio-websiteresume-websitescroll-animations
  Language:SCSS 16

• MAGGIx1404 / webgl-portfolio-2

  css3glslhtml5javascriptoglpagetransitionsscroll-animationsshadersthreejswebgl
  Language:JavaScript 13

• AlexSmet / NumberScrollAnimatedView

  Animated number scrolling view for iOS

  iosios-swiftswiftios-animationscroll-animationsanimation
  Language:Swift 12
• Captions-AI

  issam-seghir / Captions-AI

  Captions AI Landing page Clone with Gsap/lotties animations

  gsapgsap-animationgsap-scrolltriggergsap3htmlhtml-css-javascriptjslandinglanding-pagelottielottie-animationlottie-webpostcsssassscroll-animationsvite
  Language:HTML 12

• Riadayal / Pytest-scroll

  Test scrolling of a webpage using an automation test in Pytest on LambdaTest.

  automated-testingautomationlambdatestpytestpytest-scrollpythonscrollscroll-animationsscroll-downscroll-pythonscrollbarscrollingselenium-pythontest-automationtesting
  Language:Python 12
• AnimateMe

  scriptex / AnimateMe

  Reveal DOM elements as you scroll

  scroll-eventsscroll-animations
  Language:TypeScript 12
• enami

  EnzoEmb / enami

  🏄‍♂️ Simple animations on scroll

  scroll-eventsanimation-libraryscroll-animationscss-animation-librarytransition
  Language:HTML 9

• lavolpecheprogramma / scroll-animator

  A lightweight ( ~ 100 lines of code) and dependency-free library to animate elements on your page as you scroll written in pure Javascript.

  scrollscroll-animations
  Language:JavaScript 8

• S0npaRi11 / scrolls

  An easy to use scroll animation library with javaScript

  javascriptanimationsjavascript-libraryscroll-animationscss-animationscssjavascript-animationsintersection-observeranimatelibrary
  Language:JavaScript 5

• three11 / animate-top-offset

  Scroll a container to a specific Y offset

  scroll-animationsscroll-eventsscroll-to
  Language:TypeScript 5

• Ahmed-Roshdy-1 / Animated-Website

  an app that having animation on scroll functionality.

  htmljsjavascriptanimationscroll-animationsscrollingtailwind-starter-kitcreative-tim
  Language:HTML 4

• brunobispo / tiny-parallax

  A lightweight library for creating smooth and responsive scroll-driven animations effects with ease.

  parallaxparallax-scrollingreactscroll-animations
  Language:TypeScript 4

• VlMv / architecture

  website, pet project / 3d-scroll, JS, draggable

  pet-projectwebsite-design3d-scrolladaptive-layoutscss-maskdraggablejavascriptjsresponsive-layoutscssmasonry-gridanimationgsapscroll-animations
  Language:HTML 3

• bensinca / heftiba

  Locomotive Scroll JS + Blotter JS Animations

  blotter-jslocomotive-scrollscroll-animationsimage-grids
  Language:HTML 2

• ilhammeidi / nirwana-starter

  Starter Project Template with HTML5, Pug.js, Materialize, jQuery and Bootstrap4

  i18ngulpbootstrap4jquerynpmhtml5material-designscsssaaspugstarter-templatertlstarter-kitmaterializecssright-to-leftpugjsmulti-languagegoogle-mapsscroll-animations
  Language:HTML 2

• muhammad-umaair / javaScript

  This Github repository contains a diverse set of web development projects, These projects demonstrate my skills and expertise in various areas of web development.

  base64-audio-encoding-and-decodingmusic-playercalculatorchrome-extensionlength-converterportfolio-filter-galleryproduct-filterscroll-animationsaudio-playbackunit-convertercolor-changer
  Language:HTML 2

• Poojavpatel / Stylewellpro

  An engaging interior design company website | Built from scratch using CSS | Uses GSAP and Scroll-magic for animations

  csscss-animationsgsapscrollmagicscroll-animationscss3web-designweb-design-inspiration
  Language:CSS 2

• sabina929 / Animations_On_Scroll

  IntersectionObserver API https://animations-on-scroll.netlify.com/

  intersection-observerscroll-animationsanimationsparallax-effectparallax
  Language:CSS 2

• adamplesnik / tailwindcss-scroll-driven-animations

  Unofficial and experimental plugin for Tailwind CSS v3.4+ that provides utilities for scroll-driven animations.

  csspluginscroll-animationstailwindcss
  Language:TypeScript 1

• erickdc7 / dynamic-css-gallery

  Scroll Animations without JavaScript

  css-animationsgallery-imagesscroll-animations
  Language:CSS 1

• Ifaz2611 / Scroll-Animation-V-1.2

  For Better view use Pc/Desktop

  animationcollected-stuffscroll-animations
  Language:HTML 1

• MathiasOxholm / humblescroll-nuxt

  Nuxt 3 animate on scroll

  animate-on-scrollnuxtscroll-animationsvue
  Language:Vue 1

• wajik45 / wajik-gulir

  Library sederhana animasi ketika di scroll

  animation-libraryjavascriptjavascript-libraryscrollscroll-animationswajik-gulir
  Language:TypeScript 1