Projects in Awesome Lists tagged with scroll-animations

https://github.com/hsnaydd/moveto

A lightweight scroll animation javascript library without any dependency

animation click-to-scroll lightweight moveto scroll scroll-animations scrolling smooth smooth-scrolling

Last synced: 14 May 2025

https://github.com/hsnaydd/moveTo

A lightweight scroll animation javascript library without any dependency

animation click-to-scroll lightweight moveto scroll scroll-animations scrolling smooth smooth-scrolling

Last synced: 14 Mar 2025

https://github.com/rnosov/react-reveal

Easily add reveal on scroll animations to your React app

animation react-components reveal scroll-animations

Last synced: 14 May 2025

https://github.com/nolanus/ngx-page-scroll

Animated scrolling functionality for angular written in pure typescript

anchor angular angular7 animate ngx-page-scroll scroll scroll-animations scrollto

Last synced: 14 May 2025

https://github.com/Nolanus/ngx-page-scroll

Animated scrolling functionality for angular written in pure typescript

anchor angular angular7 animate ngx-page-scroll scroll scroll-animations scrollto

Last synced: 27 Mar 2025

https://github.com/react-component/scroll-anim

Animate Scroll React Component

react-animation scroll-anim scroll-animations

Last synced: 04 Apr 2025

https://github.com/maggix1404/textify-js

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

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

Last synced: 19 Jun 2026

https://github.com/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.

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

Last synced: 05 May 2025

https://github.com/usaljs/usal

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

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

Last synced: 07 Oct 2025

https://github.com/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

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

Last synced: 05 Apr 2025

https://github.com/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

animations collaborate reveal-animations scroll-animations

Last synced: 06 Apr 2025

https://github.com/italoalmeida0/usal

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

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

Last synced: 11 Sep 2025

https://github.com/maggix1404/awwward-rebuild-sotd--2

dummy link with backend....

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

Last synced: 08 Sep 2025

https://github.com/jasudev/scroller

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

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

Last synced: 19 Apr 2025

https://github.com/adamplesnik/tailwindcss-scroll-driven-animations

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

css plugin scroll-animations tailwindcss

Last synced: 27 Jan 2026

https://github.com/maggix1404/webgl-portfolio-2

css3 glsl html5 javascript ogl pagetransitions scroll-animations shaders threejs webgl

Last synced: 13 Oct 2025

https://github.com/scriptex/animateme

Reveal DOM elements as you scroll

scroll-animations scroll-events

Last synced: 17 Mar 2025

https://github.com/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.

scroll scroll-animations

Last synced: 29 Oct 2025

https://github.com/michal-skoula/simple-scroll-animations

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

animation css-animations css-library library lightweight scroll-animations

Last synced: 13 Apr 2025

https://github.com/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.

audio-playback base64-audio-encoding-and-decoding calculator chrome-extension color-changer length-converter music-player portfolio-filter-gallery product-filter scroll-animations unit-converter

Last synced: 12 May 2025

https://github.com/ahmed-roshdy-1/animated-website

an app that having animation on scroll functionality.

animation creative-tim html javascript js scroll-animations scrolling tailwind-starter-kit

Last synced: 28 Jul 2025

https://github.com/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.

bentobox react-parallax-scroll reactjs scroll-animations tailwindcss

Last synced: 28 Sep 2025

https://github.com/ilhammeidi/nirwana-starter

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

bootstrap4 google-maps gulp html5 i18n jquery material-design materializecss multi-language npm pug pugjs right-to-left rtl saas scroll-animations scss starter-kit starter-template

Last synced: 14 May 2025

https://github.com/anthonyrovira/ichiban-clone

A clone of https://www.ichiban.bike/ developed with the Astro meta-framework. This project was created for learning and practice purposes, focusing on smooth scroll animations and stylized visual effects.

astro clone-website cloudinary css3 performance-optimization scroll-animations

Last synced: 12 Feb 2026

https://github.com/mathiasoxholm/humblescroll-nuxt

Nuxt 3 animate on scroll

animate-on-scroll nuxt scroll-animations vue

Last synced: 07 Mar 2026

https://github.com/MathiasOxholm/humblescroll-nuxt

Nuxt 3 animate on scroll

