Doe Gallery

Performant, responsive, easy to use Angular 8+ gallery

Demos | Docs | Changelog

Why ngx-doe-gallery?

Because it gives you the doe eyes! Seriously though, use it if you need:

• Great performance and feel both on mobile and desktop
• Very small size - gallery itself has just 9kB gzipped! It also packs no dependencies
• Easy usage and lots of customizations
• It just works!

Installation

npm i -S ngx-doe-gallery

Usage

In your ng module

import { GalleryModule } from 'ngx-doe-gallery';

@NgModule({
  imports: [ GalleryModule ]
})
...

In your component

import { GalleryImage } from 'ngx-doe-gallery';

@Component({...})
export class AppComponent {
  images = [ new GalleryImage('kitten1.jpg') ]
}

In your component template

<doe-gallery [items]="images"></doe-gallery>

Usage with IE11

Support for IE11 is only rudimentary and requires you to use IntersectionObserver polyfill https://github.com/w3c/IntersectionObserver/tree/master/polyfill

Development

Install dependencies

In the root of the project, run

npm ci

Serve

npm start

Test

npm test