Image generation

Out of noise covers the landscape with a pixelated colour grain painted on a 160 by 90 canvas and scaled up. The grain keeps repainting about twenty times a second while the card is generating and on screen, and it stops when status is done or motion is reduced. Opacity of that grain follows progress, and the SVG underneath is blurred and slightly desaturated, then sharpens as the fraction climbs. The pill reads Denoising with the current step and the step total, defaulting to 30 steps, beside a small pinging dot. A three-pixel gradient bar runs along the bottom and scales with progress. At the end the pill swaps to Done with a sparkle. The accessible name during the run is the step count, and afterward it is the prompt. Regenerate restarts the demo's clock and picks the next palette.

Blur to sharp keeps the whole landscape in frame and pulls it into focus. Progress is snapped into twelve visible passes, and a blur of up to 28 pixels eases off across those passes, with a little extra saturation and scale at the start. A large percent sits in the middle with the line Sharpening details, then both leave when generating ends. The corner pill shows the size string while the run is active, defaulting to 1536 by 864, and switches to Ready plus that size when status is done. A dark veil over the picture fades as progress rises. Reduced motion skips the blur filter and instead drops the picture's opacity while generating. The center percent still counts. The prompt and the disabled-while-running Regenerate button match the other single-image variants.

The scan line reveals the landscape from top to bottom. Before the line arrives, the frame is a quiet field of dots with a soft coloured glow near the bottom. Progress drives a clip, so the finished portion grows downward, and a luminous band rides that edge: a thin gradient stroke, a wash above it, and a taller tint below. The pill reads Rendering and the percent. When status is done the clip is fully open, the band is gone, and the pill says Done. Reduced motion does not clip. It fades the whole picture in with progress instead, and it hides the moving band. The demo eases the clock so the start is quicker than the finish, but the component itself uses the progress number you pass, with no easing of its own. There is no size readout on this variant.

The grid splits the same 16:9 card into four tiles, two by two, with a small gap and a different corner radius on each tile. One progress value covers the batch. Each tile starts a little later than the one before it and then sharpens on its own, blurring and scaling down as its local fraction rises. Until a tile starts, a sheen sweeps across a flat placeholder. A tiny percent sits in the tile's lower right until that tile hits done. The shared pill counts how many of the four are ready, then reads 4 results with a sparkle. Regenerate is still one button for the whole card, disabled until every tile has finished. paletteOffset picks the first palette and the other three follow. Grain is turned off on these tiles so the small frames stay legible. Tiles are not selectable. Choosing among finished pictures is a different component.