GitHub topics: scroll-animations

hsnaydd/moveTo

A lightweight scroll animation javascript library without any dependency

Language: JavaScript - Size: 3 MB - Last synced at: 2 days ago - Pushed at: 11 months ago - Stars: 2,872 - Forks: 95

lumaa-dev/AboutApps

Website to learn more about apps made by Lumaa

Language: HTML - Size: 112 MB - Last synced at: 4 days ago - Pushed at: 5 days ago - Stars: 0 - Forks: 0

Mutesa-Cedric/react-swift-reveal

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

Language: TypeScript - Size: 2.76 MB - Last synced at: 5 days ago - Pushed at: 6 days ago - Stars: 50 - Forks: 6

ShuninYu/SmooScroll

平滑滚动页面 | Smooth your scroll

Language: JavaScript - Size: 276 KB - Last synced at: 5 days ago - Pushed at: 6 days ago - Stars: 0 - Forks: 0

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.

Language: CSS - Size: 137 KB - Last synced at: 6 days ago - Pushed at: 7 days ago - Stars: 1 - Forks: 0

masterjaneza/Horizontal-Scroll-Gallery---V4

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.

Language: HTML - Size: 141 KB - Last synced at: 6 days ago - Pushed at: 7 days ago - Stars: 1 - Forks: 0

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.

Language: CSS - Size: 4.46 MB - Last synced at: 4 days ago - Pushed at: 2 months ago - Stars: 141 - Forks: 3

yesiamrocks/cssanimation.io

CSS Animation Library for Developers and Ninjas

Language: CSS - Size: 1.43 MB - Last synced at: 8 days ago - Pushed at: 9 days ago - Stars: 286 - Forks: 67

MAGGIx1404/awwward-rebuild-SOTD--2

dummy link with backend....

Language: JavaScript - Size: 64.9 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 35 - Forks: 5

JayVeDev/Horizontal-Scroll-Gallery---V5

Explore the Horizontal Scroll Gallery V5, designed for a seamless visual experience using pure HTML, CSS, and JavaScript. This version enhances design, modularity, and responsiveness, making it perfect for showcasing your work. 🌟👩💻

Language: CSS - Size: 123 KB - Last synced at: 13 days ago - Pushed at: 13 days ago - Stars: 0 - Forks: 0

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.

Language: CSS - Size: 9.22 MB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

cloudwafu/Horizontal-Scroll-Gallery---V4

A modern horizontal scrolling gallery that enhances user experience with intuitive navigation and improved responsiveness. Built with pure HTML, CSS, and JavaScript, this project is perfect for showcasing images seamlessly. 🌟💻

Language: HTML - Size: 123 KB - Last synced at: 15 days ago - Pushed at: 15 days ago - Stars: 0 - Forks: 0

three11/animate-top-offset

Scroll a container to a specific Y offset

Language: TypeScript - Size: 2.2 MB - Last synced at: 5 days ago - Pushed at: 6 days ago - Stars: 5 - Forks: 0

Nolanus/ngx-page-scroll

Animated scrolling functionality for angular written in pure typescript

Language: TypeScript - Size: 20 MB - Last synced at: 4 days ago - Pushed at: about 2 months ago - Stars: 478 - Forks: 113

rnosov/react-reveal

Easily add reveal on scroll animations to your React app

Language: JavaScript - Size: 11.1 MB - Last synced at: 2 days ago - Pushed at: over 2 years ago - Stars: 2,727 - Forks: 181

pixelftw/VianlixUi

Resusable animated components build with framer motion for your React applications

Language: TypeScript - Size: 914 KB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 0 - Forks: 0

emersonramos3lt/portfolio

My personal portfolio created with React and Framer Motion.

Language: JavaScript - Size: 4.79 MB - Last synced at: 15 days ago - Pushed at: 29 days ago - Stars: 0 - Forks: 0

MartinWalker815/Portfolio-2024

A collection of my front-end development projects showcasing innovative designs, interactive elements, and creative coding solutions.

Language: HTML - Size: 13 MB - Last synced at: 29 days ago - Pushed at: 29 days ago - Stars: 0 - Forks: 0

scriptex/AnimateMe

Reveal DOM elements as you scroll

Language: TypeScript - Size: 1.33 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 12 - Forks: 2

MAGGIx1404/Textify-js

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

Language: JavaScript - Size: 5.56 MB - Last synced at: 19 days ago - Pushed at: over 1 year ago - Stars: 195 - Forks: 10

mazenAliRushdi/Online-courses-landing

A responsive landing page for online courses featuring smooth animations, dark/light mode toggle, and interactive elements. Built with Bootstrap 5, jQuery, and ScrollReveal library.

Language: HTML - Size: 24.4 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

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

Language: JavaScript - Size: 20 MB - Last synced at: 3 days ago - Pushed at: 5 months ago - Stars: 64 - Forks: 8