animate-on-scroll nuxt scroll-animations vue

Last synced: 02 Aug 2025

https://github.com/erickdc7/dynamic-css-gallery

Scroll Animations without JavaScript

css-animations gallery-images scroll-animations

Last synced: 01 Apr 2025

https://github.com/yashsarode45/refokus-clone

Animation-focused website built with React, GSAP, and Motion (previously Framer Motion). Interactions like Magnetic Button, SVG path animation, pointer linked window-scene movement are implemented.

framer-motion gsap mouse-animation react scroll-animations tailwindcss typescript

Last synced: 13 Apr 2026

https://github.com/erickdc7/responsive-portfolio-website-anid

Modern Responsive Portfolio Website Using HTML CSS & JavaScript

custom-cursor dark-theme html-css-javascript responsive-design scroll-animations smooth-scrolling ui-ux-design

Last synced: 08 Oct 2025

https://github.com/erickdc7/responsive-travel-website-3

Responsive Travel Website Using HTML CSS JavaScript

automatic-slides html-css-javascript responsive-design scroll-animations smooth-scrolling travel-website website-design

Last synced: 08 Oct 2025

https://github.com/younusaliakash/scroll-animation

Smooth animated floating content box entry from the left and right side of the viewport during scroll time.

css dom-manipulation html scroll-animations vanilla-javascript

Last synced: 14 Jun 2025

https://github.com/lamaparbat/advanced-react-practises

React Advance Library and practises.

formik react react-hook-form react-lifecycle-hooks react-portal react-prism react-query scroll-animations suspense yup

Last synced: 22 Mar 2025

https://github.com/lumaa-dev/apps.lumaa.fr

Website to learn more about apps made by Lumaa

animations css html javascript js scroll scroll-animations

Last synced: 16 Apr 2026

https://github.com/charistheo/animath

Learn maths by scrolling - Interactive Maths tutorials

animation-library animations gsap javascript jquery scroll-animations scrollmagic

Last synced: 30 Apr 2026

https://github.com/forthtilliath/js-scroll-animation

Defi 21 : Animation au scroll

javascript scroll-animations scss

Last synced: 04 May 2026

https://github.com/merrvve/astro-on-scroll-reveal

A package that facilitates the implementation of on scroll reveal animations in astro projects.

astro npm-package scroll-animations

Last synced: 31 Aug 2025

https://github.com/erickdc7/responsive-medical-website

Responsive Medical Website Using HTML CSS JavaScript

dark-theme html-css-javascript light-theme map-locations medical-website responsive-design scroll-animations

Last synced: 28 May 2026

https://github.com/erickdc7/responsive-barbershop-website

Barbershop Website using HTML, CSS & JavaScript

barbershop-website html-css-javascript mobile-first responsive-design scroll-animations smooth-scrolling

Last synced: 28 May 2026

https://github.com/matiasbacelar98/portfolio-v2

Personal portfolio v2

accessibility css css-animations framer-motion hover-effects nextjs portfolio react reactjs scroll-animations seo-friendly styled-components

Last synced: 07 Apr 2026

https://github.com/masterjaneza/horizontal-scroll-gallery---v5

A lightweight, responsive, and fully interactive horizontal scroll gallery built with pure HTML, CSS, and modular JavaScript. Includes smooth scrolling and a refined UI. Ideal for portfolios, product showcases, and creative layouts.

attractive-ui creative-frontend-project creative-scrolling css3 flexbox georgian horizontal-scrolling html5 image-gallery lightweight minimal-design modern-ui no-libraries product-showcase scroll-animations scroll-based-interface scroll-behavior v5 vanilla-js web-animation

Last synced: 04 Jul 2025

https://github.com/maelacudini/maskcliponscroll

Scroll based animations: Svg that gradually expands to show underlying content and parallax effect on lazy loaded images implemented with the Intersection Observer API.

css html intersection-observer javascript scroll-animations vanilla-javascript

Last synced: 19 Apr 2026

https://github.com/mathiasoxholm/humblescroll-vue-plugin

Vue 3 animate on scroll

animate scroll-animations vue vue3

Last synced: 18 Mar 2025

https://github.com/valentinmadiot/pizzeria_ui

