Components
Loading preview...
This component is a dynamic, interactive gallery built with Shadcn UI and Tailwind CSS. Each card initially displays a full-background image, which smoothly shrinks to the top half on hover, revealing a text section with a title, subtitle, and arrow button. The layout is responsive, carousel-enabled, and visually engaging, perfect for showcasing content elegantly.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/gallery-hover-carouselimport GalleryHoverCarousel from "@/components/ui/gallery-hover-carousel";
export default function DemoOne() {
return <GalleryHoverCarousel />;
}