Dev Design LibraryAnimated Sticky Scroll Components
Dev Design Library indexes 11 Animated sticky scroll components from 9 open-source UI libraries, with the most coming from uselayouts, Componentry, React Bits, Amicro Micro Transitions and Aceternity UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the sticky scroll components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Sticky scroll components belong to the Layout group.
Scroll StackReact Bits · ReactOverlapping card stack reveals on scroll with depth layering.
Sticky RevealAmicro Micro Transitions · ReactApple-style scroll-linked side sticky content reveal.
Scroll Stack Deckuselayouts · ReactScroll-linked project cards that pin in the viewport and stack, scale, and settle as you move down the page.
Scroll ChoreographyComponentry · ReactA smooth, scroll-driven image choreography component using Framer Motion.
Sticky StackUI Lab · ReactCards pile up and sink back as you scroll.
Scroll 01FLX UI · ReactSticky media that changes as you scroll through text content.
Sticky ScrollVelora UI · ReactCopy scrolls past a pinned panel that swaps per section.
Glass Scroll StackOpaline · ReactGlass cards that pin and pile up as you scroll, shrinking as new cards land on them.
Sticky Scroll RevealAceternity UI · React
Stack Scroll Revealuselayouts · ReactScroll-linked case-study cards that pin in the viewport and peel, scale, and fade as you move down the page.
Sticky Scroll CardsComponentry · ReactA scroll-driven card stack where images pin and scale as you scroll, creating a layered depth effect.