Landing page pour pizzeria artisanale : pizzas populaires en slider, recettes fraîches, contact animé, formulaire newsletter. Design responsive, stickers visuels et animations ScrollReveal.

animation-css css3 design fiche-produits food-website gallery-products html-css-js html5 javascript landing-page menu-burger mobile-first newsletter pizzeria remix-icons responsive-design scroll-animations scroll-up scrollreveal-js swiper-slider

Last synced: 18 May 2026

https://github.com/ashimchoudhary/macbook-parallax-studio

Interactive MacBook Pro showcase with advanced GSAP animations, React Three Fiber 3D models, and stunning parallax effects. Built with React, Vite, and Tailwind CSS.

3d-models animations gsap interactive-design macbook-pro parallax react react-three-fiber scroll-animations scroll-trigger tailwindcss three-js vite web-animations zustand

Last synced: 08 Apr 2026

https://github.com/valentinmadiot/shoe-store_ui

Landing page dynamique pour un magasin de sneakers. Slider synchronisé texte/image, menu burger, animations ScrollReveal, newsletter, badges promo et responsive adapté à tous écrans.

animation-css boxicons carrousel css3 dark-mode ecommerce-design gallery-products hover-interaction html-css-js html5 javascript landing-page menu-burger newsletter overlay-effect responsive-design scroll-animations scrollreveal-js sneaker-store swiper-slider-js

Last synced: 07 Feb 2026

https://github.com/valentinmadiot/gasoline-car-store_ui

Landing page immersive pour Lamborghini Aventador. Slider Swiper, vidéo intégrée, specs dynamiques, ScrollReveal, responsive complet et animations fluides pour une vitrine automobile haut de gamme.

car-showcase contact-form css3 dark-theme hero-slider html5 interactive-ui javascript lamborghini landing-page luxury-cars mobile-friendly navigation-menu remix-icons responsive-design scroll-animations scroll-up scrollreveal-js swiper-js video-background

Last synced: 15 Sep 2025

https://github.com/frnt-end/portfolio

My Portfolio Website 💼 https://creatdev-portfolio.netlify.app/

design frontend gsap lenis lucide portfolio react responsive scroll-animations scrolltrigger slider tailwind ux vite web-development

Last synced: 28 Apr 2026

https://github.com/lumaa-dev/aboutapps

Website to learn more about iOS Apps made by Lumaa

animations css html javascript js scroll scroll-animations

Last synced: 25 Aug 2025

https://github.com/dp20703/anzo

It is a Frontend project built using react, tailwindCSS , vite , gsap etc.

gsap react scroll-animations scroll-trigger tailwindcss vite

Last synced: 11 Apr 2026

https://github.com/rayc2045/rayc.dev

✨ A handcrafted portfolio website built with pure HTML, CSS, and JavaScript, ensuring lightweight and framework-free implementation.

animation-effects animation-js css-animations css-flexbox css-grid cubic-bezier form-validation javascript-animation loader-animation loading-animations parallax parallax-effect parallax-scrolling portfolio-page portfolio-project portfolio-site portfolio-website scroll-animations vanilla-javascript vanilla-js

Last synced: 04 Jan 2026

https://github.com/erickdc7/responsive-fried-chicken-website

Responsive Fried Chicken Website Using HTML CSS JavaScript

eccomerce html-css-javascript responsive-design scroll-animations

Last synced: 28 May 2026

https://github.com/valentinmadiot/background-parallax-egypt_js

Animation parallax immersive sur fond de désert égyptien, combinant plusieurs calques animés au scroll pour créer un rendu visuel cinématographique. Design responsive, scroll fluide.

animated-title background-animation cinematic-effects creative-coding css-animations egypt gsap-alternative html-css landing-page minimalist-ui no-dependencies parallax portfolio-hero pure-css remixicons requestanimationframe responsive-design scroll-animations vanilla-javascript web-animation

Last synced: 02 Jul 2025

https://github.com/tafsirulislamapon/gta6gasp

GTA VI Website recreation project — a stunning, interactive landing page built with React, Tailwind CSS, and GSAP. Experience smooth, cinematic scroll-driven animations powered by GSAP’s ScrollTrigger, including pinned sections, parallax effects, scroll-synced video playback, and dynamic text reveals.

