KQ-234 · VIGNETTE/SEARCH/LENS

Search Lens Vignette

A search moment: the field focuses, the query types itself, three results settle in, the scene rests, then it clears and runs again. A vignette of finding — fixed beats, nothing interactive, one image to assistive tech — for heroes about products where the answer is a search away. The working palette is command-deck; this is its portrait.

KQ-234 · VIGNETTE/SEARCH/LENS

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/vignette-search-lens

Props

PropTypeDefaultDescription
query / resultsstring · LensResult[]What types itself, and the three that settle.
restSecondsnumber5How long the settled scene holds before looping.