scroll-animations

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 animation css-animations gsap transition web-animation css3-animations scroll-animations text-animation css-effects css-hover-animation ui-animation css-animation-library animation-classes lightweight-css-animation zero-javascript-animation

Updated Aug 7, 2025
CSS

Textify-js

MAGGIx1404 / Textify-js

Star 196

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

javascript css library animation scroll-animations text-animation reveal-animation

Updated Oct 23, 2023
JavaScript

Trig-JS

iDev-Games / Trig-JS

Sponsor

Star 151

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.

css html design js frontend simple animation css-animations css-variables scroll-animations data-attribute-html animate-on-scroll reveal-animation aos-animation

Updated Mar 28, 2025
CSS

yvhr / vue-animate-onscroll

Star 117

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

npm vue animate scroll-animations

Updated Dec 9, 2022
JavaScript

usaljs / usal

Sponsor

Star 111

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

javascript animation css-animations web-animation scroll-animations intersection-observer scroll-library

Updated Oct 6, 2025
JavaScript

mirayatech / mochi-motion

Star 91

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

react typescript animation nextjs scroll-animations intersection-observer ui-library spring-physics framer-motion motion-library

Updated Jul 14, 2025
TypeScript

anushkachauhxn / airpods-pro-website

Star 73

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

gsap animations scroll-animations scrollmagic gsap3 airpodspro gsap-animation

Updated Jun 29, 2022
HTML

jesvijonathan / JOS-Animation-Library

Sponsor

Star 67

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

javascript css website design package library animation uikit scroll javascript-library learn collaborate jos scroll-animations front-end-development onscroll jesvi javascript-on-scroll

Updated Jan 24, 2025
JavaScript

Captions-AI

issam-seghir / Captions-AI

Star 61

Captions AI Landing page Clone with Gsap/lotties animations

html sass landing-page postcss js gsap lottie landing html-css-javascript scroll-animations lottie-animation lottie-web vite gsap3 gsap-scrolltrigger gsap-animation

Updated Nov 12, 2024
HTML

universalSmoothScroll

CristianDavideConte / universalSmoothScroll

Sponsor

Star 56

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

javascript ios browser safari scroll cross-browser smooth scroll-animations momentum-scrolling

Updated Dec 15, 2024
JavaScript

react-swift-reveal

Mutesa-Cedric / react-swift-reveal

Star 51

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

animations scroll-animations react-reveal reveal-animations

Updated Jul 10, 2025
TypeScript

jasudev / Scroller

Star 45

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

swift animation scrolling scroll animations scrollview scrollview-component scrollable scroll-animations swiftui scrollviewer scroll-animate scroll-animation

Updated Apr 27, 2022
Swift

MAGGIx1404 / awwward-rebuild-SOTD--2

Star 39

dummy link with backend....

infinite-scroll smooth-scrolling awwwards pug-template-engine scroll-animations page-transitions sliders canvas-animations

Updated Jan 26, 2023
JavaScript

YT-PixelPerfectLabs / animated-bottle-scroll

Star 31

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.

javascript gsap web-animation scrolltrigger responsive-design scroll-animations product-page ui-animation frontend-project vintage-ui