Components
Loading preview...
A scroll-based image gallery that creates depth and dimension through dynamic scaling animations. As users scroll, images scale up at different rates while a text overlay fades in, creating an engaging visual narrative. Perfect for landing pages, portfolios, and immersive storytelling experiences. Built with React, TypeScript, and Framer Motion.
@ishamsu
npx shadcn@latest add https://21st.dev/r/ishamsu/immersive-scroll-galleryimport ImmersiveScrollGallery from "@/components/ui/immersive-scroll-gallery.tsx";
const DemoOne = () => {
return (
<div className="mx-auto relative h-dvh">
<ImmersiveScrollGallery />
</div>
);
};
export { DemoOne };