# Viewer

> Inline, sidebar, and filmstrip viewers for embedding gallery items in a page.

Source: https://gallerykit.n.yatsyk.com/docs/viewer

# @gallerykit/viewer

**@gallerykit/viewer** ships three non-modal viewer components — `<InlineViewer>`, `<SidebarViewer>`, and `<FilmstripViewer>` — together with a `useViewer` hook for shared selection state.

* **Stability:** experimental
* **Peer dependencies:** `react`, `react-dom`, `framer-motion`
* **Dependencies:** `@gallerykit/core`

## Install

```bash
pnpm add @gallerykit/viewer
```

## Quick example

```tsx
import { InlineViewer, useViewer } from "@gallerykit/viewer";

const v = useViewer(items);
<InlineViewer {...v} />
```

See [Getting Started](./getting-started.mdx) for the full walkthrough and [API](./api.mdx) for the public exports.