Browse docs

Find and Run

3 variantsPro

Search and command moments: a palette that runs a command, results that land with highlights and filters that reflow a list.

illustrationsvgsearchcommand palettefiltersresultsloop

Command

command.tsx

A query types itself, matching commands appear and the selection steps down and runs.

$npx shadcn@latest add @geturui-pro/find-and-run-command

Prop	Type	Default	Description
`query`	`string`	`"deploy"`	Query typed into the palette; a word or two.
`speed`	`number`	`1`	Speed multiplier for the loop (six seconds at 1).
`title`	`string`	—	Accessible description of the scene, used as the aria-label.
`className`	`string`	—	Classes for the SVG; it fills its container width and keeps its ratio.

results.tsx

The field pulses while searching, ranked results slide in and matches light up.

$npx shadcn@latest add @geturui-pro/find-and-run-results

Prop	Type	Default	Description
`query`	`string`	`"refund policy"`	Query shown in the search field.
`speed`	`number`	`1`	Speed multiplier for the loop (six seconds at 1).
`title`	`string`	—	Accessible description of the scene, used as the aria-label.
`className`	`string`	—	Classes for the SVG; it fills its container width and keeps its ratio.

filters.tsx

Filter chips switch on their own while the result list reflows with springs.

$npx shadcn@latest add @geturui-pro/find-and-run-filters

Prop	Type	Default	Description
`speed`	`number`	`1`	Speed multiplier for the loop (two seconds per filter at 1).
`title`	`string`	—	Accessible description of the scene, used as the aria-label.
`className`	`string`	—	Classes for the SVG; it fills its container width and keeps its ratio.

Installs every find and run variant at once. Each section above has its own command for a single variant.

Pro installs use your private registry token. Add the @geturui-pro registry once — setup guide. The command works after you get Pro.

$npx shadcn@latest add @geturui-pro/find-and-run

Rendered as a single SVG with role="img" and an aria-label you can override with `title`; nothing inside is focusable.
Under prefers-reduced-motion the scene renders one meaningful still frame: no loops, no timers.
Colours come from the GetUrUI tokens only, so the scene follows light and dark themes automatically.