Infinite Canvas

A free-panning product canvas that tiles forever — drag, scroll, and skim an endless grid of images and captions.

Installation

terminal

pnpm dlx layro-cli add @iurvish/infinite-canvas

npx layro-cli add @iurvish/infinite-canvas

npx layro-cli add @iurvish/infinite-canvas

bunx layro-cli add @iurvish/infinite-canvas

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

Code

Demo

'use client';

import React, { useRef, useEffect, useCallback, forwardRef } from 'react';
import { clsx, type ClassValue } from 'clsx';
import { twMerge } from 'tailwind-merge';

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}

export interface GridItem {
  id: string | number;
  title: string;
  subtitle?: string;