scroll-animations | Topic | Ecosyste.ms: Repos

Topic: "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: 10 months ago - Stars: 2,874 - Forks: 95

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: about 2 years ago - Stars: 2,726 - Forks: 181

Nolanus/ngx-page-scroll

Animated scrolling functionality for angular written in pure typescript

Language: TypeScript - Size: 20 MB - Last synced at: 1 day ago - Pushed at: about 1 month ago - Stars: 479 - Forks: 113

react-component/scroll-anim

Animate Scroll React Component

Language: JavaScript - Size: 5.54 MB - Last synced at: 7 months ago - Pushed at: almost 4 years ago - Stars: 305 - Forks: 43

MAGGIx1404/Textify-js

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

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

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: 11 days ago - Pushed at: about 2 months ago - Stars: 137 - Forks: 3

vycoder/vue-animate-onscroll

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

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

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: 1 day ago - Pushed at: 4 months ago - Stars: 64 - Forks: 8

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: about 1 month ago - Pushed at: 5 months ago - Stars: 57 - Forks: 6

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

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

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: 26 days ago - Pushed at: about 3 years ago - Stars: 45 - Forks: 5

MAGGIx1404/awwward-rebuild-SOTD--2

dummy link with backend....

Language: JavaScript - Size: 64.9 MB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 31 - Forks: 5

issam-seghir/Captions-AI

Captions AI Landing page Clone with Gsap/lotties animations

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

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.3 MB - Last synced at: 28 days ago - Pushed at: 3 months ago - Stars: 17 - 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: 7 months ago - Pushed at: 7 months ago - Stars: 15 - Forks: 6

MAGGIx1404/webgl-portfolio-2

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

AlexSmet/NumberScrollAnimatedView

Animated number scrolling view for iOS

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

scriptex/AnimateMe

Reveal DOM elements as you scroll

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

Riadayal/Pytest-scroll

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

Language: Python - Size: 1000 Bytes - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 12 - Forks: 3

EnzoEmb/enami

🏄‍♂️ Simple animations on scroll

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

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.

Language: JavaScript - Size: 9.77 KB - Last synced at: about 1 month ago - Pushed at: almost 7 years ago - Stars: 8 - Forks: 0

three11/animate-top-offset

Scroll a container to a specific Y offset

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

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 1 month ago - Pushed at: 9 months ago - Stars: 5 - 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 1 month ago - Pushed at: 11 months ago - Stars: 5 - Forks: 1

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: 3 days ago - Pushed at: about 2 years ago - Stars: 4 - 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: about 2 years ago - Pushed at: almost 3 years ago - Stars: 4 - Forks: 4

Ahmed-Roshdy-1/Animated-Website

an app that having animation on scroll functionality.

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

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: about 2 months ago - Pushed at: about 2 months ago - Stars: 3 - Forks: 3

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

S0npaRi11/scrolls

An easy to use scroll animation library with javaScript

Language: JavaScript - Size: 31.3 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 0

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: 9 days ago - Pushed at: 3 months ago - Stars: 2 - 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: 6 days ago - Pushed at: 8 months ago - Stars: 2 - Forks: 0

MathiasOxholm/humblescroll-nuxt

Nuxt 3 animate on scroll

Language: Vue - Size: 332 KB - Last synced at: 1 day ago - Pushed at: over 1 year ago - Stars: 2 - 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: 1 day ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

bensinca/heftiba

Locomotive Scroll JS + Blotter JS Animations

Language: HTML - Size: 43.9 MB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 2 - 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: over 4 years ago - Stars: 2 - Forks: 0

sabina929/Animations_On_Scroll

IntersectionObserver API https://animations-on-scroll.netlify.com/

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

Poojavpatel/Stylewellpro

An engaging interior design company website | Built from scratch using CSS | Uses GSAP and Scroll-magic for animations

Language: CSS - Size: 60.7 MB - Last synced at: about 2 years ago - Pushed at: over 6 years ago - Stars: 2 - 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: 4 days ago - Pushed at: about 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: about 2 months ago - Pushed at: about 2 months ago - Stars: 1 - 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 1 month ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

matiasbacelar98/portfolio-v2

Personal portfolio v2

