Photo Albums

Tilted album stacks that expand into a shared-element photo grid.

Installation

terminal

pnpm dlx layro-cli add @iurvish/photo-albums

npx layro-cli add @iurvish/photo-albums

npx layro-cli add @iurvish/photo-albums

bunx layro-cli add @iurvish/photo-albums

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

Code

Demo

"use client"

import React, { useState, useId } from "react"
import { motion, LayoutGroup } from "motion/react"
import { ChevronLeft } from "lucide-react"
import { cn } from "@/lib/utils"

interface Photo {
  id: string
  src: string
}

interface Collection {
  id: string