# Overlay Skin

> Edge-to-edge image with gradient + caption overlay (Pinterest/Behance style) — registers as the `overlay` skin.

Source: https://gallerykit.n.yatsyk.com/docs/skin-overlay

# @gallerykit/skin-overlay

Importing **@gallerykit/skin-overlay** registers an `overlay` skin with GalleryKit's `skinRegistry`.

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

## Install

```bash
pnpm add @gallerykit/skin-overlay
```

## Quick example

```tsx
import "@gallerykit/skin-overlay";

<Gallery config={{ layout: "masonry", skin: "overlay" }} items={items} />
```

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