Dev Design LibraryOpen the library

Sticky Scroll Components

Dev Design Library indexes 12 sticky scroll components from 9 open-source UI libraries, with the most coming from uselayouts, Componentry, FLX UI, React Bits and Amicro Micro Transitions. Each one links to its page with the source code, a live preview where available, the library license and the install command. 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.
Feature 03FLX UI · ReactA sticky title/description column paired with a scrolling list of features, each with its own title, description, and…
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.
Scroll 01FLX UI · ReactSticky media that changes as you scroll through text content.

Libraries with sticky scroll components

Related categories