Components
Loading preview...
A responsive image viewer that changes the visible image based on the horizontal mouse position, and enhanced with a glassmorphic tooltip. Perfect for showcasing art collections, product galleries, or any visual content where immersive user interaction matters.
npx shadcn@latest add https://21st.dev/r/isaiahbjork/hover-image-gallery"use client";
import { HoverImageGallery } from "@/components/ui/hover-image-gallery";
export function Demo() {
return (
<div className="min-h-screen overflow-hidden flex flex-col items-center justify-center">
<HoverImageGallery />
<p className="mt-10">Hover over the images</p>
</div>
);
}