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

Preview of Lenis

Lenis

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

darkroom.engineering (@darkroomengineering)MIT
Preview of The Craft of UI

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.

Jhey Tompkins (@jh3y)free
Preview of ScrollyVideo.js

ScrollyVideo.js

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

Daniel Kao (@dkaoster)MIT
Preview of graph-scroll

graph-scroll

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

Adam Pearce (@adamrpearce)open-source
Preview of react-native-header-motion

react-native-header-motion

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

pawicaoMIT
Preview of ScrollMagic

ScrollMagic

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

Jan Paepke (@janpaepke)MIT
Preview of ScalingHeaderScrollView

ScalingHeaderScrollView

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

Exyte (@exyte)MIT
Preview of basement scrollytelling

basement scrollytelling

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

basement.studio (@basementstudio)MIT
Preview of Sal

Sal

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

Mirek Ciastek (@mciastek)MIT
Preview of Lax.js

Lax.js

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

Alex Fox (@alexfoxy)MIT
Preview of ScrollReveal

ScrollReveal

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

Fisssion (@scrollreveal)GPL
Preview of Motus

Motus

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

Alexandru Cambose (@alexcambose)MIT
Preview of react-scroll-parallax

react-scroll-parallax

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

J Scott Smith (@jscottsmith)MIT
Preview of Loconative Scroll

Loconative Scroll

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

Quentin Hocdé (@quentinhocde)MIT
Preview of react-kino

react-kino

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

Bilal Tahir (@btahir)MIT
Preview of AnimateSVGTextPath

AnimateSVGTextPath

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

Codrops / Manoela Ilic (@crnacura)MIT
Preview of tw-fade

tw-fade

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

(@petekp)MIT
Preview of Skiper UI

Skiper UI

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

Gxuri (@Gxuri__)MIT
Preview of animere

animere

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

Johann Schopplich (@johannschopplich)MIT
Preview of simpleParallax.js

simpleParallax.js

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

Geoffrey Signorato (@geosigno)MIT
Preview of nerdy.dev

nerdy.dev

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

Adam Argyle (@argyleink)free
Preview of Textify.js

Textify.js

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

MAGGIx1404MIT