Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: 3d Card
Next: 3d Pin

3d Marquee

Isometric 3D image gallery with animated scrolling columns for React

Four columns of images scroll in alternating directions while the whole grid sits at a dramatic isometric angle. Images hover and lift slightly for extra depth. Works well with 8-16 images, or use solid colors for an abstract look. Great for landing page hero sections.

3d Marquee preview

Scroll to load preview

Installation

Apple Cards Carousel

Expandable card carousel

3D Card

Tilt-on-hover cards

Marquee

Horizontal scrolling content

FAQ

Was this page helpful?

Sign in to leave feedback.

3d Card

Mouse-tracking 3D tilt card with hover effects for React

3d Pin

Map-pin style 3D card with pulse rings and hover reveal for React