# Gallerykit

> Composable image-gallery components for React & React Native — grid, masonry, justified, carousel, lightbox, blur-placeholders, and swappable skins.

## Pages

- [Gallerykit](https://gallerykit.n.yatsyk.com/index.md): Image gallery components, by the book.

## Docs

- [GalleryKit Docs](https://gallerykit.n.yatsyk.com/docs.md): GalleryKit is a composable photo-gallery toolkit for React: layouts, lightboxes, skins, themes, paywalls, and more.
- [API](https://gallerykit.n.yatsyk.com/docs/carousel/api.md): @gallerykit/carousel public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/carousel/getting-started.md): Install and use @gallerykit/carousel.
- [Carousel](https://gallerykit.n.yatsyk.com/docs/carousel.md): Single-item carousel layout with slide transitions and gesture support.
- [API](https://gallerykit.n.yatsyk.com/docs/core/api.md): @gallerykit/core public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/core/getting-started.md): Install and use @gallerykit/core.
- [Core](https://gallerykit.n.yatsyk.com/docs/core.md): Schemas, types, registries, and shared primitives that every other GalleryKit package depends on.
- [API](https://gallerykit.n.yatsyk.com/docs/grid/api.md): @gallerykit/grid public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/grid/getting-started.md): Install and use @gallerykit/grid.
- [Grid](https://gallerykit.n.yatsyk.com/docs/grid.md): Responsive uniform grid layout with optional virtualization.
- [API](https://gallerykit.n.yatsyk.com/docs/blur-placeholder/api.md): @gallerykit/blur-placeholder public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/blur-placeholder/getting-started.md): Install and use @gallerykit/blur-placeholder.
- [Blur Placeholder](https://gallerykit.n.yatsyk.com/docs/blur-placeholder.md): Lightweight blurred placeholder shown while the real image loads.
- [API](https://gallerykit.n.yatsyk.com/docs/lightbox/api.md): @gallerykit/lightbox public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/lightbox/getting-started.md): Install and use @gallerykit/lightbox.
- [Lightbox](https://gallerykit.n.yatsyk.com/docs/lightbox.md): Modal lightbox viewer with gestures, keyboard navigation, EXIF, and video playback.
- [API](https://gallerykit.n.yatsyk.com/docs/masonry/api.md): @gallerykit/masonry public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/masonry/getting-started.md): Install and use @gallerykit/masonry.
- [Masonry](https://gallerykit.n.yatsyk.com/docs/masonry.md): Pinterest-style masonry layout with virtualization.
- [API](https://gallerykit.n.yatsyk.com/docs/justified/api.md): @gallerykit/justified public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/justified/getting-started.md): Install and use @gallerykit/justified.
- [Justified](https://gallerykit.n.yatsyk.com/docs/justified.md): Flickr-style justified row layout that preserves the original aspect ratio of every image.
- [API](https://gallerykit.n.yatsyk.com/docs/pan-scale/api.md): @gallerykit/pan-scale public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/pan-scale/getting-started.md): Install and use @gallerykit/pan-scale.
- [Pan & Scale](https://gallerykit.n.yatsyk.com/docs/pan-scale.md): Pan + zoom image viewer integration backed by @panscale/react.
- [API](https://gallerykit.n.yatsyk.com/docs/paywall/api.md): @gallerykit/paywall public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/paywall/getting-started.md): Install and use @gallerykit/paywall.
- [Paywall](https://gallerykit.n.yatsyk.com/docs/paywall.md): Paywall, NSFW blur, and age-gate overlays for premium content.
- [API](https://gallerykit.n.yatsyk.com/docs/skin-card/api.md): @gallerykit/skin-card public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/skin-card/getting-started.md): Install and use @gallerykit/skin-card.
- [Card Skin](https://gallerykit.n.yatsyk.com/docs/skin-card.md): White card with shadow, rounded corners, and caption below — registers itself as the `card` skin.
- [API](https://gallerykit.n.yatsyk.com/docs/skin-filmstrip/api.md): @gallerykit/skin-filmstrip public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/skin-filmstrip/getting-started.md): Install and use @gallerykit/skin-filmstrip.
- [Filmstrip Skin](https://gallerykit.n.yatsyk.com/docs/skin-filmstrip.md): Cinema-style frame with film perforations and monospace caption — registers as the `filmstrip` skin.
- [API](https://gallerykit.n.yatsyk.com/docs/skin-magazine/api.md): @gallerykit/skin-magazine public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/skin-magazine/getting-started.md): Install and use @gallerykit/skin-magazine.
- [Magazine Skin](https://gallerykit.n.yatsyk.com/docs/skin-magazine.md): Editorial style with generous padding, serif captions, and EXIF support — registers as the `magazine` skin.
- [API](https://gallerykit.n.yatsyk.com/docs/skin-minimal/api.md): @gallerykit/skin-minimal public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/skin-minimal/getting-started.md): Install and use @gallerykit/skin-minimal.
- [Minimal Skin](https://gallerykit.n.yatsyk.com/docs/skin-minimal.md): Image-only skin with no decoration — registers as the `minimal` skin.
- [API](https://gallerykit.n.yatsyk.com/docs/skin-overlay/api.md): @gallerykit/skin-overlay public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/skin-overlay/getting-started.md): Install and use @gallerykit/skin-overlay.
- [Overlay Skin](https://gallerykit.n.yatsyk.com/docs/skin-overlay.md): Edge-to-edge image with gradient + caption overlay (Pinterest/Behance style) — registers as the `overlay` skin.
- [API](https://gallerykit.n.yatsyk.com/docs/skin-polaroid/api.md): @gallerykit/skin-polaroid public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/skin-polaroid/getting-started.md): Install and use @gallerykit/skin-polaroid.
- [Polaroid Skin](https://gallerykit.n.yatsyk.com/docs/skin-polaroid.md): Instant-photo frame with white border, slight rotation, and handwriting caption — registers as the `polaroid` skin.
- [API](https://gallerykit.n.yatsyk.com/docs/theme-dark/api.md): @gallerykit/theme-dark public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/theme-dark/getting-started.md): Install and use @gallerykit/theme-dark.
- [Dark Theme](https://gallerykit.n.yatsyk.com/docs/theme-dark.md): OLED-black gallery with high contrast and blue accent (dark mode only).
- [API](https://gallerykit.n.yatsyk.com/docs/theme-editorial/api.md): @gallerykit/theme-editorial public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/theme-editorial/getting-started.md): Install and use @gallerykit/theme-editorial.
- [Editorial Theme](https://gallerykit.n.yatsyk.com/docs/theme-editorial.md): Serif typography, generous spacing, cream tint, and thin borders — magazine feel.
- [API](https://gallerykit.n.yatsyk.com/docs/theme-minimal/api.md): @gallerykit/theme-minimal public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/theme-minimal/getting-started.md): Install and use @gallerykit/theme-minimal.
- [Minimal Theme](https://gallerykit.n.yatsyk.com/docs/theme-minimal.md): Clean borderless gallery with subtle hover effects and system font — supports light and dark.
- [API](https://gallerykit.n.yatsyk.com/docs/theme-pro/api.md): @gallerykit/theme-pro public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/theme-pro/getting-started.md): Install and use @gallerykit/theme-pro.
- [Pro Theme](https://gallerykit.n.yatsyk.com/docs/theme-pro.md): Dense compact dark layout with monospace metadata and blue accent — built for professional tools.
- [API](https://gallerykit.n.yatsyk.com/docs/theme-social/api.md): @gallerykit/theme-social public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/theme-social/getting-started.md): Install and use @gallerykit/theme-social.
- [Social Theme](https://gallerykit.n.yatsyk.com/docs/theme-social.md): Instagram/Pinterest-inspired card-based gallery with rounded corners and shadow hover.
- [API](https://gallerykit.n.yatsyk.com/docs/theme-telegram/api.md): @gallerykit/theme-telegram public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/theme-telegram/getting-started.md): Install and use @gallerykit/theme-telegram.
- [Telegram Theme](https://gallerykit.n.yatsyk.com/docs/theme-telegram.md): Adaptive theme that maps to Telegram CSS variables (`--tg-theme-*`) with 8px radius — for Telegram Mini Apps.
- [API](https://gallerykit.n.yatsyk.com/docs/toolbar/api.md): @gallerykit/toolbar public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/toolbar/getting-started.md): Install and use @gallerykit/toolbar.
- [Toolbar](https://gallerykit.n.yatsyk.com/docs/toolbar.md): Layout switcher, search, sort, and filter controls for galleries.
- [API](https://gallerykit.n.yatsyk.com/docs/viewer/api.md): @gallerykit/viewer public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/viewer/getting-started.md): Install and use @gallerykit/viewer.
- [Viewer](https://gallerykit.n.yatsyk.com/docs/viewer.md): Inline, sidebar, and filmstrip viewers for embedding gallery items in a page.
- [API](https://gallerykit.n.yatsyk.com/docs/pagination/api.md): @gallerykit/pagination public exports.
- [Getting Started](https://gallerykit.n.yatsyk.com/docs/pagination/getting-started.md): Install and use @gallerykit/pagination.
- [Pagination](https://gallerykit.n.yatsyk.com/docs/pagination.md): Infinite scroll, load-more, and numbered-page primitives for paginated galleries.

## Gallerykit

- [Gallerykit API reference](https://gallerykit.n.yatsyk.com/docs/gallerykit/jsdoc.md): Exports of @gallerykit/gallerykit.