gsap parallex reactjs scroll-animations tailwindcss

Last synced: 06 May 2026

https://github.com/rohitumbare/cuberto

Cuberto is an innovative and visually captivating web page designed to showcase dynamic animations, interactive media, and cutting-edge web effects. Built with HTML, CSS, and JavaScript, this project focuses on creating an engaging user experience with smooth transitions, captivating hover effects, and interactive navigation features.

css hover-effects html javascript magneticeffect mousefollower scroll-animations sheryjs

Last synced: 12 Apr 2026

https://github.com/emersonramos3lt/sushi-website

A fictional website for a sushi restaurant. With scrolling animations and responsive design.

aos-animation css css-flexbox css-grid css3 flexbox flexbox-css grid grid-layout html html-css html-css-javascript html5 javascript js responsive responsive-design responsive-web-design scroll-animations

Last synced: 13 Apr 2026

https://github.com/ruuuff/easy-scroll-animation

Biblioteca utilizando JavaScript para facilitar a criação de animações de rolagem.

animations javascript lib scroll-animations

Last synced: 12 Oct 2025

https://github.com/valentinmadiot/travel-agency-1_ui

Landing page immersive pour une agence de voyage. Design responsive avec carrousel Swiper, vidéo, formulaire d'abonnement, thème sombre, et animations fluides au scroll.

animation-css css3 dark-mode design gallery html-css-js html5 javascript landing-page light-mode mobile-first newsletter remix-icons responsive-design scroll-animations scrollreveal-js swiper-slider-js toggle-theme travel-agency travel-ui

Last synced: 08 May 2026

https://github.com/chirag3003/mountains-landscape-scroll-animaiton

A project made to practice scroll animation using gsap

scroll scroll-animations

Last synced: 24 Jan 2026

https://github.com/mwaqar29/react-text-animate

A react component library with a collection of modern, high quality and smooth text animations built using framer motion.

framer-motion scroll-animations text-animations

Last synced: 07 Feb 2026

https://github.com/valentinmadiot/watch-store_ui

Landing page immersive pour une horlogerie de luxe avec thème sombre, carrousels Swiper, animations fluides et responsive. Design haut de gamme, moderne et clair.

boxicons brand-storytelling dark-mode ecommerce-design ecommerce-website gallery-products html-css-js landing-page light-mode minimalist-design newsletter online-store premium-ui product-catalog responsive-design scroll-animations scrollreveal-js swiper-slider toggle-theme user-experience

Last synced: 28 Feb 2026

https://github.com/shravzzv/razor

Razor – A modern barber shop landing page built with HTML, CSS, and JavaScript.

barbershop landing-page navbar parallax scroll-animations vanilla

Last synced: 15 Feb 2026

https://github.com/coderooz/scrollanimatedwebsite

A simple responsive website with scroll animation.

css html javascript scroll-animations

Last synced: 18 Apr 2026

https://github.com/guruprasad619/animated-skills-marquee

This is a simple HTML, CSS and JS project that showcases an animated marquee displaying a list of skills. It uses CSS animations and a linear gradient mask to create a smooth and visually appealing scrolling effect.

css html js responsive scroll-animations skill-section skills

Last synced: 19 Apr 2026

https://github.com/mikeludemann/fadescrollcomplete

FadeIn and FadeOut on scroll of elements

javascript jquery scroll-animations

Last synced: 01 May 2026

https://github.com/joomtheme/joomtheme-scroll-cards

JT Scroll Cards is a Joomla 6.x site module by JoomTheme for creating Bootstrap 5 compatible sticky scroll card sections.

bootstrap5 cards joomla joomla-extensions joomla-module scroll scroll-animations scrolling scrollreveal

Last synced: 06 Jun 2026

https://github.com/valentinmadiot/salad-shop_ui

Landing page moderne pour un restaurant de salades. Design responsive, menu dynamique, application mobile, mode sombre et animations fluides avec ScrollReveal et Boxicons.

animation-css boxicons css3 dark-mode design food-menu html-css-js html5 javascript js landing-page light-mode mobile-first responsive-design restaurant-website scroll-animations scrollreveal-js single-page-app ui ui-restaurant