3d Marquee

Like looking at a tilted magazine rack where everything's slowly drifting. Four columns scroll in alternating directions while the whole grid sits at this dramatic isometric angle. It's cinematic—the kind of thing you put on a landing page hero to make people stop scrolling. Images hover and lift slightly for that extra depth. Feed it 8-16 images for best effect, or use colored blocks if you want abstract vibes instead.

Installation

npx shadcn@latest add https://www.shadcn.io/r/3d-marquee.json

npx shadcn@latest add https://www.shadcn.io/r/3d-marquee.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/3d-marquee.json

bunx shadcn@latest add https://www.shadcn.io/r/3d-marquee.json

Related Components

FAQ