The Vibeary — tag
scroll
22 resources in The Vibeary tagged "scroll" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

Lenis
Smooth-scroll runtime that virtualizes wheel input while keeping native scrollbars, anchors and accessibility behaviour intact.

The Craft of UI
Newsletter of long-form UI craft write-ups covering scroll-driven animation, CSS motion tricks and interaction detail, with live demos.

ScrollyVideo.js
Component that scrubs a video frame-accurately against scroll position across React, Vue, Svelte and vanilla, handling decode differences per browser.

graph-scroll
Minimal scroll-driven event library for D3 graphics, sized for a single explanatory piece rather than a framework.

react-native-header-motion
High-level APIs for orchestrating scroll-driven header collapse, blur and title transitions in React Native.

ScrollMagic
Scroll interaction framework for pinning elements, scrubbing tweens and triggering callbacks against scroll position, with a visual debug indicator mode.

ScalingHeaderScrollView
SwiftUI scroll view with a sticky header that shrinks and morphs as content scrolls.

basement scrollytelling
React and GSAP library for declarative scroll-driven animation timelines with waypoints and parallel tweens.

Sal
Performance-focused scroll reveal library using IntersectionObserver and CSS classes, weighing under 3KB with no dependencies.

Lax.js
Vanilla scroll-animation plugin driving CSS transforms and filters from scroll position via a declarative preset syntax.

ScrollReveal
Library that reveals elements as they enter the viewport, with per-element distance, rotation, scale, interval and sequencing config.

Motus
Scroll animation library that mimics CSS keyframe syntax, letting you define percentage-based frames tied to scroll progress.

react-scroll-parallax
React hooks and components for scroll-linked parallax on elements, banners and backgrounds with easing and rotation.

Loconative Scroll
Locomotive Scroll's API reimplemented on native scrolling plus Lenis, keeping the data-attribute syntax without the fake scroll container.

react-kino
Scroll-driven cinematic storytelling primitives for React under one kilobyte gzipped, built on native scroll timelines.

AnimateSVGTextPath
Codrops demo animating SVG text along a curved path as it scrolls into view via IntersectionObserver.

tw-fade
Tailwind v4 plugin adding scroll-edge fade masking to overflow containers with zero JavaScript.

Skiper UI
Component library of stacked cards, carousels and scroll-driven interactions distributed through the shadcn CLI.

animere
Scroll-triggered animation runner that drives Animate.css classes via IntersectionObserver with no configuration.

simpleParallax.js
Applies parallax to images by transforming and scaling them within their container, avoiding layout shift.

nerdy.dev
Personal site of a Chrome CSS advocate publishing modern CSS motion techniques, scroll-driven animation demos and interaction experiments.

Textify.js
Text animation library handling split-and-reveal presets with scroll triggers and TypeScript support, aimed at agency-style hero text.