Dynamic Grid Gallery

A 3×2 photo grid that grows the hovered row and column so one still takes the stage.

Installation

terminal

pnpm dlx layro-cli add @iurvish/dynamic-grid-gallery

npx layro-cli add @iurvish/dynamic-grid-gallery

npx layro-cli add @iurvish/dynamic-grid-gallery

bunx layro-cli add @iurvish/dynamic-grid-gallery

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client";

import React, { useState } from "react";

export interface GalleryItem {
  id: string | number;
  src: string;
  alt?: string;
  title?: string;
}

export interface DynamicGridGalleryProps {
  /** Array of 6 image items (defaults to curated 4K warm amber landscape collection) */
  items?: GalleryItem[];