# Image compare

Drag a divider across two images to see what changed.

- ID: `image-compare`
- Import: `animui/image-compare`
- Category: Data
- Runtime exports: `ImageCompare`, `default`
- Declaration: `types/free/components/image-compare.d.ts`
- Type provenance: emitted-original-typescript
- Related: carousel, photo-grid, slider, resizable-panels

```tsx
import { ImageCompare } from 'animui/image-compare';
```

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 image-compare` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { ImageCompare, default } from '../registry/components/image-compare/image-compare.js';
export type { ImageCompareProps } from '../registry/components/image-compare/image-compare.js';
```