C5H8NNaO4/perfumery.javascript.moe

A visually engaging personal onepager using scroll animations

Language: TypeScript - Size: 87 MB - Last synced at: 3 days ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

merrvve/astro-on-scroll-reveal

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

Language: Astro - Size: 81.1 KB - Last synced at: 29 days ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

AlexSmet/NumberScrollAnimatedView

Animated number scrolling view for iOS

Language: Swift - Size: 90.8 KB - Last synced at: 27 days ago - Pushed at: over 5 years ago - Stars: 13 - Forks: 5

adamplesnik/tailwindcss-scroll-driven-animations

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

Language: TypeScript - Size: 1.37 MB - Last synced at: 14 days ago - Pushed at: about 2 months ago - Stars: 17 - Forks: 0

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.

Language: JavaScript - Size: 10.9 MB - Last synced at: about 2 months ago - Pushed at: 11 months ago - Stars: 5 - Forks: 1

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.

Language: TypeScript - Size: 495 KB - Last synced at: about 2 months ago - Pushed at: 2 months ago - Stars: 1 - Forks: 0

abdulrahmans0414/Scroll3

An immersive 3D scroll3 featuring scroll-triggered animations using React Three Fiber (R3F) and GSAP. Showcases a multi-floor office model with synchronized content overlay.

Language: JavaScript - Size: 4.45 MB - Last synced at: 7 days ago - Pushed at: 2 months ago - Stars: 1 - Forks: 0

YT-PixelPerfectLabs/css-clip-scroll

Modern scrolling effect using the powerful CSS clip-path property!

Language: CSS - Size: 72.3 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 1 - Forks: 1

YT-PixelPerfectLabs/card-stacking-gsap

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

Language: HTML - Size: 3.91 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 3 - Forks: 3

Michal-Skoula/simple-scroll-animations

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

Language: CSS - Size: 9.38 MB - Last synced at: about 2 months ago - Pushed at: 9 months ago - Stars: 5 - Forks: 0

vycoder/vue-animate-onscroll

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

Language: JavaScript - Size: 1.17 MB - Last synced at: 1 day ago - Pushed at: over 2 years ago - Stars: 116 - Forks: 19

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.

Language: Astro - Size: 21.2 MB - Last synced at: about 1 month ago - Pushed at: 4 months ago - Stars: 2 - Forks: 0

MAGGIx1404/webgl-portfolio-2

Language: JavaScript - Size: 5.33 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 15 - Forks: 1

matiasbacelar98/portfolio-v2

Personal portfolio v2

Language: TypeScript - Size: 7.41 MB - Last synced at: 2 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

jakobwiens7/scrollage-js

A lightweight JS library for animating elements based on scroll position.

Language: JavaScript - Size: 72.3 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

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.

Language: HTML - Size: 2.93 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

HarshaAK11/smooth-controlled-snap-scroll

A React component for smooth and controlled snap scrolling using GSAP.

Language: JavaScript - Size: 0 Bytes - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

jasudev/Scroller

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

Language: Swift - Size: 69.2 MB - Last synced at: about 2 months ago - Pushed at: about 3 years ago - Stars: 45 - Forks: 5

JIEJOE-WEB-Tutorial/007-02-scroll-follow

7-2-滑动跟随效果方案

Language: HTML - Size: 6.84 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

ErmiaRZV/keystone-lite

Created by html , tailwind css , javaScript . this project is responsive.

Language: HTML - Size: 1.25 MB - Last synced at: 2 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

Akshatjalan/HarryPotter-akshat

Harry Potter Verse is a magical website for Potterheads, featuring a comprehensive starter pack, interactive videos, and fun quizzes to discover your Hogwarts House, Wand, Boggart, and Patronus. Built with HTML, CSS, and JavaScript, it offers smooth animations and a responsive design optimized for both desktop and mobile.

Language: HTML - Size: 272 MB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

emersonramos3lt/sushi-website

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

Language: CSS - Size: 860 KB - Last synced at: 3 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

Ahmed-Roshdy-1/Animated-Website

an app that having animation on scroll functionality.

Language: HTML - Size: 456 KB - Last synced at: 3 months ago - Pushed at: almost 4 years ago - Stars: 4 - Forks: 0

rayc2045/rayc.dev

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

Language: HTML - Size: 17.5 MB - Last synced at: 1 day ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

react-component/scroll-anim

Animate Scroll React Component

Language: JavaScript - Size: 5.54 MB - Last synced at: 15 days ago - Pushed at: almost 4 years ago - Stars: 306 - Forks: 43

issam-seghir/Captions-AI

Captions AI Landing page Clone with Gsap/lotties animations

Language: HTML - Size: 38 MB - Last synced at: 7 months ago - Pushed at: 7 months ago - Stars: 29 - Forks: 7

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.

Language: HTML - Size: 1 MB - Last synced at: 2 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

Dp20703/anzo

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

