Gallery 49 - Square grid with hover info cardPro

Square tiles that slide up an info card on hover or focus with the photographer, camera settings and engagement counts.

About Gallery 49

Square tiles that slide up an info card on hover or focus with the photographer, camera settings and engagement counts.

Gallery 49 is a pro gallery block for React, built on shadcn/ui and Tailwind CSS. It ships as 107 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • square
  • hover-card
  • info
  • photographer
  • exif

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/gallery-49

Dependencies installed automatically: lucide-react.

Uses: avatar, reveal, utils.

Usage

import Gallery49 from "@/components/blocks/gallery-49"

export default function Page() {
  return <Gallery49 />
}

FAQ