# Vector search

Documents drop onto a tilted embedding plane and fold into points that cluster by topic; the index links neighbours, a query is typed, embedded and lowered onto the plane, a signal hops along the graph toward it, and a widening ring lights the nearest documents with connecting lines, similarity scores and a ranked list.

- ID: `vector-search`
- Import: `animui/vector-search`
- Category: Special
- Runtime exports: `VectorSearch`
- Declaration: `types/pro/vector-search.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: data-flow

```tsx
import { VectorSearch } from 'animui/vector-search';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info vector-search` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface VectorSearchProps { documents?: { title: string; topic: number; source?: { name: string; icon?: string | ReactNode; color?: string }; x?: number; y?: number }[]; topics?: { name: string; color?: string }[]; query?: string; queryAt?: { x: number; y: number }; k?: number; dimensions?: number; labels?: { embed?: string; index?: string; query?: string; rank?: string; embedded?: string; links?: string; hops?: string; embedding?: string; queryHeading?: string; results?: string; queryChip?: string }; speed?: number; paused?: boolean; controls?: boolean; accent?: string; label?: string; caption?: ReactNode; className?: string; style?: CSSProperties; }

export declare const VectorSearch: ComponentType<VectorSearchProps>;

export default VectorSearch;
```