Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Gallery Dual Scroll

A parallax-style dual scrolling gallery component for React and Next.js with opposite-direction columns, built with shadcn/ui and Tailwind CSS. Creates dynamic visual depth with independent scroll directions.

Create mesmerizing parallax effects with two columns that scroll in opposite directions, giving your gallery a sense of depth and motion. This component is perfect for fashion portfolios, product showcases, and creative agency websites where visual impact matters. Each column moves independently to create an engaging scroll experience.

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.