react-animate-on-scroll

React component to animate elements on scroll with animate.css

v2.1.9 URL: https://unpkg.com/react-animate-on-scroll@2.1.9/dist/scrollAnimation.min.js

Open Browse Files

reactScrollEffects react reactJS react-component animate scroll animation reactAnimateOnScroll

react-scroll-parallax

React hooks and components to create parallax scroll effects for banners, images or any other DOM elements.

v3.4.5 URL: https://unpkg.com/react-scroll-parallax@3.4.5/dist/index.js

Open Browse Files

react scroll effects parallax banner animation hooks component

ukiyojs

⛰️ Dynamic, modern, and efficient background parallax effect.

v4.2.0 URL: https://unpkg.com/ukiyojs@4.2.0/dist/ukiyo.esm.min.js

Open Browse Files

parallax scroll background-image effects parallax-scrolling background-parallax

@vtbag/cam-shaft

The Cam-Shaft bumps your view transition images into place to avoid the pseudo-smooth-scroll effect when applying view transitions to elements that are taller than the viewport.

v1.0.1 URL: https://unpkg.com/@vtbag/cam-shaft@1.0.1/lib/index.js

Open Browse Files

view transitions view-transition view-transitions smooth-scroll instant scroll smooth-scrolling scrolling cross-document

text-reveal

A React text animation with a smooth color transition for each character while scrolling.

v2.1.2 URL: https://unpkg.com/text-reveal@2.1.2/dist/index.js

Open Browse Files

text-reveal react reveal text string color control react-text-reveal highlight scroll text-highlight highlight-scroll text-highlight-scroll motion velocity fill direction hooks animation css component effect text-effects