scroll-animations

There are 3 repositories under scroll-animations topic.

• hsnaydd / moveTo

  A lightweight scroll animation javascript library without any dependency

  animationclick-to-scrolllightweightmovetoscrollscroll-animationsscrollingsmoothsmooth-scrolling
  Language:JavaScript 2865

• rnosov / react-reveal

  Easily add reveal on scroll animations to your React app

  animationreact-componentsrevealscroll-animations
  Language:JavaScript 2728

• Nolanus / ngx-page-scroll

  Animated scrolling functionality for angular written in pure typescript

  anchorangularangular7animatengx-page-scrollscrollscroll-animationsscrollto
  Language:TypeScript 476

• react-component / scroll-anim

  Animate Scroll React Component

  react-animationscroll-animscroll-animations
  Language:JavaScript 305

• yesiamrocks / cssanimation

  Unleash dynamic web experiences with {css}animation. A lightweight, zero-JavaScript CSS animation library for developers and UI ninjas. Get pre-built effects, total control, and fast, modern motion design.

  css-animationscssanimationweb-animationtransitioncss-hover-animationtext-animationcss3-animationsgsapscroll-animationscss-animation-librarycss-effectsui-animationanimation-classeslightweight-css-animationzero-javascript-animation
  Language:CSS 300
• Textify-js

  MAGGIx1404 / Textify-js

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

  animationcssjavascriptlibraryreveal-animationscroll-animationstext-animation
  Language:JavaScript 196
• Trig-JS

  iDev-Games / Trig-JS

  Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for storytelling websites.

  animationcsshtmljscss-animationscss-variablesdata-attribute-htmldesignfrontendsimpleanimate-on-scrollaos-animationscroll-animationsreveal-animation
  Language:CSS 154

• yvhr / vue-animate-onscroll

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

  animatenpmscroll-animationsvue
  Language:JavaScript 117

• italoalmeida0 / usal

  USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨

  animationcss-animationsintersection-observerjavascriptscroll-animationsscroll-libraryweb-animation
  Language:JavaScript 94

• mirayatech / mochi-motion

  🍡 Animation library that makes beautiful scroll animations effortless with professional spring physics.

  animationframer-motionintersection-observermotion-librarynextjsreactscroll-animationsspring-physicstypescriptui-library
  Language:TypeScript 92

• 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 74

• 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 67
• 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 63
• 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 56
• react-swift-reveal

  Mutesa-Cedric / react-swift-reveal

  React component library and animation framework for animating elements as they enter the viewport and as you scroll

  animationsreact-revealreveal-animationsscroll-animations
  Language:TypeScript 51

• jasudev / Scroller

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

  animationanimationsscrollscroll-animatescroll-animationscroll-animationsscrollablescrollingscrollviewscrollview-componentscrollviewerswiftswiftui
  Language:Swift 45

• MAGGIx1404 / awwward-rebuild-SOTD--2

  dummy link with backend....

  awwwardscanvas-animationsinfinite-scrollpage-transitionspug-template-enginescroll-animationssliderssmooth-scrolling
  Language:JavaScript 37

• YT-PixelPerfectLabs / animated-bottle-scroll

  A high-end product showcase built with GSAP ScrollTrigger, featuring scroll-based bottle animations, pin transitions, and a responsive vintage-style layout. Smooth, interactive, and crafted for modern frontend storytelling.

  frontend-projectgsapjavascriptproduct-pageresponsive-designscroll-animationsscrolltriggerui-animationvintage-uiweb-animation
  Language:CSS 30

• 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 18

• YT-PixelPerfectLabs / card-stacking-gsap

  An engaging card-stacking UI with smooth vertical and horizontal scrolling animations using GSAP

  animationcoolgsaphorizontal-scrollinghtml-css-javascriptjavascriptprojectscroll-animations
  Language:HTML 18

• 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 17

• MAGGIx1404 / webgl-portfolio-2

  webglthreejsglsloglshadersjavascripthtml5css3scroll-animationspagetransitions
  Language:JavaScript 16

• AlexSmet / NumberScrollAnimatedView

  Animated number scrolling view for iOS

  iosios-swiftswiftios-animationscroll-animationsanimation
  Language:Swift 12

• Riadayal / Pytest-scroll

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

  lambdatestpytesttestingautomated-testingautomationpythonscrollscroll-animationsscrollbarselenium-pythontest-automationpytest-scrollscroll-downscrollingscroll-python
  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

• abuzar-alvi / RaDins-Design-Jomor-Design-Clone

  A clean and responsive landing page inspired by Jomor Design — built as a design agency website clone featuring modern layout and visual aesthetics.

  cssdark-modedesign-agencyhtmljavascriptlanding-pagelight-modemodern-uiresponsive-designscroll-animationswebsite-cloneagency-websitefrontend-projectparallax-effectsportfolio-websiteui-uxjomor-designradins-design
  Language:JavaScript 6

• michal-skoula / simple-scroll-animations

  Simple lightweight CSS library for animating on scroll with Tailwind inspired syntax.

  animationcss-animationscss-librarylightweightscroll-animationslibrary
  Language:CSS 6

• syedahmedullah14 / brainwave

  Developed a modern website with sleek parallax effects and bento box layouts. This website covers everything from stylish UI design to mobile-first principles while strengthening my React.js and Tailwind CSS skills.

  bentoboxreact-parallax-scrollreactjsscroll-animationstailwindcss
  Language:JavaScript 6

• brunobispo / tiny-parallax

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

  parallaxparallax-scrollingreactscroll-animations
  Language:TypeScript 5

• H0NEYP0T-466 / Animotion

  Frontend Animation Playground is a creative side project built with ⚛️ React, HTML/CSS, and JavaScript to enhance my front-end skills. It features advanced scroll-based animations using 🌀 GSAP and 🎯 ScrollTrigger, with a focus on smooth UI transitions and interactive user experiences.

  reactjavascriptcsshtmlgsapscrolltriggeranimationsscroll-animationsweb-animationfrontenduiuxinteraction-designmotion-designparallaxsmooth-scrollingtransitionsperformancecomponentsplayground
  Language:JavaScript 5

• 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-eventsscroll-animationsscroll-to
  Language:TypeScript 5

• 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 4

• VlMv / architecture

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

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