open-index/open-npm huggingface dataset:
npm package: @ngx-photo-gallery/mosaic
Description: ngx-photo-gallery mosaic is an Angular photo gallery with flex-like perfect layout
Author: Andrey Bolut
Latest version: 0.1.1

[![Maintainability](https://api.codeclimate.com/v1/badges/a53027789ed69ebedd75/maintainability)](https://codeclimate.com/github/ngx-photo-gallery/monorepo/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/a53027789ed69ebedd75/test_coverage)](https://codeclimate.com/github/ngx-photo-gallery/monorepo/test_coverage)
[![Build Status](https://travis-ci.com/ngx-photo-gallery/monorepo.svg?branch=master)](https://travis-ci.com/ngx-photo-gallery/monorepo)
![Dependencies Status](https://img.shields.io/david/ngx-photo-gallery/monorepo)
![npm](https://img.shields.io/npm/v/@ngx-photo-gallery/mosaic)


# ngx-photo-gallery

`@ngx-photo-gallery/mosaic` is an Angular component for displaying images which fills entire space without changing aspect ratio.

![Gallery screenshot](./docs/screen1.jpg)

# Features

* Adding HTML template for display content over images
* AoT Compilation Support

# Installation

```
npm install --save @ngx-photo-gallery/mosaic
```
npm package: @ngx-plus/ngx-alerts
Description: Advanced Angular Alerts
Latest version: 0.6.0

<h3 align="center">
<img src="https://ngx-plus.github.io/ngx-logos/png/ngx-logo-red.png"/>

```console
@ngx-plus/ngx-alerts
```

</h3>

* * *

<h2 align="center">
  <a href="https://ngx-plus-slack.now.sh/">
    <img src="https://ngx-plus-slack.now.sh/badge.svg" />
  </a>
  <a href="https://www.npmjs.com/package/@ngx-plus/ngx-alerts">
    <img src="https://img.shields.io/npm/v/@ngx-plus/ngx-alerts.svg?maxAge=2592000?style=plastic" />
  </a>
  <a href="https://ngx-plus.github.io/ngx-alerts/">
    <img src="https://img.shields.io/badge/demo-online-61B5D9.svg" />
  </a>
  <a href="https://travis-ci.org/ngx-plus/ngx-alerts">
    <img src="https://travis-ci.org/ngx-plus/ngx-alerts.svg?branch=master" />
  </a>
  <a href="https://coveralls.io/github/ngx-plus/ngx-alerts?branch=master">
    <img src="https://coveralls.io/repos/github/ngx-plus/ngx-alerts/badge.svg?branch=master" />
  </a>
  <a href="#contributors">
    <img src="https://img.shields.io/badge/contributors-2-orange.svg" />
  </a>
</h2>

## Demo & Docs

> <https://ngx-plus.github.io/ngx-alerts/>

## Development / Contributing

### Global Install

```console
npm install -g lerna @angular/cli
```

### Clone Repo

```console
git clone https://github.com/ngx-plus/ngx-alerts.git
```

### Local Install

> `cd ngx-alerts` and install project dependencies

```console
npm install
```

### Lerna Bootstrap

> This will bootstrap the packages in the ngx-alerts repo, installing all of their dependencies and linking any cross-dependencies.  After running this command, the demo will use the local version of ngx-alerts for development.

```console
lerna bootstrap
```

### Watch Mode

> This will watch the ngx-alerts files and rebuild on changes.

```console
npm run watch
```

### Dev Mode

> This will fire up a live-reload dev server for the demo.

```console
npm run dev
```

## Contributors

> Many thanks to these awesome contributors!

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->

| [<img src="https://avatars1.githubusercontent.com/u/6089253?v=4" width="100px;"/><br /><sub>Brannon N. Darby II</sub>](https://github.com/brannon-darby)<br />[💻](https://github.com/ngx-plus/ngx-alerts/commits?author=brannon-darby "Code") | [<img src="https://avatars3.githubusercontent.com/u/36491?v=4" width="100px;"/><br /><sub>Bram Borggreve</sub>](http://colmena.io/)<br />[💻](https://github.com/ngx-plus/ngx-alerts/commits?author=beeman "Code") |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |

<!-- ALL-CONTRIBUTORS-LIST:END -->

> This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind are welcome!
npm package: @ngx-plus/ngx-alerts-demo
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.
Latest version: 0.2.0

# Demo

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ngx-plus/ngx-forms-demo
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.
Latest version: 0.3.1

# Demo

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @ngx-plus/ngx-logos
Description: ## ngx-logo-red
Author: Bram Borggreve
Latest version: 1.2.1

# @ngx-plus/ngx-logos

## ngx-logo-red

> Light: #F44336 dark: #F44336

![](./png/ngx-logo-red.png?raw=true)

## ngx-logo-pink

> Light: #E91E63 dark: #E91E63

![](./png/ngx-logo-pink.png?raw=true)

## ngx-logo-purple

> Light: #9C27B0 dark: #9C27B0

![](./png/ngx-logo-purple.png?raw=true)

## ngx-logo-deeppurple

> Light: #673AB7 dark: #673AB7

![](./png/ngx-logo-deeppurple.png?raw=true)

## ngx-logo-indigo

> Light: #3F51B5 dark: #3F51B5

![](./png/ngx-logo-indigo.png?raw=true)

## ngx-logo-blue

> Light: #2196F3 dark: #2196F3

![](./png/ngx-logo-blue.png?raw=true)

## ngx-logo-lightblue

> Light: #03A9F4 dark: #03A9F4

![](./png/ngx-logo-lightblue.png?raw=true)

## ngx-logo-cyan

> Light: #00BCD4 dark: #00BCD4

![](./png/ngx-logo-cyan.png?raw=true)

## ngx-logo-teal

> Light: #009688 dark: #009688

![](./png/ngx-logo-teal.png?raw=true)

## ngx-logo-green

> Light: #4CAF50 dark: #4CAF50

![](./png/ngx-logo-green.png?raw=true)

## ngx-logo-lightgreen

> Light: #8BC34A dark: #8BC34A

![](./png/ngx-logo-lightgreen.png?raw=true)

## ngx-logo-lime

> Light: #CDDC39 dark: #CDDC39

![](./png/ngx-logo-lime.png?raw=true)

## ngx-logo-yellow

> Light: #FFEB3B dark: #FFEB3B

![](./png/ngx-logo-yellow.png?raw=true)

## ngx-logo-amber

> Light: #FFC107 dark: #FFC107

![](./png/ngx-logo-amber.png?raw=true)

## ngx-logo-orange

> Light: #FF9800 dark: #FF9800

![](./png/ngx-logo-orange.png?raw=true)

## ngx-logo-deeporange

> Light: #FF5722 dark: #FF5722

![](./png/ngx-logo-deeporange.png?raw=true)

## ngx-logo-brown

> Light: #795548 dark: #795548

![](./png/ngx-logo-brown.png?raw=true)

## ngx-logo-grey

> Light: #9E9E9E dark: #9E9E9E

![](./png/ngx-logo-grey.png?raw=true)

## ngx-logo-bluegrey

> Light: #607D8B dark: #607D8B

![](./png/ngx-logo-bluegrey.png?raw=true)