React Bits

Scroll Stack

Cards pin and stack as you scroll, settling back into a dimmed deck with smooth, jitter-free motion.

Scroll Stack, a React Bits component

Use Scroll Stack in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/ScrollStack-TS-TW
How to install React Bits components

Related components

  • Card Swap

    A 3D stack of cards that sends the front card to the back on a timer, or when you fling it.

  • Circular Gallery

    A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.

  • Stack

    Pile of cards you can drag, flick or click through, with thrown cards tucking underneath.