Generative Grid

A recursive generative grid image loader simulating AI diffusion tile synthesis with perimeter line draws, progressive tile revelations, and aspect ratio controls.

AI image generation outputs (Midjourney, DALL-E, Stable Diffusion workflows).
Progressive image reveal loaders simulating tile-by-tile diffusion computation.
Interactive canvas previews allowing instant switching between landscape (3:2) and square (1:1) ratios.

Prop	Type	Default	Description
`presets`	`string[]`	`PRESETS`	List of generative image URLs to iterate through on replay.
`defaultRatio`	`"landscape" \| "square"`	`"landscape"`	Starting aspect ratio for the frame container.
`generationDurationMs`	`number`	`5000`	Duration in milliseconds for the recursive tile generation sequence.
`showToolbar`	`boolean`	`true`	Whether to display the replay and aspect-ratio toggle floating pill toolbar.
`className`	`string`	—	Additional CSS class names.

Recursive quadtree subdivision algorithm generating randomized sub-cells with staggered entry delays.
Border lines expand outward using cubic-bezier ease [0.16, 1, 0.3, 1].
Final image crossfades in with a smooth Gaussian blur filter reduction (14px -> 0px).