# Cover flow

A depth rail of images you can throw, with soft grounded shadows and a quiet reflection.

- ID: `cover-flow`
- Import: `animui/cover-flow`
- Category: Special
- Runtime exports: `CoverFlow`
- Declaration: `types/pro/cover-flow.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: carousel, card-stack, photo-grid

```tsx
import { CoverFlow } from 'animui/cover-flow';
```

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 cover-flow` 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 CoverFlowItem { id: string; title: string; subtitle?: string; meta?: string; image: string; imagePosition?: string; alt?: string; }
export interface CoverFlowProps { items: CoverFlowItem[]; label: string; index?: number; defaultIndex?: number; onIndexChange?: (index: number) => void; renderCaption?: (item: CoverFlowItem, index: number) => ReactNode; className?: string; }

export declare const CoverFlow: ComponentType<CoverFlowProps>;

export default CoverFlow;
```