A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport.

javascript jquery jquery-plugin responsive viewport stacking-panels stacking sticking-panels scroll-effect scroll-effects

• Updated Oct 10, 2015
• JavaScript

The NickFolio 📓 - As it seems, its my wonderful 🔮 personal portfolio website which includes my personal details, skills, projects, testimonials and contact medium. I created it considering the animations I has inspired from, so I opted Framer-motion within Vite-React with Tailwind.

portfolio reactjs scss portfolio-website idx animations scroll-effect parallax-effect tailwind vite framer-motion vercel horizontal-scroll-effect

• Updated Jun 25, 2024
• JavaScript

Decorator to apply waypoints to React components

react decorator scroll-effect waypoint

• Updated Oct 28, 2018
• JavaScript

An ambitious light-weight react module written in TypeScript for tracking scroll progress in a performant way. Developed for use with spring based animation libraries such as react-spring, but can be used with or without any library.

react animation scrolling scroll scrollreveal scrolltrigger animate scroll-effect react-scroll scroll-reveal react-spring scrollprogress react-animate-on-scroll scroll-animation scroll-trigger scroll-reveal-animations reactscroll nextjs-scrollreveal react-scroll-motion

• Updated Jul 9, 2024
• TypeScript

How to create an on-scroll footer with CSS

css footer scroll-effect

• Updated Aug 15, 2017
• HTML

A component that adds a fog effect to overflowed scroll containers to indicate scrollability.

scroll-effect scroll-effects react-scroll scroll-event

• Updated Apr 16, 2026
• TypeScript

This is a creative croll progressbar project with animated gradient color .Just scroll the page and see the animated gradient progressbar.It was done by HTML,CSS,Javascript.The CSS and Javascript code are written into the HTML(index) file.

progressbar animated html-css-javascript scroll-effect gradient-effect

• Updated Jun 23, 2021
• HTML

✨ Scrolling-Effect — HTML · CSS · JS creative UI project with animations.

frontend web-design scroll-effect html-css-js css-animation visual-effect

• Updated Nov 11, 2026
• HTML

✨ Scroll Effect — HTML · CSS · JS creative UI project with animations.

frontend web-design scroll-effect html-css-js css-animation visual-effect

• Updated Nov 11, 2026
• CSS

✨ Simple Custom Scroller — HTML/CSS/JS creative UI project.

javascript frontend web-design scroll-effect html-css-js css-animation

• Updated Nov 12, 2026
• HTML

Company team profile with Parallax effect

scroll-effect parallax-effect

• Updated Nov 25, 2023
• CSS

✨ Scroll to Top Using JavaScript — HTML/CSS/JS creative UI project.

javascript frontend web-design scroll-effect html-css-js css-animation

• Updated Nov 12, 2026
• HTML

Remake the MacPro 14" website

macbook scroll-effect

• Updated Feb 21, 2023
• JavaScript

A handy study in scroll animations using vanilla jQuery, JavaScript, and CSS, where text reveals an element at a certain point on user scroll for a neat fade-in effect with the use of document and window object methods.

scroll scroll-effect getboundingclientrect vanilla-scroll-effect-javascript window-innerheight

• Updated Feb 9, 2020
• CSS

This is card scroll effect left and right

card effect scroll-effect

• Updated Dec 24, 2022
• HTML

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

javascript html slider accordion scroll-animations scroll-effect tailwindcss

• Updated Jan 3, 2025
• HTML

一个基于 CSS position: sticky 实现的滚动错层堆叠卡片页面示例，包含上下普通 section，用于测试卡片区在完整页面中的滚动进入、堆叠和离开效果。

responsive-layout scroll-effect html-css-js stacked-cards scroll-animation sticky-cards css-sticky

• Updated May 27, 2026
• CSS

"Background image scroll effect" that changes the opacity of the image as the user scrolls down the page.

javascript css html code vanilla-javascript vanilla-js background-image background 30daysofcode scroll-effect 30days30sites 30-days-of-code 30dayscodechallenge 30daysofjavascript background-image-scroll-effect

• Updated May 4, 2023
• HTML

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

javascript html scroll-effect tailwindcss scroll-animation

• Updated Dec 31, 2024
• CSS

Landing page com efeito parallax, criado com HTML, CSS e JavaScript. Demonstra o efeito de movimento suave de imagens ao rolar a página.

landing-page responsive-design html-css-javascript scroll-effect parallax-effect

• Updated Jan 17, 2025
• CSS