Language: TypeScript - Size: 7.41 MB - Last synced at: about 2 months ago - Pushed at: 3 months ago - Stars: 1 - 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: 4 months ago - Pushed at: 4 months ago - Stars: 1 - 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: 4 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

pixelftw/VianlixUi

Resusable animated components build with framer motion for your React applications

Language: TypeScript - Size: 911 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

wajik45/wajik-gulir

Library sederhana animasi ketika di scroll

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

lamaparbat/Advanced-React-Practises

React Advance Library and practises.

Language: JavaScript - Size: 332 KB - Last synced at: about 2 months ago - Pushed at: 11 months ago - Stars: 1 - 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

erickdc7/dynamic-css-gallery

Scroll Animations without JavaScript

Language: CSS - Size: 41.3 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 1 - 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

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

50 Days Challange table of contents

Language: JavaScript - Size: 602 KB - Last synced at: 11 months ago - Pushed at: over 1 year ago - Stars: 1 - 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: about 2 months ago - Pushed at: about 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

MustafaNatur/Drone-site

This is a website about my engineering project that I did at the university in the 1st year

Language: HTML - Size: 92.8 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - 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

charisTheo/animath

Learn maths by scrolling - Interactive Maths tutorials

Language: JavaScript - Size: 863 KB - Last synced at: about 1 month ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

S0npaRi11/sscrollJS

sscrollJS is a scroll animation JS library powered by modern browser API's like IntertsectionObserver and animate.

Language: HTML - Size: 3.91 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

Forthtilliath/js-scroll-animation

Defi 21 : Animation au scroll

Language: JavaScript - Size: 25.7 MB - Last synced at: about 2 months ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

nicross/Lazily

A lightweight plugin ecosystem for progressively enhancing static markup.

Language: JavaScript - Size: 103 KB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

PictureElement/phoenix

A pawn shop landing page built with Bootstrap 4.

Language: HTML - Size: 31.6 MB - Last synced at: about 2 years ago - Pushed at: almost 5 years ago - Stars: 1 - Forks: 1

jignesh13/GradientPageViewController

create pageviewcontroller change gradient color while scrolling and shine effect button with beautiful lottie animation

Language: Objective-C - Size: 9.12 MB - Last synced at: almost 2 years ago - Pushed at: almost 6 years ago - Stars: 1 - Forks: 1

lumaa-dev/AboutApps

Website to learn more about iOS Apps made by Lumaa

Language: HTML - Size: 55.1 MB - Last synced at: 4 days ago - Pushed at: 4 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: 6 days ago - Pushed at: 6 days ago - Stars: 0 - Forks: 0

ShuninYu/SmooScroll

平滑滚动页面 | Smooth your scroll

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

emersonramos3lt/portfolio

My personal portfolio created with React and Framer Motion.

Language: JavaScript - Size: 4.73 MB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 0 - Forks: 0

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: 20 days ago - Pushed at: 20 days ago - Stars: 0 - Forks: 0

C5H8NNaO4/perfumery.javascript.moe

A visually engaging personal onepager using scroll animations

Language: TypeScript - Size: 87 MB - Last synced at: 1 day ago - Pushed at: 23 days ago - Stars: 0 - 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: 3 months ago - Pushed at: 3 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: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

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

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

Language: HTML - Size: 6.84 KB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - 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: 4 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: about 1 month ago - Pushed at: 4 months ago - Stars: 0 - 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: 7 days ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

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: about 1 month ago - Pushed at: 6 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: 2 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

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: 6 months ago - Pushed at: 6 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: 3 months ago - Pushed at: 7 months ago - Stars: 0 - 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: 8 months ago - Pushed at: 8 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: 7 days ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

coderooz/scrollAnimatedwebsite

A simple responsive website with scroll animation.

Language: CSS - Size: 43 KB - Last synced at: about 2 months ago - Pushed at: 9 months ago - Stars: 0 - 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: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

MathiasOxholm/humblescroll-vue-plugin

Vue 3 animate on scroll

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

IntriguedSayan/IntriguedSayan.github.io

My portfolio is in this repository.Use this as template for your portfolio. Give this repo a star and a follow to me to show your support.

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

bjclayton/Scroll-Animations

Scroll Animations with Framer Motion

Language: JavaScript - Size: 5.19 MB - Last synced at: 2 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

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

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

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