Ngx Gallery

Small, performant, responsive, dependency free, easy to use Angular 8+ gallery.

Showcase | Changelog

Installation

1yarn add @daelmaak/ngx-gallery

Versioning

Gallery	Angular	Readme
3.x.x	>=16	here
2.x.x	>=13	2.1.0
<=1.x.x	>=8 <13	1.3.0

Usage

1. Import gallery into your component

1import { GalleryComponent } from '@daelmaak/ngx-gallery';
2
3@Component({
4  standalone: true,
5  imports: [GalleryComponent],
6})
7export class AppComponent {}

or into your module if you don't use standalone

1import { GalleryComponent } from '@daelmaak/ngx-gallery';
2
3@NgModule({
4  imports: [GalleryComponent],
5})
6export class AppModule {}

2. Create an image

1import { GalleryItem } from '@daelmaak/ngx-gallery';
2
3@Component({...})
4export class AppComponent {
5  images: GalleryItem[] = [{ src: 'kitten1.jpg' }]
6}

3. Render the gallery

1<gallery [items]="images"></gallery>

Local development

1yarn
2yarn start # start demo app
3yarn test