Gallery 90 - Race photo finder by bib numberPro

An event photo finder where runners search by bib number and course checkpoint, see matching photos with timestamp and checkpoint labels, and add them to a cart with a running total.

About Gallery 90

An event photo finder where runners search by bib number and course checkpoint, see matching photos with timestamp and checkpoint labels, and add them to a cart with a running total.

Gallery 90 is a gallery block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 121 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.

  • event
  • race
  • search
  • bib
  • purchase

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add gallery-90

Dependencies installed automatically: lucide-react.

Uses: button, reveal, utils.

Usage

import Gallery90 from "@/components/blocks/gallery-90"

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

FAQ