KQ-821 · IMAGE/REVEAL

Image Reveal

A generated image that sharpens in steps. Progress is quantised into steps, and each one drops the blur and lifts the saturation on a slow tween while a ring in the corner drains; the last step gives way to a tick drawn on flick, and a new seed wipes in over the old picture behind a clip that opens left to right. Retry is a native button: Tab, then Enter or Space regenerates.

KQ-821 · IMAGE/REVEAL

Nothing rendered yet

A lighthouse on a cold morning

Fernworks Model 3 · Not rendered

Idle · press generate

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/image-reveal

Props

progress: number; default 0; Generation progress from 0 to 1, owned by the host.
steps: number; default 4; Discrete sharpening steps the blur resolves through.
generating: boolean; default false; The render is in flight: sets aria-busy and disables the retry control.
seed: number; default 1; Drives the procedural picture; changing it regenerates with a wipe.
label: string; default —; What was asked for; names the picture and heads the footer.
model: string; default —; An invented model name for the footer line.
onRegenerate: () => void; default —; Fires from the Retry button, labelled Generate before the first picture.
onResolve: () => void; default —; Fires once when the final sharpening step has finished.

Prop	Type	Default	Description
progress	number	0	Generation progress from 0 to 1, owned by the host.
steps	number	4	Discrete sharpening steps the blur resolves through.
generating	boolean	false	The render is in flight: sets aria-busy and disables the retry control.
seed	number	1	Drives the procedural picture; changing it regenerates with a wipe.
label	string	—	What was asked for; names the picture and heads the footer.
model	string	—	An invented model name for the footer line.
onRegenerate	() => void	—	Fires from the Retry button, labelled Generate before the first picture.
onResolve	() => void	—	Fires once when the final sharpening step has finished.