Gallery 27 - Team and office photosPro

A wide all-hands team photo followed by office cards per city, each with a workspace photo, address, headcount and a stack of teammate avatars.

About Gallery 27

A wide all-hands team photo followed by office cards per city, each with a workspace photo, address, headcount and a stack of teammate avatars.

Gallery 27 is a pro gallery block for React, built on shadcn/ui and Tailwind CSS. It ships as 98 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.

  • team
  • office
  • careers
  • avatars
  • locations

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-27

Dependencies installed automatically: lucide-react.

Uses: avatar-circles, reveal, utils.

Usage

import Gallery27 from "@/components/blocks/gallery-27"

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

FAQ