Language: JavaScript - Size: 1.99 MB - Last synced at: 3 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

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!

Language: JavaScript - Size: 424 MB - Last synced at: 22 days ago - Pushed at: 6 months ago - Stars: 57 - Forks: 6

laurenzma/sequence-animation-component-angular

Hello. I am sharing this "Scroll Sequence Animation POC" which can be found on our webpage. It consists of a reusable component, a state service and a viewport directive.

Language: TypeScript - Size: 244 KB - Last synced at: 7 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

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.

Language: HTML - Size: 32.2 KB - Last synced at: 20 days ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

mufeez1/muffeez

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

Language: SCSS - Size: 7.71 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 15 - Forks: 6

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.

Language: HTML - Size: 2.8 MB - Last synced at: 27 days ago - Pushed at: about 2 years ago - Stars: 4 - Forks: 0

tony-coder-18/tribute-to-my-favourite-jazz-musicians-page

This is a single page website tributing some of my favourite jazz musicians. The design and animation features are based on the Café del Mar Koffie website https://www.cafedelmar.nl/

Language: HTML - Size: 25.1 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

mwaqar29/react-text-animate

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

Language: TypeScript - Size: 1.34 MB - Last synced at: about 1 month ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

MathiasOxholm/humblescroll-nuxt

Nuxt 3 animate on scroll

Language: Vue - Size: 332 KB - Last synced at: 17 days ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

coderooz/scrollAnimatedwebsite

A simple responsive website with scroll animation.

Language: CSS - Size: 43 KB - Last synced at: 2 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

wajik45/wajik-gulir

Library sederhana animasi ketika di scroll

Language: TypeScript - Size: 42 KB - Last synced at: 6 days ago - Pushed at: 11 months ago - Stars: 1 - Forks: 0

AleidS/keyFramesToOnScroll

JavaScript algorithm that extracts keyframe animations and turns them into scroll-based animations

Language: JavaScript - Size: 8.17 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

lamaparbat/Advanced-React-Practises

React Advance Library and practises.

Language: JavaScript - Size: 332 KB - Last synced at: 3 months ago - Pushed at: 12 months ago - Stars: 1 - Forks: 0

VlMv/architecture

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

Language: HTML - Size: 46.2 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 3 - Forks: 0

Ifaz2611/Scroll-Animation-V-1.2

For Better view use Pc/Desktop

Language: HTML - Size: 7.81 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 1

MathiasOxholm/humblescroll-vue-plugin

Vue 3 animate on scroll

Language: Vue - Size: 14.2 MB - Last synced at: 2 days ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

ilhammeidi/nirwana-starter

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

Language: HTML - Size: 4.03 MB - Last synced at: 25 days ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

bjclayton/Scroll-Animations

Scroll Animations with Framer Motion

Language: JavaScript - Size: 5.19 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

brunobispo/tiny-parallax

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

Language: TypeScript - Size: 3.69 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

EnzoEmb/enami

🏄‍♂️ Simple animations on scroll

Language: HTML - Size: 883 KB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 9 - Forks: 0

younusaliakash/scroll-animation

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

Language: HTML - Size: 277 KB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

erickdc7/dynamic-css-gallery

Scroll Animations without JavaScript

Language: CSS - Size: 41.3 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

AhsanFarabi/Birdy_

One thing you might know. The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position.

Language: HTML - Size: 1.24 MB - Last synced at: over 1 year ago - Pushed at: almost 5 years ago - Stars: 2 - Forks: 0

Shivam171/parallax-spider-man

A captivating template website featuring parallax scroll animations. Built with HTML, CSS, and JavaScript, using the GSAP library. Explore stunning Spider Homecoming images and enjoy an engaging short story. Experience the immersive journey through this visually dynamic web template.

Language: HTML - Size: 39.2 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 1

danilo-flores/Scroll-animation

React app implemented scroll animation

Language: JavaScript - Size: 276 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

rakibhasansohag/50-day-challange--html-Scss-js-

50 Days Challange table of contents

Language: JavaScript - Size: 602 KB - Last synced at: about 1 year ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

SiddharthaSarkar1/Image_ScrollUp_Animation

A simple animation on scroll functionality using HTML, CSS and JavaScript. where you will see my paintings by simply scrolling up.

Language: HTML - Size: 26.7 MB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Jalal-Aljhny/Manage-landing-page

Frontend Mentor Challenges| Manage landing page

Language: SCSS - Size: 1.1 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

kidusfmariam/Mimimalist-website

A minimalist website I built using HTML, CSS, and JS.

Language: CSS - Size: 5.19 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

anushkachauhxn/airpods-pro-website

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

Language: HTML - Size: 6.84 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 4 - Forks: 4

YerikAH/prevent-nature Fork of harveyloop/prevent-nature

An electronic commerce, developed with HTML, CSS and JS, and some external libraries.

Language: HTML - Size: 14.1 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0