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

UpdatedNov 15, 2025
CSS

MAGGIx1404 /Textify-js

Star195

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

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

UpdatedOct 23, 2023
JavaScript

iDev-Games /Trig-JS

Sponsor

Star154

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

UpdatedMar 28, 2025
CSS

usaljs /usal

Sponsor

Star122

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

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

UpdatedOct 6, 2025
JavaScript

yvhr /vue-animate-onscroll

Star117

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

npm vue animate scroll-animations

UpdatedDec 9, 2022
JavaScript

mirayatech /mochi-motion

Star103

🍡 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

UpdatedJul 14, 2025
TypeScript

anushkachauhxn /airpods-pro-website

Star76

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

UpdatedJun 29, 2022
HTML

jesvijonathan /JOS-Animation-Library

Sponsor

Star67

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

UpdatedJan 24, 2025
JavaScript

issam-seghir /Captions-AI

Star64

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

UpdatedNov 12, 2024
HTML

CristianDavideConte /universalSmoothScroll

Sponsor

Star56

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

UpdatedDec 15, 2024
JavaScript

Mutesa-Cedric /react-swift-reveal

Star52

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

UpdatedJul 10, 2025
TypeScript

jasudev /Scroller

Star45

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

UpdatedApr 27, 2022
Swift

MAGGIx1404 /awwward-rebuild-SOTD--2

Star40

dummy link with backend....

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

UpdatedJan 26, 2023
JavaScript

YT-PixelPerfectLabs /animated-bottle-scroll

Star34

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