Component

Image Gallery

Commerce-ready gallery with thumbnail rail, previous/next navigation and direct integration with the image viewer overlay.

import { NeuImageGalleryComponent } from '@neural-ui/core/image-gallery';
import type { NeuImageViewerItem } from '@neural-ui/core/image-gallery';

Product detail gallery

Use it as the main media surface in ecommerce PDPs where the stage, thumbs and fullscreen viewer belong together.

1 / 4 Main product view

Editorial left rail

A denser media layout for campaigns, lookbooks or content-heavy collections.

1 / 3 Hero editorial look

Inline gallery without fullscreen

Useful when you only want stage + thumbnails inside dashboards or CMS pages.

Main product view

<neu-image-gallery
  [items]="galleryItems"
  [showThumbnails]="true"
  [showCounter]="true"
  thumbnailPosition="bottom"
  objectFit="cover"
  [viewerEnabled]="true"
/>